(实习生一枚,初次写博客有问题请及时联系,进入正题)
这个项目是一个理发的预约项目
先来看一下登录成功后的设计图吧
话不多说,直接上代码吧
这里直接用小程序提供的登录api—》@getuserinfo,点击登录后触发事件,在这里传入了一个e对象,输出一下e对象中的数据,里面的userInfo中的数据就是我们要用到的一些数据
下面是登录的第一部分代码
我用的是uni-app,利用uni.login这个api,获取完用户的code之后再请求用户
登录的接口
openId存储到本地以便下面判断用到
最后我在onLoad中判断有openId的话已经登录了,没有的话显示登录按钮去登录
总结一下:
1、用微信开发文档的登录按钮事件<button open-type=“getUserInfo” @getuserinfo=“自定义”>登录
2、用uni中登录的api:uni.login
3、在uni.login登录成功的回调里面请求登录的接口,传值给后台,在成功回调里面进行
逻辑处理,登录成功后记得隐藏掉loading
4、最后在页面加载的时候判断是不是登录过了