我爱模板网 > 建站教程 > APP开发,混合APP >  uni-app app端微信登录正文

uni-app app端微信登录

uni-app App端微信登录流程如下:

1、去微信公众平台(https://open.weixin.qq.com/)添加app,如下:



这里要注意,安卓的应用签名,可以使用安卓查询md5、SHA1、SHA256的方法获取,即查询出来的md5,去掉所有中间的冒号(:)即是,或者下载这个:https://res.wx.qq.com/open/zh_CN/htmledition/res/dev/download/sdk/Gen_Signature_Android2.apk,安装到手机上,输入应用包名后直接生成复制。



2、在manifest.json中勾选并配置从公众平台获取的appid等:



这里的IOS平台通用链接比较麻烦,其实就是用浏览器打开app的地址,可以点击那里的”参考文档“,查看。

3、微信登录方法:
loginWx(){
    uni.getProvider({
        service: 'oauth',
        success: (res) => {
            //支持微信、qq和微博等
            if (~res.provider.indexOf('weixin')) {
                uni.login({
                    provider: 'weixin',
                    success: (res) => {
                        if(res.errMsg === 'login:ok'){
                            let openid = res.authResult.openid
                            /**
                             * 这里根据openid等调用后端接口进行绑定等操作
                             * **/
                        }
                    }
                });
            }else{
                this.$app.showToast('您还没有安装微信')
            }
        }
    });
}
上面uni.login得到的res的值为:
{
    "authResult": {
        "access_token": "",
        "expires_in": 7200,
        "refresh_token": "",
        "openid": "",
        "scope": "",
        "unionid": ""
    },
    "errMsg": "login:ok"
}




部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:HBuilder IOS 无法基座运行,安装失败 return code=-402620395,请手动安装C:\Prog 下一篇:安卓下react native图片放大和长按保存的实现——react-native-image-zoom-viewer
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢