uniapp开发微信小程序登录获取openid并解决code无效问题：invalid code

最新推荐文章于 2023-08-10 17:52:56 发布

前端菜鸟好先森

最新推荐文章于 2023-08-10 17:52:56 发布

阅读量8.4k

点赞数 3

分类专栏： vue 文章标签： vue.js 微信小程序 Powered by 金山文档

本文链接：https://blog.csdn.net/weixin_45308405/article/details/128868377

版权

vue 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

场景：实现微信支付的时候需要获取到openid,openid需要在登录的时候用登录返回的code获取

1.登录获取code ，用code获取openid

  uni.login({
    success: function (res) {
      let appid = 'appid';//后台获取
      //小程序secret
      let secret = 'secret';//后台获取
      //wx接口路径
      let url = 'https://api.weixin.qq.com/sns/jscode2session?appid=' + appid + '&secret=' + secret + '&js_code=' + res.code + '&grant_type=authorization_code';
      uni.request({
        url: url,
        method: 'GET',
        success: result => {
          let a: any = result.data
          uni.setStorageSync('openid', a.openid)
        },
      });
    }
  });

解决方法：报错code无效：invalid code：

1.先在微信小程序管理平台找到APPID，这里的https://mp.weixin.qq.com/wxamp/devprofile；

2.检查项目的project.config.json的APPID，manifest.json的微信小程序配置中的APPID对比是否一致