微信公眾號授權(quán)登錄和微信網(wǎng)頁授權(quán)登錄
這段時間，項(xiàng)目開發(fā)需要溜在，研究和配置了下公眾號平臺的h5微信授權(quán)登錄過程和pc網(wǎng)頁端微信掃碼登錄過程硬毕，現(xiàn)歸納總結(jié)如下。
1考蕾、? 先說說業(yè)務(wù)
H5微信授權(quán)登錄：
即用戶使用手機(jī)瀏覽h5信息列表時祸憋，點(diǎn)擊某條信息進(jìn)去時，會跳轉(zhuǎn)到手機(jī)端的授權(quán)確認(rèn)授權(quán)頁肖卧，只有當(dāng)用戶點(diǎn)擊確認(rèn)授權(quán)按鈕之后蚯窥，才能夠返回h5頁面重新瀏覽頁面或者操作（此處用戶授權(quán)登錄了，即用戶處于登錄狀態(tài)了）塞帐。
pc網(wǎng)頁微信掃碼登錄：
即用戶訪問某個網(wǎng)站時拦赠，登錄頁面下面通常會有三方登錄：微信、QQ葵姥、微博荷鼠、淘寶……，點(diǎn)擊后出現(xiàn)二維碼掃碼頁面榔幸，用戶需要使用手機(jī)進(jìn)行掃碼后登錄允乐，這個只講微信的掃碼登錄授權(quán)過程，其他三方登錄授權(quán)過程類似牡辽。
2喳篇、? 微信公眾號授權(quán)原理
微信公眾號采用的是oauth2的登錄授權(quán)方式，簡單的來講态辛，就是用戶通過手機(jī)微信確認(rèn)登錄之后麸澜，微信方會返回一個授權(quán)碼code給回第三方（接入方），這個授權(quán)碼code一次有效期奏黑，且有效時間比較短炊邦；第三方通過此code去調(diào)用微信接口獲取token，token的有效期也比較短熟史，當(dāng)然用戶可以通過刷新token的方式來延長token的有效時長馁害；第三步通過token再去調(diào)用微信開發(fā)平臺接口，獲取微信個人用戶信息（昵稱蹂匹、頭像地址碘菜、openid、unionid、地區(qū)……）忍啸。
Oauth2整個原理請移步參考：
3仰坦、 微信開發(fā)平臺與微信公眾平臺的關(guān)系
用戶可以在微信開發(fā)平臺注冊賬號，在“應(yīng)用管理”里面可以新建應(yīng)用计雌。
這個應(yīng)用就是一個公眾號悄晃，他是一個服務(wù)號，不是訂閱號凿滤。
4妈橄、公眾號h5微信授權(quán)過程
在第4步中通過在微信開發(fā)平臺新建了一個公眾號應(yīng)用，然后登陸微信公眾號平臺翁脆。
這里先講下H5頁面的授權(quán)登錄眷蚓，測試賬號的使用。
首先反番，確認(rèn)公眾號是服務(wù)號溪椎，并且是已經(jīng)通過了微信認(rèn)證的。
在左側(cè)導(dǎo)航欄找到?“開發(fā)” 菜單恬口，這個菜單就是給開發(fā)人員用的，“開發(fā)”菜單下面有 “基本配置”沼侣，“開發(fā)者工具”祖能，“運(yùn)維中心”，“接口權(quán)限”4個子菜單蛾洛。
測試賬號點(diǎn)擊“開發(fā)者工具”菜單养铸，如圖所示：
找到其中的“公眾平臺測試賬號”這個塊，即右邊欄第二個轧膘；點(diǎn)擊進(jìn)入：
使用自己的微信去登錄钞螟，掃碼登錄之后，就能夠看到“測試賬號管理”頁面谎碍，其中有測試賬號的appID和appsecret鳞滨，下面有個“測試賬號二維碼”，需要掃碼關(guān)注下蟆淀。
???????? 在“體驗(yàn)接口權(quán)限表”，這一欄中，找到“網(wǎng)頁賬號”减江，如圖：
點(diǎn)擊“修改”蠢琳，會彈出框，如圖：
這個地方可以填本地URL疑苔，或者自己機(jī)器ip甫匹，都可以，我的因?yàn)轫?xiàng)目訪問時有端口號，所以把端口號也加上了兵迅，這個地方填的地址后面會用在授權(quán)頁的回調(diào)地址參數(shù)填寫的訪問地址抢韭。
這樣，測試賬號就配置完了喷兼，如果不這么配置篮绰，就會提示“scope參數(shù)錯誤XXXXXX”，導(dǎo)致授權(quán)頁進(jìn)不去季惯。
線上環(huán)境是在“接口權(quán)限”子菜單下面配置的吠各，如圖：
點(diǎn)擊“修改”鏈接，器做修改勉抓，這個填寫的是線上正式域名贾漏，需要把那個.txt 文件上傳到服務(wù)器上的，否則保存不了藕筋。
說回測試賬號纵散，經(jīng)過上面配置，測試賬號應(yīng)該就可以進(jìn)去授權(quán)登錄了隐圾，但是此時返回的微信用戶信息是沒有unionid的伍掀，如果業(yè)務(wù)接口需要用到unionid的，就需要回到微信開放平臺來做一個配置暇藏。
登錄微信開放平臺蜜笤，如圖所示：
這個地方需要將你的測試賬號的appid和秘鑰配置進(jìn)來，這樣獲取的微信信息才會有unionid盐碱。
5把兔、? 微信pc網(wǎng)頁授權(quán)
進(jìn)去pc網(wǎng)頁授權(quán)時，也經(jīng)常出現(xiàn)“scope參數(shù)錯誤或XXXX”瓮顽，好煩人县好；有了h5的配置經(jīng)驗(yàn)，以為pc端可以照搬暖混，其實(shí)不是的缕贡，PC端微信掃碼登錄，又是另一種配置方法儒恋；這里就沒有測試賬號可以用了善绎，本地host可以綁定真實(shí)域名（阿里云萬網(wǎng)上買去），這里只說配置诫尽。
這個時候禀酱，也是需要進(jìn)入到微信開放平臺進(jìn)去配置回調(diào)域名配置的，進(jìn)入微信開放平臺牧嫉，
創(chuàng)建網(wǎng)站應(yīng)用剂跟，在里面配置下回調(diào)的url减途。
