IOS開發(fā)用戶登錄注冊模塊所遇到的問題
最近和另外一位同事負(fù)責(zé)公司登錄和用戶中心模塊的開發(fā)工作，開發(fā)周期計劃兩周，減去和產(chǎn)品和接口的協(xié)調(diào)時間，再減去由于原型圖和接口的問題，導(dǎo)致強迫癥糾結(jié)癥狀高發(fā)，情緒不穩(wěn)定耗費的時間，能在兩周基本完成也算是個不小的奇跡了。本文就總結(jié)一下如何滿足產(chǎn)品需要的情況下，高效開發(fā)一個登錄注冊模塊。
1.利用繼承解決界面重復(fù)性功能。通常登錄注冊會有一個獨立的設(shè)計，而模塊內(nèi)部會有有相似的背景，相似的導(dǎo)航欄樣式，相似返回和退出行為，相似的輸入框，按鈕樣式等。
比如上面的的注冊和登錄模塊，就有相同的返回按鈕，相同的背景，相同的導(dǎo)航欄樣式，甚至相同的按鈕和輸入框樣式。所以為了加快我們的開發(fā)，我們完全先定義一個父控制器，然后通過的繼承實現(xiàn)多態(tài)，從而實現(xiàn)我們快速設(shè)計頁面和基本功能的實現(xiàn)。下圖是我的個人項目《丁丁印記》的登錄注冊模塊的目錄結(jié)構(gòu)，其中HooEntryBaseViewController就定義了這個模塊通用的行為和樣式：
2.彈出鍵盤和退出鍵盤機制開發(fā)。
這點使我們開發(fā)者容易忽略的一點，我也因為看到一些APP因為彈出鍵盤遮擋輸入，導(dǎo)致怒刪APP的行為。這模塊的設(shè)計就根據(jù)產(chǎn)品的設(shè)計來決定采用什么代碼實現(xiàn)我們的目的了。
•單擊空白區(qū)域退出鍵盤代碼：
UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(closeKeyboard:)];
tap.numberOfTapsRequired = 1;
tap.numberOfTouchesRequired = 1;
[self.view addGestureRecognizer:tap];
- (void)closeKeyboard:(id)sender
{
[self.view endEditing:YES];
}
•避免鍵盤遮擋，登錄表單或按鈕上移代碼：
- (void)textViewDidBeginEditing:(UITextField *)textView
{
CGRect frame = textView.frame;
int offset = frame.origin.y + 120 - (self.view.frame.size.height - 216.0);//鍵盤高度216
NSTimeInterval animationDuration = 0.30f;
[UIView beginAnimations:@"ResizeForKeyBoard" context:nil];
[UIView setAnimationDuration:animationDuration];
float width = self.view.frame.size.width;
float height = self.view.frame.size.height;
if(offset > 0)
{
CGRect rect = CGRectMake(0.0f, -offset,width,height);
self.view.frame = rect;
}
[UIView commitAnimations];
}
3.接入第三方登錄，必須要判斷用戶是否安裝該第三方客戶端，否則蘋果可能審核無法通過。血的教訓(xùn)。
比如我的APP《丁丁印記》接入了QQ登錄功能，程序會客戶端是否安裝了QQ，如果未安裝則隱藏QQ登錄圖標(biāo)。
if (![QQApi isQQInstalled]) {
self.QQLoginButton.hidden = YES;
self.QQLoginLabel.hidden = YES;
}
4.特殊情景處理。這容易是一個空白點，通常年輕的開發(fā)的者不會考慮到這一塊，而通常產(chǎn)品和UE也不太會記得定義清楚臨界點的行為。
• 加載狀態(tài)。當(dāng)用戶發(fā)起登錄或者注冊請求時需要給用戶友好的提示。
#pragma mark - 登錄按鈕點擊
- (IBAction)login:(UIButton *)sender {
if([self.userNameTextField.text isEmpty] || [self.passwordTextField.text isEmpty]){
[SVProgressHUD showErrorWithStatus:@"用戶名或密碼不能為空"];
}else{
__weak typeof(self) weakSelf = self;
[[HooUserManager manager] LoginWithUserName:self.userNameTextField.text andPassword:self.passwordTextField.text block:^(BmobUser *user, NSError *error) {
__strong __typeof(weakSelf)strongSelf = weakSelf;
if (error) {
[SVProgressHUD showErrorWithStatus:@"登錄失敗"];
}else if(user){
[SVProgressHUD showSuccessWithStatus:@"登錄成功"];
[strongSelf loginSuccessDismiss];
}
}];
}
}
• 賬號或者密碼各種錯誤判斷
NSString *emailStr;
NSString *phoneStr;
NSString *passwordStr = weakSelf.passwordView.inputTextField.text;
emailStr = weakSelf.accountView.inputTextField.text;
if (![NSString validateEmail:emailStr] || !emailStr.length) {
[weakSelf showErrorTipViewWithMessage:@"郵箱格式錯誤"];
return;
}
} else {
phoneStr = weakSelf.accountView.inputTextField.text;
if (phoneStr.length < 5) {
[weakSelf showErrorTipViewWithMessage:@"手機長度錯誤")];
return;
}
if ([weakSelf.accountView.countryCode isEqualToString:@"+86"]) {
if (![phoneStr isValidateMobileNumber]) {
[weakSelf showErrorTipViewWithMessage:@"手機號碼格式錯誤")];
return;
}
}
}
if (passwordStr.length < kPasswordMinLength) {
[weakSelf showErrorTipViewWithMessage:ATLocalizedString(@"密碼長度超過少于6個字符")];
return;
}
if (passwordStr.length > kPasswordMaxLength) {
[weakSelf showErrorTipViewWithMessage:@"密碼長度超過20個字符")];
return;
}
5.手機找回密碼，發(fā)送驗證碼按鈕的處理。這個行為也容易被產(chǎn)品忽略需要我們開發(fā)者主動想到，然后跟產(chǎn)品確定這個需求，然后確定按鈕的觸發(fā)后的行為，否則用戶可能多次點擊發(fā)送驗證碼，這會造成服務(wù)器負(fù)擔(dān)，并且可能返回給用戶多條短信，造成困擾。下面這段代碼可以實現(xiàn)單擊驗證碼按鈕，然后倒計時2分鐘后恢復(fù)按鈕的可點擊狀態(tài)。
- (void)verifedCodeButtonWithTitle:(NSString *)title andNewTitle:(NSString *)newTitle {
WS(weakSelf);
__block int timeout = kTimeout;
dispatch_queue_t queue = dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0);
dispatch_source_t _timer = dispatch_source_create(DISPATCH_SOURCE_TYPE_TIMER, 0, 0,queue);
dispatch_source_set_timer(_timer,dispatch_walltime(NULL, 0),1.0*NSEC_PER_SEC, 0);
dispatch_source_set_event_handler(_timer, ^{
if(timeout<=0){
dispatch_source_cancel(_timer);
dispatch_async(dispatch_get_main_queue(), ^{
[weakSelf setTitle:title forState:UIControlStateNormal];
weakSelf.userInteractionEnabled = YES;
});
}else{
int seconds = timeout;
NSString *strTime = [NSString stringWithFormat:@"%.2d", seconds];
dispatch_async(dispatch_get_main_queue(), ^{
[UIView beginAnimations:nil context:nil];
[UIView setAnimationDuration:1];
[weakSelf setTitle:[NSString stringWithFormat:@"%@(%@)",newTitle,strTime] forState:UIControlStateNormal];
[UIView commitAnimations];
weakSelf.userInteractionEnabled = NO;
});
timeout--;
}
});
dispatch_resume(_timer);
}
5.用戶登錄信息和狀態(tài)持久化。我們通常會有業(yè)務(wù)層處理登錄的數(shù)據(jù)的持久，并且使用單例，但是不能依賴單例記錄用狀態(tài)，因為用戶可能會退出，所以需要從沙盒去讀取用戶狀態(tài)的字段是否存在，如用戶的ID，或者AccessToken。
下面這段代碼，用來持久化用戶信息
-
(void)saveUserInfoWithData:(NSDictionary *)dict {
NSString *userID = dict[kUserId];
NSString *email = dict[kEmail];
NSString *mobile = dict[kMobile];
[HooNSUserDefaultSerialzer setObject:memberID forKey:kUserID];
[HooNSUserDefaultSerialzer setObject:email forKey:kEmail];
[HooNSUserDefaultSerialzer setObject:mobile forKey:kMobile];
}
5.對外開發(fā)用戶信息的接口。封裝我們的模塊。對外提供我們的接口，通常其他頁面需要判斷用戶是否登錄，也可能需要用戶的唯一標(biāo)示符來請求數(shù)據(jù)。這一塊如果我們做的混亂，則容易導(dǎo)致其他頁面獲取用戶信息的隨意性，比如給他們開發(fā)了讀取沙盒里讀取用戶信息的字段。我們應(yīng)該在登錄模塊統(tǒng)一其他頁面獲取這些用戶信息的行為。
#import <Foundation/Foundation.h>
#import "HooSingleton.h"
@interface HooUserManager : NSObject
@property (nonatomic, strong) NSString *userID;
SingletonH(Manager)
/**
* Verify user if login or not
*
* @return if login in return YES ,otherwise return NO
*/
- (BOOL)isUserLogin;
/**
* login out
*/
- (void)loginOut;
@end
#import "HooUserManager.h"
#import "HooNSUserDefaultSerialzer.h"
static NSString * const kMobile = @"Mobile";
static NSString * const kEmail = @"Email";
static NSString * const kUserID = @"UserID";
@implementation HooUserManager
SingletonM(Manager)
#pragma mark - getter and setter
- (NSString *)userID {
NSString *userID = [HooNSUserDefaultSerialzer objectForKey:kUserID];
return userID;
}
- (BOOL)isUserLogin {
NSString *userID = [HooNSUserDefaultSerialzer objectForKey:kUserID];
if (userID.length) {
return YES;
}
return NO;
}
- (void)loginOut {
[HooNSUserDefaultSerialzer removeObjectForKey:kMobile];
[HooNSUserDefaultSerialzer removeObjectForKey:kEmail];
[HooNSUserDefaultSerialzer removeObjectForKey:kUseID];
}
@end
6.其他。
其實為了更好的用戶體驗，我們還會提供其他功能，如明文顯示密碼選擇按鈕、從服務(wù)器讀取郵箱格式提示、錯誤字符糾正、當(dāng)然還有最重要的動畫效果。
相關(guān)文章
iOS 頁面滑動與標(biāo)題切換顏色漸變的聯(lián)動效果實例
本篇文章主要介紹了iOS 頁面滑動與標(biāo)題切換顏色漸變的聯(lián)動效果實例，具有一定的參考價值，有興趣的可以了解一下。2017-04-04
這篇文章主要分享了iOS7 毛玻璃特效代碼，非常的實用，做IOS開發(fā)的童鞋們不要錯過了2014-10-10
iOS Xcode創(chuàng)建文件時自動生成的注釋方法
下面小編就為大家分享一篇iOS Xcode創(chuàng)建文件時自動生成的注釋方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
IOS UITableViewCell詳解及按鈕點擊事件處理實例
這篇文章主要介紹了IOS UITableViewCell詳解及按鈕點擊事件處理實例的相關(guān)資料,這里附有示例代碼，大家可以看下如何實現(xiàn)按鍵點擊事件，需要的朋友可以參考下2016-12-12
這篇文章主要為大家介紹了iOS開發(fā)底層探索界面優(yōu)化示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
查看iOS已上架App的Crash信息定位、應(yīng)對處理方式的實例
下面小編就為大家?guī)硪黄榭磇OS已上架App的Crash信息定位、應(yīng)對處理方式的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
iOS中在APP內(nèi)加入AppStore評分功能的實現(xiàn)方法
這篇文章主要介紹了iOS中在APP內(nèi)加入AppStore評分功能的實現(xiàn)方法，文中筆者給大家整理了三種方式，大家可以根據(jù)自己的需求選擇,需要的朋友可以參考下2017-11-11
簡單好用的iOS導(dǎo)航欄封裝.runtime屬性控制實例代碼
這篇文章主要給大家介紹了簡單好用的iOS導(dǎo)航欄封裝.runtime屬性控制的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-10-10
這篇文章主要為大家詳細(xì)介紹了iOS實現(xiàn)Pad上菜單彈出界面的相關(guān)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要介紹了IOS 開發(fā)之Object-C中的對象詳解的相關(guān)資料,需要的朋友可以參考下2017-06-06