微信授权登录
1.跳转微信 获取code
function UrlCode(appId ) {
const Url = encodeURIComponent(location.href)
window.location.href = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appId}&redirect_uri=${Url}&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect`
}
2.正则获取url 里边的参数
function getUrlKey(name) {
return (
decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ''])[1].replace(/\+/g, '%20')) ||
null
)
}
3.存token 重定向页面
function tokenNewload() {
const code = getUrlKey('code')
const id = getUrlKey('id')
if (getToken()) {
if (code) {
wxlogin({
code
}).then(res => {
setToken(res.token)
window.location.replace(window.location.origin + window.location.pathname)
})
} else {
UrlCode()
}
}
}
4. 第三步里边的方法
总结
如果有更简单的方法,请告知我!嘿嘿 我也学习下