微信小程序登录与服务器交换数据的流程

1.先去微信公众平台申请账号前期开发的话可以先申请一个测试账号不需要填太多的质料

申请测试号的过程非常简单。只需访问 申请地址 ，并使用微信扫描二维码，即可获得为自己分配好的小程序和小游戏测试账号。

2.登录测试账号

申请成功后，进入 微信公众平台首页，扫描登录二维码，选择已有的小程序测试号或小游戏测试号登录即可。
!

3.实现小程序用户登录功能

1.小程序登录流程：

2.通过wx.login()获得code

wx.login({
  success (res) {
    if (res.code) { 
      //用户登录凭证（有效期五分钟）
      //发起网络请求
      wx.request({
        url: 'https://example.com/onLogin', //你的服务器地址
        data: {
          code: res.code
        },
        method:POST,
        success:function(res){
        	//这边返回的就是你服务器加密的openid,session_key 或者是token
        }
      })
    } else {
      console.log('登录失败！' + res.errMsg)
    }
  }
})

3.服务器
1.接收到微信小程序那边发过来的请求携带的参数code,拿到code需要调用微信小程序那边提过的接口往微信接口服务器那边发出请求获取openid、session_key,思路提供给你往微信接口服务器那边发出请求代码就自己写吧

 url:https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code
appid: 小程序appid,
secret:小程序appSecret,
js_code:登录时获得的code,
grant_type:授权类型，此处只需填写 authorization_code,
请求类型:GET

2.发出请求之后等待那边返回值,拿到openid、跟session_key了在进行加密,这个就大家之定义

4.获取用户基本信息

// 必须是在用户已经授权的情况下调用
wx.getUserInfo({ //调用此接口会弹框出来
  success: function(res) {
    var userInfo = res.userInfo
    var nickName = userInfo.nickName
    var avatarUrl = userInfo.avatarUrl
    var gender = userInfo.gender //性别 0：未知、1：男、2：女
    var province = userInfo.province
    var city = userInfo.city
    var country = userInfo.country
  }
})

如果你想要做缓存维持登录状态的话就在下面加一个 wx.setStorage(）用法跟h5的cookie是一样的但是生命周期不同h5的生命周期浏览器不关闭cookie一直存在,
这个是微信小程序那边来决定的