uniapp实现微信一键登录

矽东

已于 2024-05-09 18:03:48 修改

阅读量1k

点赞数 10

分类专栏： uniapp 文章标签： uni-app javascript 前端

于 2024-04-24 17:46:03 首次发布

本文链接：https://blog.csdn.net/m0_73363632/article/details/138165353

版权

uniapp 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

本文详细描述了使用uni-app进行微信登录的过程，包括获取code，通过code换取access_token和openid，以及进一步获取微信用户信息的步骤。

摘要由CSDN通过智能技术生成

1，获取code

2,获取openid和access_token

uni.login({
                    provider: 'weixin',
                    onlyAuthorize: true,//不传这个参数不返回code
                    success: (re) => {
                        var appid = ''；//你的appid
                        var secret = ''；//你的secret

                        //获取openid 和access_token
                        uni.request({
                            url: 'https://api.weixin.qq.com/sns/oauth2/access_token',
                            data: {
                                'code': re.code, //调取微信登录的code
                                'appid': appid, //软件的的appid
                                'secret': secret, //软件的appsecret密钥
                                'grant_type': "authorization_code" //授权类型 填authorization_code即可
                            },
                            method: 'GET',
                            success: (request) => {

                                //获取微信用户信息，如果没有获取用户信息的需求可忽略
                                uni.request({
                                    url: 'https://api.weixin.qq.com/sns/userinfo',
                                    data: {
                                        'access_token': request.data.access_token, //调取微信登录的code
                                        'openid': request.data.openid
                                    },
                                    method: 'GET',
                                    success: (request1) => {

                                        console.log(request1)
                                    },
                                })
                            }
                        })
                    },
                    fail: (err) => {
                        console.log(err);
                        uni.showToast({
                            title: "微信登录授权失败",
                            icon: "none"
                        });
                    }
                })