微信公衆號受權登錄

首先附上微信官方文檔：mp.weixin.qq.com/wiki?t=reso…

受權登錄大體流程

1.前端重定向到受權地址：

var url = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=" +
 "你的appid" + "&redirect_uri=" + "你當前的頁面地址，這個地址跟後臺的域名回調地址的域名相同" + "&response_type=code&scope=snsapi_base&state=STATE&connect_redirect=1#wechat_redirect";

# 重定向到微信受權地址
window.location.href=url

複製代碼

注：redirect_uri：的地址所在域名須要在公衆平臺後臺配置： 如圖：

2.獲取微信返回到code，給後臺傳過去

var url = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=" +
 "你的appid" + "&redirect_uri=" + "你當前的頁面地址，這個地址跟後臺的域名回調地址的域名相同" + "&response_type=code&scope=snsapi_base&state=STATE&connect_redirect=1#wechat_redirect";

var codeUrl = location.search();
if(codeUrl!=""&& codeUrl!=null&&code.indexOf("code")!=-1){
//此處就得到了code，具體代碼本身寫吧，就是截取字符串獲取code參數
}else{
// 重定向到微信受權地址
window.location.href=url
}

複製代碼