用户登录

按下工具栏上的登录按钮,可以把用户带到一个页面 .. 在页面上添加一个 onTapLoginButton 这个方法,它是我们绑定在登录按钮上的 tap 事件的处理方法 ..

里面用一下 wx.switchTab ,切换一下应用的标签,url 是 /pages/users/show ..

在模拟器上试一下 .. 按一下登录按钮 ..

打开的是用户的个人档案页面 .. 因为这个页面是个标签页,所以切换到这个页面的时候我们用的是 wx.switchTab ..

先退出一下登录 .. 再回到之前的内容页面 ..

现在我们要让工具栏上这个用户登录提示,只在用户没登录的时候才显示出来 .. 在内容页面上,可以添加一个表示用户登录状态的数据 .. 名字是 loggedIn .. 默认让它等于 true ..

然后在 onLoad 方法这里 .. 用一下 validateToken .. 验证一下 jwt 是否有效,也就是用户的登录状态是否有效 .. 再添加一个回调 .. 结果可以是 result ..

判断一下,如果 !result ,就是如果验证失败 .. 可以用一下 this.setData 把页面上的 loggedIn 这个数据的值设置成 false ..

~~~
这里用的这个 validateToken 我们得去导入一下它 .. 在文件的顶部,用一个 import ,导入 validateToken .. 来自上一级目录的上一级目录的 libs 下面的 auth-jwt ...
~~~

再打开页面的视图 .. 找到 toolbar 里的这个 toolbar__overlay ,在这个组件上,用一个 wx:if .. !loggedIn .. 意思是用户没登录的时候才显示这个提示 ..

预览

现在工具栏上会显示这个登录提示 .. 因为之前我们退出了登录 .. 按一下登录 .. 打开个人档案页面 ...

这里可以选择 微信登录 ..

成功以后,再返回之前的内容页面 ..

现在这个页面上就不会显示 登录提示了 .. 因为当前用户是登录的状态 ..

再试一下,添加一条评论 ...

新添加的评论会在评论列表里面显示 ...

评论前提示用户登录:逻辑《 微信小程序:评论功能 #9 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点