微信公众号开发 掉的坑

1.首先有一个内网穿透工具   需要买一个vip_1的套餐   几块钱   -再买个二级域名绑定

https://natapp.cn/tunnel/buy


2.点击配置   绑定端口号, 绑定二级域名  如果没有二级域名得先购买 ,一般三块钱



配置好了点击保存就好了。

如果现在就测试是不行的   即把127.0.0.1:8080替换成 设置的域名是访问不成功的


需要下载natapp客户端



打开cmd  


成功



4.接下来就是测试了

访问http://127.0.0.1:8080/sell/buyer/product/list   成功


换成域名 


到此内网穿透工具已完成了。


5.微信公众号开发网页授权

5.1 将域名配置到微信公众号里

点击账号详情 ->公众号设置->功能设置



js接口安全域名 点击设置



注意上图中的  注意事项 3,要不到时候域名保存不成功,得先下载下来,放到项目里 ,重新启动。我这是 spring boot项目 放在了 如下图




接下来就是网页授权了

第一步:用户同意授权,获取code

在确保微信公众账号拥有授权作用域(scope参数)的权限的前提下(服务号获得高级接口后,默认拥有scope参数中的snsapi_base和snsapi_userinfo),引导关注者打开如下页面:

snsapi_base: 到第二步就结束了,获取到openid,其他操作在这个基础上(比如记录该用户访问时间次数信息)

snsapi_userinfo: 获取openid和用户资料(昵称、头像、国、省、城市、性别、权限)


https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect 若提示“该链接无法访问”,请检查参数是否填写错误,是否拥有scope参数对应的授权作用域权限。

例如:

https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxf5f5e1afe2dd87f1&redirect_uri=http://sellhanzl.natapp1.cc/sell/weixin/auth&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect


这时我就遇到问题了,我这一直提示未配置redirect_uri 原来是我的公众号中的 网页授权功能没有 ,可是我的公众号是个人的,无法开通这个权限



6.最好我在开发者工具中找到了 公众平台测试账号,这里可以测试所有高级接口



在下面红圈的地方设置自己的域名






7.接着往下开发吧

第二步:通过code换取网页授权access_token  将相应位置换成自己的测试账号的appid  和secret 即可

获取code后,请求以下链接获取access_token:  https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code

8.访问 linux   中nginx的域名时  如 http://sell.com  时,由于电脑可以修改host 映射域名。顾电脑能正常解析网址  ,但是手机不行。这时我们需要代理工具,通过 本机 去做代理访问虚拟机的linux的域名的项目。

首先    

host 文件:  windows/system32/drivers/etc



代理工具: Fiddler   设置如下







9.现在就要把手机通过 电脑代理 访问虚拟机的域名了

手机->设置-wifi   







这样,微信就能访问 虚拟机中的页面了。


猜你喜欢

转载自blog.csdn.net/hanzl1/article/details/80790684
今日推荐