1.微信公众号 这里得话 一开始先去看了 微信公众号的接口 发现网页授权需要时认证的服务号,一开始想的是那去申请一个认证的服务号岂不是很费事,然后网上搜了搜,发现了还有微信公众号个人测试号这个东西,所有的接口都可以使用(据说是这样),然后就开始去学习使用微信公众号个人测试号的使用;
个人测试号网址:
http://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo&t=sandbox/index
2.个人测试号也是一通网上去找教程,试了很多个百度搜索的结果,发现都不完全好用。因为我这个开发的网站是在本地开发的,倒是在刚才搜索的教程中找到了 “内网穿透”这个神器,就是可以把你本地的网址(一般是127.0.0.1)隐射到外网的一个网址上,这样别人就可以通过这个外网的网址(什么是外网,就是不是本机电脑才可以访问的网址,所有人只要知道网址就可以访问的网络就是外网)放问到你的内网(内网就是只有自己本机的电脑可以访问的网络)。
https://blog.csdn.net/m0_37987521/article/details/79525515 这个网址就是刚才成功内网穿透的教程。
看到这里,大家可能会有疑问为啥需要这个内网穿透的东西,因为个人微信公众号需要绑定一个网址,这个网址必须是外网,而且端口必须是80端口,才可以成功。
到这里就解决了内网穿透这个问题,接下来的是如何把我的外网网址绑定到微信的个人测试公众号上。之前也说了,在百度搜索引擎搜了很多,发现都不太好用,于是去谷歌搜索去试一下,你还别说,试了一个谷歌搜索,还真找到了好用的博客,
https://www.kancloud.cn/zhangyouwu/zhang_you_wu_weixinjiekou/538920
照着博客的指示来,就成功绑定好了微信个人测试公众号与我的外网网址。所以这里大家可以看出来,谷歌的好处,百度搜不到建议谷歌试一下,说不定就会有意外之喜。
3.绑定好了以后就是想去在微信公众号对话框回复消息,然后我这里后台可以接收到消息,然后对这条消息进行回复,就是公众号自动回复的功能,
https://www.kancloud.cn/zhangyouwu/zhang_you_wu_weixinjiekou/538922
这里照着教程(刚才的网址)中走就行,有一点大家要注意的是,教程中的代码中有中文的内容在代码中,这个可能会让我们的代码不好用,我是把教程中的代码复制到sublime 上保存为PHP文件才好用,一开始复制到notepad++上代码无法正常运行,公众号后台对话框老是回复 “该公众号提供的服务出现故障,请稍后再试”,检查代码发现是教程中的中文在notepad++上乱码了,这里想和大家说的是看到中文一定要留个心眼,尽量不要出现中文,还有就是文件路径尽量不要用中文路径。
4.由于甲方要求有用户登录需要通过微信公众号获取用户的个人信息这个操作,所以还需要实现微信网页授权,如下午所示,网址是:
https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842
照着上面的教程去拼接出这样一个链接:
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=wx24085f99556b3abe&redirect_uri=http%3A//education123.natapp1.cc/&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect
可以看到我修改了appid redirect_url scope 这三个参数,appid就是你申请微信公众个人测试号的appid,就是下图的方框框起来的appid
redirect_url就是下面箭头指向的链接,(这里我就不打马赛克了,给大家一个更直观的清楚的感觉,而且必须是我开启了我的本地服务器才可以访问的,所以问题不大),redirect_url中是经过urlencode处理过的链接,不是原始的链接,这里我使用python2 两行代码搞定
from urllib import quote
print(quote('http://education123.natapp1.cc/'))
把上述拼接好的链接,直接复制传到微信的对话框,在微信中访问,会请求获取你的信息,这里就完成了微信网页授权这个功能。
5.上述完成以后,就是按照官方文档去获取code,但是我返回的网址中没有任何的code信息,
https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx24085f99556b3abe&redirect_uri=http%3A//education123.natapp1.cc/&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect
这个网址访问以后,复制出来的链接是http.//education123.natapp1.cc/
没有任何的code信息,我们需要这个code信息去获取用户的信息(昵称,性别,openid)等,于是又去google搜了一下,果然还是又找到了。
https://my.oschina.net/u/2487410/blog/603844
这个博客,原来微信再返回code的时候,做了处理,直接复制链接是看不到这个code参数的。
于是我照着这个代码修改了一下,写了get_back.PHP,注意这个get_back.PHP必须放到你的项目的根目录下
修改最初的授权的url:
https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx24085f99556b3abe&redirect_uri=http%3A//education123.natapp1.cc/get_back.php&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect
可以看到这个授权的url变成了get_back.PHP 后缀的,这个get_back.PHP
是这样子的,再来把刚才的链接在微信的客户端打开。
可以看到出现了一串神秘代码,这串代码就是我们需要的code.
可以看到获取到了我的 昵称和我的openid .
觉得文章不错的欢迎关注我的WX公众号:程序员乔戈里
我是百度后台开发工程师,哈工大计算机本硕,专注分享技术干货/编程资源/求职面试/成长感悟等,关注送5000G编程资源和自己整理的一份帮助不少人拿下java的offer的面经附答案,免费下载CSDN资源。