iOS 短信验证码倒计时按钮

不念不忘少年蓝@ 2024-04-17 13:54 39阅读 0赞

> 级别： ★★☆☆☆  
> 标签：「iOS 验证码后台倒计时」「NSTimer后台运行」「iOS 定时器后台运行」  
> 作者： [Xs·H][Xs_H]  
> 审校： [QiShare团队][Xs_H]

--------------------

短信验证码登录在app中十分常见，相对于账号+密码的登录方式，短信验证码登录既免去了用户记忆密码的繁琐，也在很大程度上降低了密码泄露的风险。但是，对app运营方来说，每发一条短信就会支付相对应的短信费，所以，为了防止恶意频繁访问，在设计发送短信验证码接口时会加上限制逻辑。比如，针对同一手机号，接口会控制在120秒内不可重复发送短信验证码。为了优化用户体验，app往往会做出对应的逻辑控制：在点击“获取验证码”按钮后将按钮设置成不可点击状态，并开始120秒的倒计时，倒计时结束后恢复按钮为可点击状态。

按照上述需求，实现一个倒计时按钮并不难，使用NSTimer就可以。但由于在app进入后台时NSTimer会被暂停，直到app进入前台，NSTimer才会继续工作（如果NSTimer还没被释放的话），这就会导致按钮上的倒计时会缺失app在后台的那段时间。所以，开发者要想办法补上这段时间。

如何补上这段时间，就是本文探讨的内容。在此之前，先通过下图看一下短信验证码倒计时场景。

要补上app进入后台的时间，有两个思路：

*  1.  记录下app在后台的时间，在app进入前台后补给定时器；
 *  1.  想办法让NSTimer在app进入后台后能够运行120秒以上。

##### 思路1：记录app在后台的时间 #####

通过监听`UIApplicationDidEnterBackgroundNotification`和`UIApplicationWillEnterForegroundNotification`可以获取到app进入后台和回到前台的时间戳，将这两个时间戳取差，就是app在后台的时间，然后用这个时间对计时器的时间进行补偿就能实现需求。代码如下：

#pragma mark - Notifications
    
    - (void)applicationDidEnterBackground:(id)sender {
        NSLog(@"%s", __func__);
        
        _didEnterBackgroundTimestamp = [[NSDate date] timeIntervalSince1970];
    }
    
    - (void)applicationWillEnterForeground:(id)sender {
        NSLog(@"%s", __func__);
        
        NSTimeInterval willEnterForegroundTimestamp = [[NSDate date] timeIntervalSince1970];
        
        NSInteger onBackgroundSeconds = floor((_didEnterBackgroundTimestamp == 0)? 0: (willEnterForegroundTimestamp - _didEnterBackgroundTimestamp));
        _currentInteger -= onBackgroundSeconds;
    }
    复制代码

>  *  `didEnterBackgroundTimestamp`是全局变量，用来记录app进入后台时的时间戳；
>  *  `onBackgroundSeconds`表示app在后台的时间（秒数）。用三目运算排除app直接启动时的情况；
>  *  用floor()函数对Double类型的时间差进行向下取整，是为了保证倒计时不会提前结束。

##### 思路2：使NSTimer在后台保持运行 #####

首先，Apple允许开发者向系统申请后台运行权限，比如使用“位置服务”的“高德地图”、“滴滴出行”等app和使用“音频服务”的“QQ音乐”、“网易云音乐”等app。但如果申请了权限，就得保证app提供相应的服务，不然在上线App Store时会被拒绝。所以，对于简单的倒计时场景，不考虑使用这种方式。 好在，iOS向开发者提供了临时借用后台运行权限的API，以向app提供最多180秒的后台运行权限。说到“借用”，就得有个“借条”（凭证），还得有借有还。 通过监听`UIApplicationDidEnterBackgroundNotification`，在app进入后台时，调用API向系统借用180秒的后台运行权限，并保留借用凭证。在借用时间即将到期时或者做完需要做的事情后调用API将后台权限还给系统，并将借用凭证标识为失效状态。具体代码如下。

- (void)stopCountdown {
        
        [[NSNotificationCenter defaultCenter] removeObserver:self name:UIApplicationDidEnterBackgroundNotification object:nil];
        
        [self endBackgroundTask];
        [self setEnabled:YES];
        
        [_timer invalidate];
        _timer = nil;
    }
    
    
    #pragma mark - Private functions
    
    - (void)startBackgroundTask {
        
        __weak typeof(self) weakSelf = self;
        _backgroundTaskId = [[UIApplication sharedApplication] beginBackgroundTaskWithExpirationHandler:^{
            [weakSelf endBackgroundTask];
        }];
    }
    
    - (void)endBackgroundTask {
        
        [[UIApplication sharedApplication] endBackgroundTask:self.backgroundTaskId];
        _backgroundTaskId = UIBackgroundTaskInvalid;
    }
    
    
    #pragma mark - Notifications
    
    - (void)applicationDidEnterBackground:(id)sender {
        NSLog(@"%s", __func__);
        
        [self startBackgroundTask];
    }
    复制代码

>  *  `backgroundTaskId`是全局变量，表示向系统借用后台权限所产生的凭证；
>  *  `beginBackgroundTaskWithExpirationHandler`是借用的后台权限将到期时会触发的block，在里面要做“还权限”的操作；
>  *  在定时器倒计时结束后，会调用`stopCountdown`方法，在里面提前执行“还权限”的操作。

以上是作者实现短信验证码倒计时按钮常用到的两种方式。为了方便复用，作者将倒计时功能封装进了按钮中，工程代码可从[QiCountdownButton][]中获取。

--------------------

小编微信：可加并拉入《QiShare技术交流群》。

> 关注我们的途径有：  
> [QiShare(简书)][QiShare]  
> [QiShare(掘金)][QiShare 1]  
> [QiShare(知乎)][QiShare 2]  
> [QiShare(GitHub)][QiShare_GitHub]  
> [QiShare(CocoaChina)][QiShare_CocoaChina]  
> [QiShare(StackOverflow)][QiShare_StackOverflow]  
> QiShare(微信公众号)

> 推荐文章：  
> [iOS 环境变量配置][iOS]  
> [iOS 中处理定时任务的常用方法][iOS 1]  
> [算法小专栏：贪心算法][Link 1]  
> [iOS 快速实现分页界面的搭建][iOS 2]  
> [iOS 中的界面旋转][iOS 3]  
> [奇舞周刊][Link 2]

转载于:https://juejin.im/post/5d19e40ee51d4510835e02e7

[Xs_H]: https://link.juejin.im?target=https%3A%2F%2Fwww.jianshu.com%2Fc%2Fb3bd94559163
[QiCountdownButton]: https://link.juejin.im?target=https%3A%2F%2Fgithub.com%2FQiShare%2FQiCountdownButton
[QiShare]: https://link.juejin.im?target=https%3A%2F%2Fwww.jianshu.com%2Fu%2F3db23baa08c7
[QiShare 1]: https://juejin.im/user/5b542b76e51d4533d2042b62
[QiShare 2]: https://link.juejin.im?target=https%3A%2F%2Fwww.zhihu.com%2Fpeople%2Fedit
[QiShare_GitHub]: https://link.juejin.im?target=https%3A%2F%2Fgithub.com%2FQiShare
[QiShare_CocoaChina]: https://link.juejin.im?target=http%3A%2F%2Fwww.cocoachina.com%2Fbbs%2Fu.php%3Ftid%3D658244
[QiShare_StackOverflow]: https://link.juejin.im?target=https%3A%2F%2Fstackoverflow.com%2Fusers%2F10118400%2Fqishare
[iOS]: https://link.juejin.im?target=https%3A%2F%2Fwww.jianshu.com%2Fp%2F463c7c869911
[iOS 1]: https://link.juejin.im?target=https%3A%2F%2Fwww.jianshu.com%2Fp%2Fc2425a3c09ff
[Link 1]: https://link.juejin.im?target=https%3A%2F%2Fwww.jianshu.com%2Fp%2F46f30a0efa68
[iOS 2]: https://link.juejin.im?target=https%3A%2F%2Fwww.jianshu.com%2Fp%2F032048954426
[iOS 3]: https://link.juejin.im?target=https%3A%2F%2Fwww.jianshu.com%2Fp%2Fc623c4b05b2c
[Link 2]: https://link.juejin.im?target=https%3A%2F%2Fweekly.75team.com