UNI-APP小程序登录功能

小程序登录逻辑

UNI-APP小程序登录功能_第1张图片


①通过uni.login()接口获取小程序用户的code值

uni.login({
	  success(res) {     // // {errMsg: "login:ok", code: "033vPJhy1W2RH906Y0gy1B5Chy1vPJhO"}
		  console.log(res)  
		if (res.code) {
		  // 发起网络请求
		  wx.request({
			url: 'http://wuxinzhe.top/test/test.php',
			data: {
			  code: res.code 
			}
		  })
		} else {
		  console.log('登录失败!' + res.errMsg)
		}
	 }
})

②服务器端通过调用code2session接口通过code换取session_key(只能用一个code调取一次)和用户的openid
https://api.weixin.qq.com/sns/jscode2session?appid={$appId}&secret={$secret}&js_code={$code}&grant_type=authorization_code
php代码

③小程序前端中,收到服务器端返回的信息,自定义登录状态,存入缓存中,uniapp中调用uni.setStorageSync(KEY,DATA)方法.与openid和session_key关联
④每次请求之前,获取缓存中的数据uni.getStorageSync(KEY),携带着状态去请求,服务器端查询openid和session_key,返回业务数据

你可能感兴趣的:(UNI-APP小程序登录功能)