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

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.userInfovar nickName = userInfo.nickNamevar avatarUrl = userInfo.avatarUrlvar gender = userInfo.gender //性别 0：未知、1：男、2：女var province = userInfo.provincevar city = userInfo.cityvar country = userInfo.country}
})

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

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

小程序登录本地服务器,微信小程序实现用户登录模块服务器搭建
我选用的是node.js来搭建服务器,没有安装的小伙伴可以参考我的node.js其他博客. 服务器安装与配置初始化项目,将会自动创建package.json配置文件. npm init -y 安装E ...
微信小程序登录与微擎PHP后台数据交互原理剖析
首先先放上一个微信开发文档的登录流程时序, 调用 wx.login() 获取临时登录凭证code ,并回传到开发者服务器调用 code2Session 接口,换取用户唯一标识 OpenID 和 ...
微信小程序解决请求服务器手机预览请求不到数据的方法
微信小程序解决请求服务器手机预览请求不到数据的方法微信小程序的文档中明确说明了所有的请求是必须使用https的,以没用过https,由于小程序,不得不接触到https,研究了好长时间把tomcat ...
小程序js中data获取服务器数据,微信小程序获取javascript 里的数据
微信小程序获取javascript 里的数据 wxml如何获取js里的数据例: wxml里: {{txt}} 通过上面的{{txt}}可以对应获取js里data下定义的txt的值 js里: dat ...
access突然需要登录_早知道早好，微信小程序登录开发需要注意的事项
最近公司要做一个企业微信的小程序,方便企业内的成员来登录,以便一些公司内的业务,只限于公司内的成员来操作,因为有微信小程序的开发经验,所以先当作微信小程序来开发了! 首先来讲一下这个企业微信小程序与微 ...
Taro -- 微信小程序登录
Taro微信小程序登录 1.调用Taro.login()获取登录凭证code: 2.调用Taro.request()将code传到服务器: 3.服务器端调用微信登录校验接口(appid+appsecr ...
sessionkey 微信小程序获取_微信小程序登录，获取code，获取openid，获取session_key...
微信小程序登录 wx.login(Object object) 调用接口获取登录凭证(code).通过凭证进而换取用户登录态信息,包括用户的唯一标识(openid)及本次登录的会话密钥(session ...
小程序微信统计表格_微信小程序登录机制
" 不是0,也不是1,有0也有1 " 总有一个瞬间,你想记录当下的一些事情,所以有了这篇文章,不会口吐芬芳,我直接开门了,但愿能让你见山. 1. 背景 21 届的校园招聘已经打响了 ...
Spring Security oauth2.0微信小程序登录
微信小程序前期开发准备,可以参考这篇文章微信小程序前期准备 1.学习过Spring Secrity oauth2.0的都知道,他有四种登录模式可以选择 authorization code(授权码模式 ...