微信授權(quán)使用以及填坑之路健霹，請(qǐng)各路大神多多指教
如有沖突請(qǐng)以微信接口文檔為準(zhǔn)
本文為個(gè)人筆記形式展現(xiàn)，不喜勿噴
微信網(wǎng)頁(yè)授權(quán)
- 用戶同意授權(quán)秽荞，獲取code骤公，所需參數(shù)appid、url
var appid= 1234567890 // appid
var url = 'http://' // 回調(diào)鏈接地址扬跋，需轉(zhuǎn)碼為URI格式阶捆，必須去除#后的參數(shù)
var scope = 'snsapi_base' // snsapi_base靜默授權(quán)，snsapi_userinfo彈出授權(quán)頁(yè)面
var state= '' // 重定向帶的參數(shù)
window.location.href = https://open.weixin.qq.com/connect/oauth2/authorize?appid=appid&redirect_uri=url&response_type=code&scope=scope&state=state#wechat_redirect
在重定向的鏈接后獲取返回的code參數(shù)
- 通過(guò)code換取網(wǎng)頁(yè)授權(quán)access_token钦听，所需參數(shù)appid洒试、secret、code朴上，通常在后臺(tái)發(fā)起請(qǐng)求并獲取數(shù)據(jù)
var appid = '987654321'
var secret = '123456789' // 密匙appsecret
var code = '987654321'
// 請(qǐng)求地址
var url = 'https://api.weixin.qq.com/sns/oauth2/access_token?appid='+appid+'&secret='+secret+'&code='+code+'&grant_type=authorization_code'
獲取json數(shù)據(jù)包垒棋，其中包括openid
3、刷新access_token
4痪宰、拉取用戶信息叼架，所需參數(shù)access_token、openid衣撬、lang
var access_token = 'xxxxxx'
var openid = 'xxxxxxxxxxxx'
var lang = 'zh_CN'
// 請(qǐng)求地址
var url = 'https://api.weixin.qq.com/sns/userinfo?access_token='+access_token +'&openid='+openid+'&lang='+lang
獲取返回的微信用戶信息
微信JSSDK授權(quán)
1乖订、綁定域名
登錄微信公眾平臺(tái)進(jìn)入“公眾號(hào)設(shè)置”的“功能設(shè)置”里填寫(xiě)“JS接口安全域名”。
設(shè)置安全域名前需先下載文件（配置頁(yè)面內(nèi)有）上傳至該域名（項(xiàng)目）根目錄下
2具练、引入JS文件 （http://res.wx.qq.com/open/js/jweixin-1.2.0.js）
3乍构、通過(guò)config接口注入權(quán)限驗(yàn)證配置，所需資料在后臺(tái)通過(guò)簽名算法獲取
wx.config({
debug: true, // 開(kāi)啟調(diào)試模式,調(diào)用的所有api的返回值會(huì)在客戶端alert出來(lái)扛点，若要查看傳入的參數(shù)哥遮，可以在pc端打開(kāi)，參數(shù)信息會(huì)通過(guò)log打出陵究，僅在pc端時(shí)才會(huì)打印眠饮。
appId: '', // 必填，公眾號(hào)的唯一標(biāo)識(shí)
timestamp: , // 必填铜邮，生成簽名的時(shí)間戳
nonceStr: '', // 必填君仆，生成簽名的隨機(jī)串
signature: '',// 必填，簽名
jsApiList: [] // 必填，需要使用的JS接口列表
});
4返咱、通過(guò)ready接口處理驗(yàn)證
// 成功
wx.ready(function(){
// config信息驗(yàn)證后會(huì)執(zhí)行ready方法，所有接口調(diào)用都必須在config接口獲得結(jié)果之后牍鞠，config是一個(gè)客戶端的異步操作咖摹，所以如果需要在頁(yè)面加載時(shí)就調(diào)用相關(guān)接口，則須把相關(guān)接口放在ready函數(shù)中調(diào)用來(lái)確保正確執(zhí)行难述。對(duì)于用戶觸發(fā)時(shí)才調(diào)用的接口萤晴，則可以直接調(diào)用，不需要放在ready函數(shù)中胁后。
});
// 失敗
wx.error(function(res){
// config信息驗(yàn)證失敗會(huì)執(zhí)行error函數(shù)店读，如簽名過(guò)期導(dǎo)致驗(yàn)證失敗，具體錯(cuò)誤信息可以打開(kāi)config的debug模式查看攀芯，也可以在返回的res參數(shù)中查看屯断，對(duì)于SPA可以在這里更新簽名。
});
簽名算法見(jiàn)文末的附錄1侣诺，所有JS接口列表見(jiàn)文末的附錄2
填坑
網(wǎng)頁(yè)授權(quán)失敗
1殖演、獲取code時(shí)，URL是否去除#后參數(shù)年鸳；
2趴久、獲取code是，URL是否轉(zhuǎn)化為URI格式搔确；
3彼棍、檢查appid是否出錯(cuò)；
4膳算、每次授權(quán)座硕，code只能使用一次；
5畦幢、獲取用戶信息失敗坎吻，獲取code時(shí)scope參數(shù)設(shè)置錯(cuò)誤；
JSSDK授權(quán)bug
授權(quán)調(diào)用接口失敗
1宇葱、域名未設(shè)置或設(shè)置錯(cuò)誤瘦真；
2、未引入js文件黍瞧；
3诸尽、未在jsapilist數(shù)組中引用；
4印颤、調(diào)用接口時(shí)不在ready方法內(nèi)您机；
接口調(diào)用失敗
分享失敗
1、問(wèn)題：分享標(biāo)題、內(nèi)容不顯示
解決：a际看、jssdk授權(quán)失斚滩；b仲闽、分享接口未在ready中引用
2脑溢、問(wèn)題：分享內(nèi)容顯示但圖片不顯示
解決：a、圖片地址錯(cuò)誤赖欣，需為線上圖片屑彻；b、分享內(nèi)容中出現(xiàn)敏感詞匯顶吮，參考該文章
以上為目前遇到的微信授權(quán)的問(wèn)題以及解決方法社牲，還有其他的坑等想起來(lái)后再補(bǔ)充，歡迎大家補(bǔ)充
