微信小程序之用户登录案例

微信小程序之用户登录案例

一、知识点
app.json是app的配置，它配置了页面、window信息和tabBar。每个页面内又有自己的配置从而覆盖掉全局的配置。
在user.js里的onLoad可以判断当前用户是否存在：
if(app.appData.userinfo == null )
如果不存在，就跳转到登录页面；
wx.redirectTo({url:"…/login/login"})
如果存在，就给username赋值。
this.setData({username:app.appData.userinfo.username})

在登录按钮上绑定点击事件，在输入框上绑定了input事件。在输入时，input会触发usernameinput获得输入框里数据从而给username赋值。

二、遇到问题及解决办法
在onLoad下编写跳转登录页面的代码时，如果写的是
wx.navigateTo({url:"…/login/login"})
那么登录页面会出现“返回”按钮；如果写的是
wx.redirectTo({url:"…/login/login"})
那么就不会出现“返回”按钮。我们可以根据实际用途来选择。

三、收获
通过对用户登录案例的学习，我对微信小程序用户登录的原理有了更深入的了解。