Advertisement

uniapp's WeChat browser H5 implementation of OAuth2.0 authentication flow to enable WeChat login.

阅读量:

1.准备一个触发微信登录的按钮

复制代码
    <button class="wechat-logo" @click="getWeChatCode">微信授权登录</button>
    
    
      
    

2.用户点击弹出授权页

微信浏览器的登录设置中,当scope参数设定为snsapi_base时,将触发静默登录模式;而当scope参数设定为snsapi_userinfo时,系统会弹出提示信息,如“xxx申请获得你的微信头像、昵称、地区和性别信息”,并需用户确认授权后方可继续。以下示例中采用的是snsapi_userinfo这一配置方式。

复制代码
    // 看地址中有没有code参数,如果没有code参数的话则请求微信官方的接口并获取包含code的回调链接
    getWeChatCode() {
    	//用于退出登录回来不会再调一次授权登录
    	uni.setStorageSync('wechat_login_tag', 'true');
    				
    	const appID = '';  //公众号appID
    	const callBack = ''; //回调地址 就是你的完整地址登录页
    				
    	//通过微信官方接口获取code之后,会重新刷新设置的回调地

全部评论 (0)

还没有任何评论哟~