最新消息:20210816 当前crifan.com域名已被污染,为防止失联,请关注(页面右下角的)公众号

【已解决】小程序中如何让api服务器满足要求:已备案的带域名的https

程序 crifan 277浏览 0评论
折腾:
【部分解决】小程序中点击按钮调用服务器接口返回数据
期间,看到小程序官网最新文档:
发起请求 · 小程序
https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html
API · 小程序
基础能力 · 小程序
“网络
在小程序/小游戏中使用网络相关的 API 时,需要注意下列问题,请开发者提前了解。
1. 服务器域名配置
每个微信小程序需要事先设置一个通讯域名,小程序只可以跟指定的域名与进行网络通信。包括普通 HTTPS 请求(request)、上传文件(uploadFile)、下载文件(downloadFile) 和 WebSocket 通信(connectSocket)
配置流程
服务器域名请在 「小程序后台-设置-开发设置-服务器域名」 中进行配置,配置时需要注意:
* 域名只支持 https (request、uploadFile、downloadFile) 和 wss (connectSocket) 协议;
* 域名不能使用 IP 地址或 localhost;
* 域名必须经过 ICP 备案;
* 出于安全考虑,api.weixin.qq.com 不能被配置为服务器域名,相关API也不能在小程序内调用。 开发者应将 appsecret 保存到后台服务器中,通过服务器使用 appsecret 获取 accesstoken,并调用相关 API;
* 对于每个接口,分别可以配置最多 20 个域名。”
-》需要有:
  • 备案好的,带域名的,服务器
  • 且支持https
  • 再去小程序后台管理中配置好
然后才能调用。
当前此处开发期间,可以暂时绕开验证,但是上线的话,必须满足以上条件才可以。
总之:
  • 要上线小程序,页面要调用服务器接口返回数据,但是服务器需要满足要求
    • 已备案
    • 带域名
    • 支持https
  • 现在情况是:
    • 方案1:用阿里云dev开发服务器:xxx
      • 优点:
        • 开发环境完备
          • 包括:
            • 已搭建SOLR等服务
            • Python开发环境已搭建
            • 等等
      • 缺点:
        • 没有备案
          • 如需备案,开发服务器直接去备案,是否是 不容易通过?
        • 不带域名
        • 不支持https
    • 方案2:用阿里云的xxx官网服务器:101.x.x.179
      • 优点:
        • 已有域名
      • 缺点:
        • 缺少开发环境
          • Python:重新搭建,还不算难事
          • SOLR等服务:很难完整搭建
        • 需要再去添加https
    • 方案3:xxx服务器 转发请求到 dev服务器
      • 参考:
      • 优点
        • 无需在xxx搭建完整的dev上的环境
      • 缺点
        • 花精力弄额外的请求转发的事情
        • 之前Flask中记录api访问日志的代码,可能也要更新
经过同事的建议,可以考虑试试方案:
用当前已备案的、带域名的服务器,加上一个二级域名
先去看看域名的配置,看看如何加上一个二级域名
【已解决】阿里云万网中如何设置二级域名指向另一台服务器
然后再去:
【已解决】给阿里云的带域名的服务器加https
然后还要再去确认:
https://dev.xxx
如何可以正常跳转到需要的dev服务器的端口
想办法再去:
【已解决】给二级域名dev.xxx的端口转发后添加https支持
然后再去小程序中试试这个https的二级域名的api地址
https://dev.xxx/storybook/storybook?q=pig
小程序中代码的api接口地址换成:
  globalData: {
    userInfo: null,
    // HostUrl: "http://xxx:33800",
    // Note: the ending storybook used for sub application redirect in nginx of dev server
    HostUrl: "https://dev.xxx/storybook",
以及取消选择:
不校验合法域名、web-view(业务域名)、TLS版本以及HTTPS证书
然后去获取数据,结果会报错:
Wed Nov 28 2018 13:31:34 GMT+0800 (CST) request 合法域名校验出错
appservice?t=1543383087961:1092 如若已在管理后台更新域名配置,请刷新项目配置后重新编译项目,操作路径:“详情-域名信息”
VM103:1  https://dev.xxx 不在以下 request 合法域名列表中,请参考文档:https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html
console.error @ VM103:1
...
s.onmessage @ appservice?t=1543383087961:1092
appservice?t=1543383087961:1092 (index)00"https://tcb-api.tencentcloudapi.com"Array(1)
看来需要去:
【已解决】给小程序后台配置中添加受信任的https的域名以便程序能正常调用api接口获取数据
【总结】
对于之前的背景情况:
  • 阿里云dev服务器:
    • IP:xxx
    • 没备案,更不是https
    • 已有一个nginx基本配置,可以通过xxx访问到主页
  • 阿里云公司官网服务器:
    • IP:101.x.x.179
    • 已备案,但是不是https
    • 可以通过域名www.xxx访问到公司网站主页
想要去实现微信小程序中,能够调用:
最终通过如下步骤,实现了支持小程序的https的api接口的调用合法化,可以正常返回数据。
1.让dev.xxx能转发到dev服务器的指定端口33800
(1)先去弄了 dev.xxx的二级域名
去阿里云的域名的万网配置中,对于:
xxx
添加了dev这个A类的域名:
dev.xxx
指向对应的dev的服务器的IP:
xxx
此时可以实现:
http://dev.xxx
可以跳转到-》
目前打开的是nginx首页:
(2)再去弄端口转发
去dev服务器中新增nginx配置:
新增:
/etc/nginx/conf.d/dev.xxx.conf
server
{
    listen 80;
    server_name dev.xxx;


    access_log  /var/log/nginx/dev.xxx/access.log;
    error_log   /var/log/nginx/dev.xxx/error.log;


    proxy_set_header HOST $host;
    proxy_set_header X-Forwarded-Proto $scheme;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_http_version 1.1;


    location /storybook/
    {
        # proxy_redirect off;


        # proxy_pass http://xxx:33800;
        proxy_pass http://xxx:33800/;
    }

}
实现效果:
【由于印象笔记同步问题,中间丢失部分内容】
最后是通过CentOS的firewalld去添加https的443端口:
firewall-cmd --zone=public --add-service=https --permanent
firewall-cmd --zone=public --add-port=443/tcp --permanent
firewall-cmd --reload
才真正似的443的https网页得以正常打开。
以及加上https的nginx的配置:
server {
    listen              80 default_server;
    return 301          https://$host$request_uri;
}

server
{
    listen              443 ssl;
    server_name         xxx www.xxx;
    ssl_certificate     /www/server/nginx/conf/cert/www.xxx_aliyun_symantec_free_ov_ssl.crt; # 证书文件
    ssl_certificate_key /www/server/nginx/conf/cert/www.xxx_aliyun_symantec_free_ov_ssl.key; # 私钥文件


    ssl_protocols       TLSv1 TLSv1.1 TLSv1.2;
    ssl_ciphers         HIGH:!aNULL:!MD5;
...
    ### Normal Http 80 Related Config
    index index.php index.html index.htm default.php default.htm default.html;
    root  /www/wwwroot/www.xxx;


    access_log  /www/wwwlogs/www.xxx_https.log;
    error_log   /www/wwwlogs/www.xxx_https_error.log;
...
}
实现了:
访问所有的80的http地址,都跳转到对应的443的https
然后https的地址,都可以正常打开了:
3.再去确保https的dev.xxx,可以转发到dev服务器中的指定端口
去dev服务器中新增nginx配置:
/etc/nginx/conf.d/dev.xxx.conf
具体配置如下:
server {
    listen              443 ssl;
    listen              [::]:443 ssl;
    server_name         dev.xxx;


    access_log          /var/log/nginx/dev.xxx/access_https.log;
    error_log           /var/log/nginx/dev.xxx/error_https.log;


    ### Https Related Config
    ssl_certificate     /usr/share/nginx/cert/dev.xxx_aliyun_symantec_free_ov_ssl.crt; # 证书文件
    ssl_certificate_key /usr/share/nginx/cert/dev.xxx_aliyun_symantec_free_ov_ssl.key; # 私钥文件

    ssl_protocols       TLSv1 TLSv1.1 TLSv1.2;
    ssl_ciphers         HIGH:!aNULL:!MD5;

    ...

    proxy_set_header HOST $host;
    proxy_set_header X-Forwarded-Proto $scheme;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_http_version 1.1;

    location /storybook/ {
        proxy_pass http://127.0.0.1:33800/;
    }
}
其中:
  • 用listen 443实现+ ssl证书实现:支持https
  • 用location proxy_pass支持:将请求转发到指定端口
实现对应的效果:
对于dev的二级域名的话:
而对于dev服务器的IP访问的话:
如此实现了需要的效果:

转载请注明:在路上 » 【已解决】小程序中如何让api服务器满足要求:已备案的带域名的https

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
83 queries in 0.102 seconds, using 20.64MB memory