小程序获取code 获取 openId

 

【 -------

差个话题：

演示地址  ： https://blog.csdn.net/qq_32113629/article/details/106711377   

用Node、Express + Vue、 Element-ui Blog、Mysql 实现前后端分离博客管理系统  ，详情咨询下方技术群

---------】

1.首先先看文档 https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.html 如果你文档看的很明白 那么换openId 一看就懂 就不需要继续阅读本文章了，如果看了文档还是不懂，请继续阅读！

2.前端调用微信api-------wx.login() ,成功函数返回的res.code 是需要你通过接口往后台发送的。下图是文档中给出code是详细说明。换取openid得第一步就是拿code。

3.如果你获取完code了，需要让后端写个接口换取openId，因为前端是不能直接请求获取到openId的   开发者需要在开发者服务器后台调用 code2Session。把你写的code传给后端，后端根据你传递过来的 code ，以及从小程序后台获取的appId、appsecret，拼接到西面的地址上，然后这个地址会返回openId,session_key，后端获取完之后再把openid返回给前端，你拿来用就行了。下图是后端请求参数：

https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code

下面代码是官网给的  获取code 传递到后端 的例子。

 

这个是我本人的，前端技术QQ交流群，有不会的问题，可以在在群里面问：

wx.login({
  success (res) {
    if (res.code) {
      //发起网络请求
      wx.request({
        url: 'https://test.com/onLogin',
        data: {
          code: res.code
        }
      })
    } else {
      console.log('登录失败！' + res.errMsg)
    }
  }
})