山远暮色佳 發表於 2019-6-28 11:18:00

微信公众号开发没有账号之微信授权(一)

<p>1.没有账号的时候我们开发微信公众号就不变得稍微难一点</p>
<p>下面是记载我开发微信公众号获取微信的openId的过程</p>
<p>①首先你要有微信的开发账号,进入微信公众平台,下的</p>
<p><img src="https://img2018.cnblogs.com/blog/1249285/201906/1249285-20190628092631475-534004653.png"></p>
<p>微信开发文档,进入了以后,我们首先要找到微信的授权,在微信网页开发下有网页授权</p>
<p><img src="https://img2018.cnblogs.com/blog/1249285/201906/1249285-20190628092736633-1936964079.png"></p>
<p>点击网页授权后会出现一堆文字,你可能啥都看不懂没关系,跟着我的脚步,摩擦,摩擦</p>
<p><img src="https://img2018.cnblogs.com/blog/1249285/201906/1249285-20190628093410889-172235477.png"></p>
<p>往下面找你会找到一个这个,</p>
<pre class="language-text"><code>https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&amp;redirect_uri=REDIRECT_URI&amp;response_type=code&amp;scope=SCOPE&amp;state=STATE#wechat_redirect 若提示“该链接无法访问”，请检查参数是否填写错误，是否拥有scope参数对应的授权作用域权限。</code></pre>
<p>&nbsp;也就是这个,它是干什么用的呢?其实它是做的是获取code也就是微信给你返回的code，而code是干什么用的呢,这里先说,code是为了获取微信用户的openId</p>
<p>1.链接细看之骚操作</p>
<p>看到链接没有</p>
<p>&nbsp;<img src="https://img2018.cnblogs.com/blog/1249285/201906/1249285-20190628094224678-1394915216.png"></p>
<p>AppId是没有写的,需要我们在这里写,appId我们又去哪里找呢?</p>
<p>微信开发文档里面有,开始开发这个下拉菜单,点击之后找到借口测试申请</p>
<p><img src="https://img2018.cnblogs.com/blog/1249285/201906/1249285-20190628094550674-452866189.png"></p>
<p>&nbsp;单机微信测试公众账号申请,使用微信扫码登陆</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img src="https://img2018.cnblogs.com/blog/1249285/201906/1249285-20190628094736568-668889219.png"></p>
<p>进去之后,就可以拿到appId，然后复制他将它粘贴到刚才的获取code的链接上</p>
<pre class="language-text"><code>https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&amp;redirect_uri=REDIRECT_URI&amp;response_type=code&amp;scope=SCOPE&amp;state=STATE#wechat_redirect 若提示“该链接无法访问”，请检查参数是否填写错误，是否拥有scope参数对应的授权作用域权限。</code></pre>
<p><img src="https://img2018.cnblogs.com/blog/1249285/201906/1249285-20190628094834843-622468947.png"></p>
<p>替换完了,你将你的URL发到手机微信上面,进行访问,你会看到</p>
<p><img src="https://img2018.cnblogs.com/blog/1249285/201906/1249285-20190628100254994-638400368.png"></p>
<p>惊不惊喜,意不意外,哈哈哈,还没完事呢，这里提示的很清楚了回调地址与配置的不一样,如果你不会看的话,再换一种你能接收的方式，微信公众号开发文档下面有这些错误码的说明</p>
<p><img src="https://img2018.cnblogs.com/blog/1249285/201906/1249285-20190628100505642-1567621092.png"></p>
<p>既然说我们写的不一样，那么我们在仔细分析一下如何一致,先上我们的获取code的连接分析一波</p>
<p><img src="https://img2018.cnblogs.com/blog/1249285/201906/1249285-20190628105235694-205147049.png"></p>
<p>可以看到Redirect_uri我们是没有填写的,可是我们应该如何去找要填写的值呢?这里就要涉及到我们的外网穿透natapp了它的作用是能让外网的地址访问到本机</p>
<p><img src="https://img2018.cnblogs.com/blog/1249285/201906/1249285-20190628105516988-657294254.png"></p>
<p>你可以去注册一个账号,然后再去购买一个隧道,具体操作很简单,不会的百度就行</p>
<p>购买了后再去进入到测试号的借用页面,将测试号关注了</p>
<p><img src="https://img2018.cnblogs.com/blog/1249285/201906/1249285-20190628105736503-186864454.png"></p>
<p>然后在测试号那一页中找到微信授权</p>
<p><img src="https://img2018.cnblogs.com/blog/1249285/201906/1249285-20190628105855216-1367034843.png"></p>
<p>点击修改将购买隧道中的域名填写到里面(注意是域名)</p>
<p><img src="https://img2018.cnblogs.com/blog/1249285/201906/1249285-20190628105959012-1758948398.png"></p>
<p>填写完毕后在获取code的URL中填写地址</p>
<p><img src="https://img2018.cnblogs.com/blog/1249285/201906/1249285-20190628110130049-1726477545.png"></p>
<p>注意这里是填写的地址有http:// 而不是域名,域名没有http</p>
<p>完事之后发送到手机微信访问</p>
<p><img src="https://img2018.cnblogs.com/blog/1249285/201906/1249285-20190628110409341-682738174.png"></p>
<p>你以为这就完事了吗?哈哈哈还有坑来等你填</p>
<p>看到了吗scope需要填写</p>
<p>微信官方是这么解释scope的</p>
<p><img src="https://img2018.cnblogs.com/blog/1249285/201906/1249285-20190628110532688-2027046723.png"></p>
<p>是不是一脸懵逼,说简单点就好了嘛,使用snsapi_base参数没有下面这个页面,用户没有感觉直接获取用户信息,但是获取的较少</p>
<p>&nbsp;</p>
<p>使用snsapi_userinfo 这个参数就会弹出下面这个授权的页面,但是会获取到较多的用户个人信息,这个就更具需要了</p>
<p><img src="https://img2018.cnblogs.com/blog/1249285/201906/1249285-20190628110624039-1468215242.png"></p>
<p>下面我们将参数scope的值写上去</p>
<p><img src="https://img2018.cnblogs.com/blog/1249285/201906/1249285-20190628110919216-1159631638.png"></p>
<p>如图,接下来我们将会使用地址进行访问</p>
<p>&nbsp;</p>
<p><img src="https://img2018.cnblogs.com/blog/1249285/201906/1249285-20190628111104913-1260080809.png"></p>
<p>OK跳转过来了,说明没问题,接下来我们使用charles来看是否返回code(charles的使用方法,自己去百度)</p>
<p><img src="https://img2018.cnblogs.com/blog/1249285/201906/1249285-20190628111317662-723960718.png"></p>
<p>Ok微信返回给我们的code已经成功拿到了,收工,特别提醒code只有5分钟的使用时间,而且只能使用一次就过期了</p>

</div>
<div id="MySignature" role="contentinfo">
    你来是缘分，你走也是<br><br>
来源：https://www.cnblogs.com/chenligeng/p/11101646.html
頁: [1]
查看完整版本: 微信公众号开发没有账号之微信授权(一)