小程序端获取 openid

最新推荐文章于 2025-04-11 15:34:19 发布

Coco_choco

最新推荐文章于 2025-04-11 15:34:19 发布

阅读量355

点赞数

文章标签： vue.js 小程序前端微信小程序 javascript

本文链接：https://blog.youkuaiyun.com/aaassddd_a/article/details/121444604

版权

本文介绍了一种通过调用wx.login接口并结合后端API实现小程序用户登录及openid获取的方法。文中详细展示了如何利用微信提供的API获取用户的openid，并通过示例代码讲解了整个流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本人手贱没用云开发来开发小程序端，到了推送订阅消息傻眼了，需要 openid，查了文档要在小程序端用户登录的时候调用 wx.login

wx.login({
        success: function(res) {
            var that = this;
            var header = {
                'content-type': 'application/x-www-form-urlencoded',
                'token': wx.getStorageSync('token') //读取cookie 拿到登录之后异步保存的token值
            };
            if (res.code) {
                //console.log(res.code)
                wx.request({
                    url: 'https://api.weixin.qq.com/sns/jscode2session',
                    data: {
                        appid:  ' ************* ', //AppID
                        secret: ' ************************************* ',//密钥
                        grant_type: 'authorization_code',
                        js_code: res.code
                    },
                    method: 'GET',
                    header: header,
                    success: function(res) {
                        var openid = res.data.openid; //登录之后返回的openid
                        console.log(openid)
                        wx.setStorageSync('openid', openid) //储存openid
                        if (openid != null & openid != undefined) {
                            wx.getUserInfo({
								success: function(res) {
                                },
                                fail: function(res) {
                                    //console.info('用户拒绝授权');
                                }
                            });
                        } else {
                            console.info('获取用户openid失败');
                        }
                    },
                    fail: function(res) {
                        console.info('获取用户openid失败');
                        console.log(error);
                    }
                })
            }
        }
    })