最近和另外一位同事負(fù)責(zé)公司登錄和用戶中心模塊的開發(fā)工作，開發(fā)周期計(jì)劃兩周，減去和產(chǎn)品和接口的協(xié)調(diào)時(shí)間，再減去由于原型圖和接口的問題，導(dǎo)致強(qiáng)迫癥糾結(jié)癥狀高發(fā)，情緒不穩(wěn)定耗費(fèi)的時(shí)間，能在兩周基本完成也算是個(gè)不小的奇跡了。本文就總結(jié)一下如何滿足產(chǎn)品需要的情況下，高效開發(fā)一個(gè)登錄注冊(cè)模塊。
1.利用繼承解決界面重復(fù)性功能。通常登錄注冊(cè)會(huì)有一個(gè)獨(dú)立的設(shè)計(jì)，而模塊內(nèi)部會(huì)有有相似的背景，相似的導(dǎo)航欄樣式，相似返回和退出行為，相似的輸入框，按鈕樣式等。
比如上面的的注冊(cè)和登錄模塊，就有相同的返回按鈕，相同的背景，相同的導(dǎo)航欄樣式，甚至相同的按鈕和輸入框樣式。所以為了加快我們的開發(fā)，我們完全先定義一個(gè)父控制器，然后通過的繼承實(shí)現(xiàn)多態(tài)，從而實(shí)現(xiàn)我們快速設(shè)計(jì)頁面和基本功能的實(shí)現(xiàn)。下圖是我的個(gè)人項(xiàng)目《丁丁印記》的登錄注冊(cè)模塊的目錄結(jié)構(gòu)，其中HooEntryBaseViewController就定義了這個(gè)模塊通用的行為和樣式：
2.彈出鍵盤和退出鍵盤機(jī)制開發(fā)。
這點(diǎn)使我們開發(fā)者容易忽略的一點(diǎn)，我也因?yàn)榭吹揭恍〢PP因?yàn)閺棾鲦I盤遮擋輸入，導(dǎo)致怒刪APP的行為。這模塊的設(shè)計(jì)就根據(jù)產(chǎn)品的設(shè)計(jì)來決定采用什么代碼實(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);//鍵盤高度216NSTimeInterval 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登錄功能，程序會(huì)客戶端是否安裝了QQ，如果未安裝則隱藏QQ登錄圖標(biāo)。
if (![QQApi isQQInstalled]) {self.QQLoginButton.hidden = YES;self.QQLoginLabel.hidden = YES;} 4.特殊情景處理。這容易是一個(gè)空白點(diǎn)，通常年輕的開發(fā)的者不會(huì)考慮到這一塊，而通常產(chǎn)品和UE也不太會(huì)記得定義清楚臨界點(diǎn)的行為。
• 加載狀態(tài)。當(dāng)用戶發(fā)起登錄或者注冊(cè)請(qǐng)求時(shí)需要給用戶友好的提示。
#pragma mark - 登錄按鈕點(diǎn)擊- (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];}}];}}• 賬號(hào)或者密碼各種錯(cuò)誤判斷
NSString *emailStr;NSString *phoneStr;NSString *passwordStr = weakSelf.passwordView.inputTextField.text;emailStr = weakSelf.accountView.inputTextField.text;if (![NSString validateEmail:emailStr] || !emailStr.length) {[weakSelf showErrorTipViewWithMessage:@"郵箱格式錯(cuò)誤"];return;}} else {phoneStr = weakSelf.accountView.inputTextField.text;if (phoneStr.length < 5) {[weakSelf showErrorTipViewWithMessage:@"手機(jī)長度錯(cuò)誤")];return;}if ([weakSelf.accountView.countryCode isEqualToString:@"+86"]) {if (![phoneStr isValidateMobileNumber]) {[weakSelf showErrorTipViewWithMessage:@"手機(jī)號(hào)碼格式錯(cuò)誤")];return;}}}if (passwordStr.length < kPasswordMinLength) {[weakSelf showErrorTipViewWithMessage:ATLocalizedString(@"密碼長度超過少于6個(gè)字符")];return;}if (passwordStr.length > kPasswordMaxLength) {[weakSelf showErrorTipViewWithMessage:@"密碼長度超過20個(gè)字符")];return;}5.手機(jī)找回密碼，發(fā)送驗(yàn)證碼按鈕的處理。這個(gè)行為也容易被產(chǎn)品忽略需要我們開發(fā)者主動(dòng)想到，然后跟產(chǎn)品確定這個(gè)需求，然后確定按鈕的觸發(fā)后的行為，否則用戶可能多次點(diǎn)擊發(fā)送驗(yàn)證碼，這會(huì)造成服務(wù)器負(fù)擔(dān)，并且可能返回給用戶多條短信，造成困擾。下面這段代碼可以實(shí)現(xiàn)單擊驗(yàn)證碼按鈕，然后倒計(jì)時(shí)2分鐘后恢復(fù)按鈕的可點(diǎn)擊狀態(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)持久化。我們通常會(huì)有業(yè)務(wù)層處理登錄的數(shù)據(jù)的持久，并且使用單例，但是不能依賴單例記錄用狀態(tài)，因?yàn)橛脩艨赡軙?huì)退出，所以需要從沙盒去讀取用戶狀態(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.對(duì)外開發(fā)用戶信息的接口。封裝我們的模塊。對(duì)外提供我們的接口，通常其他頁面需要判斷用戶是否登錄，也可能需要用戶的唯一標(biāo)示符來請(qǐng)求數(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 HooUserManagerSingletonM(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.其他。
其實(shí)為了更好的用戶體驗(yàn)，我們還會(huì)提供其他功能，如明文顯示密碼選擇按鈕、從服務(wù)器讀取郵箱格式提示、錯(cuò)誤字符糾正、當(dāng)然還有最重要的動(dòng)畫效果。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
