公众号本地调试,域名配置思路

思路:
启动:

   http://localhost:8088         前端访问路径
   http://localhost:8089/ysos    后台访问路径
   http://localhost:8089/upload  后台upload文件访问路径

1、 ngnix 处理成同域:

   http://localhost:8080         前端访问路径
   http://localhost:8080/ysos    后台访问路径
   http://localhost:8080/upload  后台upload文件访问路径

2、 http://localhost:8080 映射外网,如:http://www.域名.cn

   http://www.域名.cn         前端访问路径
   http://www.域名.cn/ysos    后台访问路径
   http://www.域名.cn/upload  后台upload文件访问路径

本地映射外网可用 ngrok(xiaomingqiu): http://ngrok.ciqiuwl.cn/
xiaomingqiu网速较慢,可让公司运维配置一个子域名,用 frp 做映射关系

3、 测试公众号配置接口域名(唯一),和授权功能

相关链接url
测试号登陆https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login
获取token, 自定义菜单配置路径https://mp.weixin.qq.com/debug/
测试号管理 (配置接口域名 域名.cn 即可, 不需要写 http://www.域名.cn)https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo&t=sandbox/index
sdk文档https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html

4、 nginx 配置项 nginx.conf(可直接复制修改 ip):

   worker_processes  1;
   events {
     worker_connections  1024;
   }
   http {
     include       mime.types;
     default_type  application/octet-stream;
     server_names_hash_bucket_size 64;
     sendfile        on;
     keepalive_timeout  65;
     #gzip  on;
     server {
       listen       8080;
       server_name  127.0.0.1;
       add_header Access-Control-Allow-Methods *;
       add_header Access-Control-Max-Age 3600;
       add_header Access-Control-Allow-Credentials true;
       add_header 'Access-Control-Allow-Origin' '*';
       add_header Access-Control-Allow-Headers $http_access_control_request_headers;
       
       location / {
           proxy_pass http://127.0.0.1:8701;
           add_header Access-Control-Allow-Methods *;
           add_header Access-Control-Max-Age 3600;
           add_header Access-Control-Allow-Credentials true;
           add_header 'Access-Control-Allow-Origin' '*';
           add_header Access-Control-Allow-Headers $http_access_control_request_headers;
           if ($request_method = OPTIONS) {
               return 200;
           }
       }
       location /ysos {
           proxy_pass http://172.16.8.57:8086/tyjr/;
           add_header Access-Control-Allow-Methods *;
           add_header Access-Control-Max-Age 3600;
           add_header Access-Control-Allow-Credentials true;
           add_header 'Access-Control-Allow-Origin' '*';
           add_header Access-Control-Allow-Headers $http_access_control_request_headers;
           if ($request_method = OPTIONS) {
               return 200;
           }
       }

       location /upload {
           proxy_pass http://172.16.8.57:8086/tyjr/upload/;
           add_header Access-Control-Allow-Methods *;
           add_header Access-Control-Max-Age 3600;
           add_header Access-Control-Allow-Credentials true;
           add_header 'Access-Control-Allow-Origin' '*';
           add_header Access-Control-Allow-Headers $http_access_control_request_headers;
           if ($request_method = OPTIONS) {
               return 200;
           }
       }
     }
   }

-end

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序开发公众号需要进行以下几个步骤: 1. 首先,你需要申请微信公众号和小程序。微信公众号和小程序可以通过微信官方网站进行申请。 2. 接下来,你需要将微信小程序和公众号进行关联。这是为了实现消息推送功能。关联的过程需要在微信公众号开发平台进行操作。 3. 在小程序的后端管理界面登录并查看小程序的appid和secret。这些信息将在与微信进行请求交互时使用。 4. 为了实现与微信的请求交互,你需要使用https,并建议使用域名来实现。你还需要准备好对应的https证书,并在小程序的后端开发中配置好外网端口。 5. 如果你想实现微信推送功能,你需要成功关联微信公众号,并将你的IP添加到白名单中,以便获取token。 6. 如果你想实现图片上传功能,建议使用图片服务器,并将图片路径返回给前端。在使用Nginx时,需要注意设置传输大小。 7. 小程序的打包体积不能超过2M,其他资源(包括图片等)应放在后端的静态服务器中。 8. 在进行小程序体验版自测时,你需要在微信管理后台添加相应的开发人员,并在登录小程序时使用开发调试功能。同时,体验版的网络和后端服务的网需要在同一局域网才能进行访问。 9. 如果你想升级和上线小程序,需要提前提交审核申请。初次审核可能需要较长时间,一般需要提前进行准备。在上线前,你需要在微信公众号开发平台添加获取token的白名单,并确保后端服务开启了外网访问权限。 以上是关于微信小程序开发公众号的一些流程和步骤。你可以参考微信官方文档和API文档获取更详细的信息。 #### 引用[.reference_title] - *1* *2* *3* [手记系列之一 ----- 关于微信公众号和小程序的开发流程](https://blog.csdn.net/qazwsxpcm/article/details/127600663)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值