uniapp 小程序实现微信授权登录（前端和后端）_微信小程序授权登录后端如何实现

最新推荐文章于 2025-03-29 11:41:03 发布

2401_84616922

最新推荐文章于 2025-03-29 11:41:03 发布

阅读量689

点赞数 5

分类专栏：程序员文章标签：前端面试学习

本文链接：https://blog.csdn.net/2401_84616922/article/details/138932087

版权

程序员专栏收录该内容

106 篇文章

订阅专栏

最后

喜欢的话别忘了关注、点赞哦~

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

    async onLogin() {
      //获取用户信息 （头像和名称）
      const [, userProfile] = await uni.getUserProfile({
        desc: "获取用户信息",
        lang: "zh\_CN",
      });
      if (userProfile) {
        //调用微信登录接口获取临时code 
        const [, loginInfo] = await uni.login({ provider: "weixin" });
        if (loginInfo) {
         // 登录临时code
          const { code } =  loginInfo;
          const {userInfo: { avatarUrl, nickName }} = userProfile;
          // 组装后端接口需要的数据
          const params = {code, avatarUrl, userName: nickName};
          // 调用登录接口
          const { data } = await wxLogin(params);
          uni.setStorageSync(USER\_TOKEN, data.token);
          this.$store.commit("SET\_USER\_INFO", data);
          this.$api.msg("登陆成功");
        }
      }
    },

2.后端：需要通过调用微信提供的第三方接口来实现

1.主要流程：在前端调用接口成功的将临时code 传递给后端时，后端通过调用微信的第三方接口拿到 openid, session_key 这两个参数，查询数据库是否有 openid 如果有则更新 session_key ，如果没有则在数据库中新建一条用户信息的数据

2.后端代码（node.js）

/\*\* 
 @description 微信登录
 \* @param {String} code 
 \* @type {POST}
 \* @return 
\*/
router.post('/wxLogin', async (req, res, next) => {
  try {
    const { code, avatarUrl, userName } = req.body
    let token = Token.tokenSet()
    // 当前微信开发者的appId
    const appId = 'wx66dee29d470c6095'
    const appSecret = '79ee1240fa1ee8f67066d67fa7692e21';
    // 微信登录的第三方接口
    const url = `https://api.weixin.qq.com/sns/jscode2session?appid=${appId}&secret=${appSecret}&js\_code=${code}&grant\_type=authorization\_code`
    //调用微信登录第三方接口
    const { data: { openid, session_key } } = await axios({ url, method: 'get' })
     //更新当前用户的信息
    const updateInfo = await db.findOneAndUpdate({ openId: openid }, { $set: { sessionKey: session_key, token,avatarUrl,userName } })
    if (updateInfo) {
      const userInfo = await db.findOne({openId: openid})
      return res.jsonp({ code: 1, message: '登录成功', data: userInfo})
    } else {
      //如果当前用户没有登录则插入一条新的用户信息
      const insertInfo = { openId: openid, sessionKey: session_key, userType: 2, status: 1, token, userName,avatarUrl }
      const userInfo = await db.findOne({openId: openid})


### 最后

喜欢的话别忘了关注、点赞哦~

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

> ![前端校招面试题精编解析大全](https://i-blog.csdnimg.cn/blog_migrate/33b2c5688749e083f98670988639261b.png)