关于uni-app小程序接入微信登录-Toy模板网

这篇具有很好参考价值的文章主要介绍了关于uni-app小程序接入微信登录。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

https://uniapp.dcloud.net.cn/api/plugins/login.html#login

官网上有关于uni.login()的说明，如果是要微信登录，则需要wx.login()。

小程序登录 | 微信开放文档

如下图，在小程序管理平台生成AppSecret，同时将AppId在HubilderX中配置。

关于uni-app小程序接入微信登录

在HbuilderX中使用wx.login获取到code，然后调用后台接口，获取到openId，code是一个临时会话，是会改变，而openId则是不变的。

wx.login({
	success (res) {
		if (res.code) {
		  ths.$apis.relAccount2WxOpenId({
			  code:res.code
		  }).then(resT=>{
			 if(resT?.result_code=="0"){
				if(res.data){
					var openId = res.data;
					uni.setStorageSync("wx_openId",openId);
					ths.openId = openId;
				}
			 }
		  })
		}
	}
});

在后端获取到openId后返回给前端，此处的appId和appSecret是在小程序管理平台获取的。

private String getWxOpenId(String code){
        String openId = null;
        try{
            String url = "https://api.weixin.qq.com/sns/jscode2session?appid="+appId+"&secret="+appSecret+"&js_code="+code+"&grant_type=authorization_code";
            String responseStr = HttpClientUtil.get(url);
            // "{"session_key":"","openid":""}"
//        logger.info(responseStr);
            JSONObject jsonObject = JSON.parseObject(responseStr);
            openId = jsonObject.getString("openid");
        }catch (Exception e){
            logger.error("",e);
        }
        return openId;
    }

注意，在HbuilderX中一定要配置此小程序的appId，否则会报Invalid code。

小程序调试的时候，用微信开发者工具，其他是会报wx.login()的错误的。文章来源地址https://www.toymoban.com/news/detail-512224.html

到了这里，关于关于uni-app小程序接入微信登录的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！