微信公众号开发-本地调试网页授权

166 阅读1分钟

网页授权

官方地址

微信公众号接口测试平台

地址

遇到的问题

  • 自己的公众号后台只能填写icp备案过的域名,所以本地localhost开发调试受限

处理细节

  • hash路由得时候,这个最好让服务端处理,前端把要重定向redirect_url通过接口传给服务端,服务端请求完微信授权后获取到微信传过来的参数拼接好redirect_url再回调到前端项目地址

解决思路

1. 用测试公众号调试,调试好后再换成自己的公众号配置

Editor Editor
1. 上图首先登录微信公众号测试平台后台设置获取用户信息ip或者域名
2. vue项目可以用vue或者vite自带代理功能对接本地服务端

2. 用自己公众号分两种情况

以下情况前端都是hash路由方式点这

  1. 前后端在本地环境ip联调时
所以自己跟后端都在本地联调的时候可以把服务端服务用nginx代理到本地服务端本地ip加端口
  1. 后端服务部署到测试或者现网环境通过域名访问接口
后端服务升级到测试环境或者现网,接口使用vue请求代理就行了