Ionic2实战-注册登录模块开发

前言

从今天开始将着重对APP的部分核心业务模块实现思路进行着重介绍，今天首先来介绍的是注册登录模块。注册登录模块为什么重要呢？今天我们所使用的95%以上的APP都是需要登录的，因为只有建立了账户体系，APP才能够长远的发展。

思路

1、用户点击登录按钮以后以模态页面的形式打开登录页面，为什么要用模态页面呢？为了保证系统路由不乱，登录完以后还能返回用户登录操作以前的页面；

打开登录页面的代码如下：

let modal = this.modalCtrl.create(AuthenticatePage)
modal.present();

2、无论是注册过还是没有注册过的用户，在登录页面只需要输入手机号，然后获取验证码按钮亮起，用户点击获取验证码按钮。获取验证码按钮变灰以后开始倒数60秒。

3、后台接收到获取验证码的请求以后判断该手机号是否是第一次登录，如果是则自动注册，如不是则直接随机生成一个验证码以后调用短信接口向用户手机号发送短信；

4、用户接收到验证码以后输入登录页面的验证码输入框，然后点击登录；

5、后端对用户的手机号和验证码进行校验，如果校验通过则为登录成功，在返回的cookie中写入用户的身份识别信息，cookie有效期设置为1个月，这样的话一个月内打开APP就可以自动登录了。

6、前端页面收到登录成功的返回以后自动跳转，提示登录成功。

7、用户下次打开APP时APP会延迟5秒自动向后台发送登录请求，后台判断cookie是否包含用户身份校验信息，如包含则自动登录并且返回用户信息，如不包含则不进行自动登录。

最后

以上就是APP实现注册登录以及后期自动登录的业务逻辑，具体的实现细节请访问我的GitHub项目代码查看：https://github.com/aapple/sm-coal-app