iOS微信第三方登錄實現

注意:代碼自己動手寫,不要復制!

GitHub

一、接入微信第三方登錄準備工作。

移動應用微信登錄是基于OAuth2.0協議標準構建的微信OAuth2.0授權登錄系統。

在進行微信OAuth2.0授權登錄接入之前,在微信開放平臺注冊開發者帳號,并擁有一個已審核通過的移動應用,并獲得相應的AppID和AppSecret,申請微信登錄且通過審核后,可開始接入流程。(注意)

1、下載iOS微信SDK。

下載地址

ziyuan.png

2、將SDK放到工程目錄中。

wechat.png

3、補充導入一些依賴框架。

kuangjia.png

4、添加URL Types

info.png

5、添加iOS9 URL Schemes.

Schemes.png

注意:如果沒有做這步的話會出現以下錯誤.

-canOpenURL: failed for URL: "weixin://app/wx9**********dfd30/" - error: "This app is not allowed to query for scheme weixin"

6、iOS9中新增App Transport Security(簡稱ATS)特性, 主要使到原來請求的時候用到的HTTP,都轉向TLS1.2協議進行傳輸。這也意味著所有的HTTP協議都強制使用了HTTPS協議進行傳輸。需要在Info.plist新增一段用于控制ATS的配置:

NSAppTransportSecurity

NSAllowsArbitraryLoads

security.png

如果我們在iOS9下直接進行HTTP請求是會收到如下錯誤提示:

**App Transport Security has blocked a cleartext HTTP (http://) resource load since it is insecure. Temporary exceptions can be configured via your app's Info.plist file.**

7、向微信終端程序注冊第三方應用,并在第三方應用實現從微信返回

在AppDelegate.m中引入"WXApi.h"頭文件,然后寫入如下:

#import "AppDelegate.h"

#import "LoginViewController.h"

#import "WXApi.h"

#pragma mark - application delegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

[WXApi registerApp:@"wxd1931d4a0e46****" withDescription:@"Wechat"];

return YES;

}

// 這個方法是用于從微信返回第三方App

- (BOOL)application:(UIApplication *)application handleOpenURL:(NSURL *)url {

[WXApi handleOpenURL:url delegate:self];

return YES;

}

8、請求CODE

開發者需要配合使用微信開放平臺提供的SDK進行授權登錄請求接入。正確接入SDK后并擁有相關授權域(scope,什么是授權域?)權限后,開發者移動應用會在終端本地拉起微信應用進行授權登錄,微信用戶確認后微信將拉起開發者移動應用,并帶上授權臨時票據(code)。

#import "LoginViewController.h"

#import "RegisterViewController.h"

#import "MBProgressHUD.h"

#import "AFNetworking.h"

#import "WXApi.h"

#pragma mark - 微信登錄

/*

目前移動應用上德微信登錄只提供原生的登錄方式,需要用戶安裝微信客戶端才能配合使用。

對于iOS應用,考慮到iOS應用商店審核指南中的相關規定,建議開發者接入微信登錄時,先檢測用戶手機是否已經安裝

微信客戶端(使用sdk中的isWXAppInstall函數),對于未安裝的用戶隱藏微信 登錄按鈕,只提供其他登錄方式。

*/

- (IBAction)wechatLoginClick:(id)sender {

if ([WXApi isWXAppInstalled]) {

SendAuthReq *req = [[SendAuthReq alloc] init];

req.scope = @"snsapi_userinfo";

req.state = @"App";

[WXApi sendReq:req];

}

else {

[self setupAlertController];

}

}

#pragma mark - 設置彈出提示語

- (void)setupAlertController {

UIAlertController *alert = [UIAlertController alertControllerWithTitle:@"溫馨提示" message:@"請先安裝微信客戶端" preferredStyle:UIAlertControllerStyleAlert];

UIAlertAction *actionConfirm = [UIAlertAction actionWithTitle:@"確定" style:UIAlertActionStyleDefault handler:nil];

[alert addAction:actionConfirm];

[self presentViewController:alert animated:YES completion:nil];

}

執行完上面那一步后,如果客戶端安裝了微信,那么就會向微信請求相應的授權,圖如下:

微信授權.png

還有在實際的使用中我們還要結合需求做一些改變。因為微信授權后access_token(2小時)之類的字段都是有效期的在有效期范圍內,我們是沒必要讓用戶再次授權的,很可能你的實現,會如我下面所寫的(LoginViewController)

// LoginViewController.h

#import

@interface LoginViewController : BaseViewController

/** 通過block去執行AppDelegate中的wechatLoginByRequestForUserInfo方法 */

@property (copy, nonatomic) void (^requestForUserInfoBlock)();

@end

// LoginViewController.m

#pragma mark - 微信登錄

/*

目前移動應用上德微信登錄只提供原生的登錄方式,需要用戶安裝微信客戶端才能配合使用。

對于iOS應用,考慮到iOS應用商店審核指南中的相關規定,建議開發者接入微信登錄時,先檢測用戶手機是否已經安裝

微信客戶端(使用sdk中的isWXAppInstall函數),對于未安裝的用戶隱藏微信 登錄按鈕,只提供其他登錄方式。

*/

- (IBAction)wechatLoginClick:(id)sender {

NSString *accessToken = [[NSUserDefaults standardUserDefaults] objectForKey:WX_ACCESS_TOKEN];

NSString *openID = [[NSUserDefaults standardUserDefaults] objectForKey:WX_OPEN_ID];

// 如果已經請求過微信授權登錄,那么考慮用已經得到的access_token

if (accessToken && openID) {

AFHTTPRequestOperationManager *manager = [AFHTTPRequestOperationManager manager];

NSString *refreshToken = [[NSUserDefaults standardUserDefaults] objectForKey:WX_REFRESH_TOKEN];

NSString *refreshUrlStr = [NSString stringWithFormat:@"%@/oauth2/refresh_token?appid=%@&grant_type=refresh_token&refresh_token=%@", WX_BASE_URL, WXPatient_App_ID, refreshToken];

[manager GET:refreshUrlStr parameters:nil success:^(AFHTTPRequestOperation *operation, id responseObject) {

NSLog(@"請求reAccess的response = %@", responseObject);

NSDictionary *refreshDict = [NSDictionary dictionaryWithDictionary:responseObject];

NSString *reAccessToken = [refreshDict objectForKey:WX_ACCESS_TOKEN];

// 如果reAccessToken為空,說明reAccessToken也過期了,反之則沒有過期

if (reAccessToken) {

// 更新access_token、refresh_token、open_id

[[NSUserDefaults standardUserDefaults] setObject:reAccessToken forKey:WX_ACCESS_TOKEN];

[[NSUserDefaults standardUserDefaults] setObject:[refreshDict objectForKey:WX_OPEN_ID] forKey:WX_OPEN_ID];

[[NSUserDefaults standardUserDefaults] setObject:[refreshDict objectForKey:WX_REFRESH_TOKEN] forKey:WX_REFRESH_TOKEN];

[[NSUserDefaults standardUserDefaults] synchronize];

// 當存在reAccessToken不為空時直接執行AppDelegate中的wechatLoginByRequestForUserInfo方法

!self.requestForUserInfoBlock ? : self.requestForUserInfoBlock();

}

else {

[self wechatLogin];

}

} failure:^(AFHTTPRequestOperation *operation, NSError *error) {

NSLog(@"用refresh_token來更新accessToken時出錯 = %@", error);

}];

}

else {

[self wechatLogin];

}

}

- (void)wechatLogin {

if ([WXApi isWXAppInstalled]) {

SendAuthReq *req = [[SendAuthReq alloc] init];

req.scope = @"snsapi_userinfo";

req.state = @"GSTDoctorApp";

[WXApi sendReq:req];

}

else {

[self setupAlertController];

}

}

#pragma mark - 設置彈出提示語

- (void)setupAlertController {

UIAlertController *alert = [UIAlertController alertControllerWithTitle:@"溫馨提示" message:@"請先安裝微信客戶端" preferredStyle:UIAlertControllerStyleAlert];

UIAlertAction *actionConfirm = [UIAlertAction actionWithTitle:@"確定" style:UIAlertActionStyleDefault handler:nil];

[alert addAction:actionConfirm];

[self presentViewController:alert animated:YES completion:nil];

}

當有access_token和openID時輸出:

**請求****reAccess****的****response = {**

**? ? "access_token" = "OezXcEiiBSKSxW0eoylIeK3BOTSVaRovFSXb5oysH6dewFfLsQRgU3fphSLkKkhOokra9H-JMZuB5nPoM-Iy5YbFeA1nKMRYCbL0fj_s46oFKOluGoRUY8jyTdrdDiiFdgS2fxgo5odEtpnpFk3EXA";**

**? ? "expires_in" = 7200;**

**? ? openid = oXskgs62CJGFhFX05dSjy9Sjw2KA;**

**? ? "refresh_token" = "OezXcEiiBSKSxW0eoylIeK3BOTSVaRovFSXb5oysH6dewFfLsQRgU3fphSLkKkhOOWPTKGEjUtuiueutxRjKOlHGZ9b9ogc3KMbibu4eKc4yTMGzSZayjYPmwQ-c4RJE1RzMLrqvjUWgB5roFnjykw";**

**? ? scope = "snsapi_base,snsapi_userinfo,";**

**}**

刷新access_token有效期:

access_token是調用授權關系接口的調用憑證,由于access_token有效期(目前為2個小時)較短,當access_token超時后,可以使用refresh_token進行刷新,access_token刷新結果有兩種:

1. 若access_token已超時,那么進行refresh_token會獲取一個新的access_token,新的超時時間;

2. 若access_token未超時,那么進行refresh_token不會改變access_token,但超時時間會刷新,相當于續期access_token。

refresh_token擁有較長的有效期(30天),當refresh_token失效的后,需要用戶重新授權。

讓AppDelegate遵守協議,并實現協議方法onResp:

,我們在該方法中接收請求回來的數據,如下:

//授權后回調

/*

http請求方式:GET

// 根據響應結果中的code獲取access_token(要用到申請時得到的AppID和AppSecret)

https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code

正確返回

{

"access_token":"ACCESS_TOKEN",

"expires_in":7200,

"refresh_token":"REFRESH_TOKEN",

"openid":"OPENID",

"scope":"SCOPE",

"unionid":"o6_bmasdasdsad6_2sgVt7hMZOPfL"

}

錯誤返回樣例

{"errcode":40029,"errmsg":"invalid code"}

ErrCode ERR_OK = 0(用戶同意)

ERR_AUTH_DENIED = -4(用戶拒絕授權)

ERR_USER_CANCEL = -2(用戶取消)

code? ? 用戶換取access_token的code,僅在ErrCode為0時有效

state? 第三方程序發送時用來標識其請求的唯一性的標志,由第三方程序調用sendReq時傳入,由微信終端回傳,state字符串長度不能超過1K

lang? ? 微信客戶端當前語言

country 微信用戶當前國家信息

*/

-(void)showLoginController:(BOOL)shouldAnimation

{

LoginViewController *loginController=[[LoginViewController alloc]initWithNibName:@"LoginViewController" bundle:nil];

loginController.requestForUserInfoBlock = ^() {

[[AppDelegate sharedInstance] wechatLoginByRequestForUserInfo];

};

BaseNavigationController *baseNavController=[[BaseNavigationController alloc]initWithRootViewController:loginController];

[kAppDelegate.window.rootViewController presentViewController:baseNavController animated:shouldAnimation completion:NULL];

}

// 授權后回調

// AppDelegate.m

- (void)onResp:(BaseResp *)resp {

// 向微信請求授權后,得到響應結果

if ([resp isKindOfClass:[SendAuthResp class]]) {

SendAuthResp *temp = (SendAuthResp *)resp;

AFHTTPRequestOperationManager *manager = [AFHTTPRequestOperationManager manager];

NSString *accessUrlStr = [NSString stringWithFormat:@"%@/oauth2/access_token?appid=%@&secret=%@&code=%@&grant_type=authorization_code", WX_BASE_URL, WXPatient_App_ID, WXPatient_App_Secret, temp.code];

[manager GET:accessUrlStr parameters:nil success:^(AFHTTPRequestOperation *operation, id responseObject) {

NSLog(@"請求access的response = %@", responseObject);

NSDictionary *accessDict = [NSDictionary dictionaryWithDictionary:responseObject];

NSString *accessToken = [accessDict objectForKey:WX_ACCESS_TOKEN];

NSString *openID = [accessDict objectForKey:WX_OPEN_ID];

NSString *refreshToken = [accessDict objectForKey:WX_REFRESH_TOKEN];

// 本地持久化,以便access_token的使用、刷新或者持續

if (accessToken && ![accessToken isEqualToString:@""] && openID && ![openID isEqualToString:@""]) {

[[NSUserDefaults standardUserDefaults] setObject:accessToken forKey:WX_ACCESS_TOKEN];

[[NSUserDefaults standardUserDefaults] setObject:openID forKey:WX_OPEN_ID];

[[NSUserDefaults standardUserDefaults] setObject:refreshToken forKey:WX_REFRESH_TOKEN];

[[NSUserDefaults standardUserDefaults] synchronize]; // 命令直接同步到文件里,來避免數據的丟失

}

[self wechatLoginByRequestForUserInfo];

} failure:^(AFHTTPRequestOperation *operation, NSError *error) {

NSLog(@"獲取access_token時出錯 = %@", error);

}];

}

}

9、通過code獲取access_token

通過上一步獲取的code后,請求以下鏈接獲取access_token:

https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code

相關代碼上面實現onResp:方法,接收返回的響應。

參數說明

參數? ? ? ? ? 是否必須? ? ? ? 說明

appid? ? ? ? ? 是? ? ? ? ? ? 應用唯一標識,在微信開放平臺提交應用審核通過后獲得

secret? ? ? ? ? 是? ? ? ? ? ? 應用密鑰AppSecret,在微信開放平臺提交應用審核通過后獲得

code? ? ? ? ? ? 是? ? ? ? ? ? 填寫第一步獲取的code參數

grant_type? ? ? 是? ? ? ? ? ? 填authorization_code

返回說明

{

"access_token":"ACCESS_TOKEN", // 接口調用憑證

"expires_in":7200, // access_token接口調用憑證超時時間,單位(秒)

"refresh_token":"REFRESH_TOKEN", // 用戶刷新access_token

"openid":"OPENID",? // 授權用戶唯一標識

"scope":"SCOPE", // 用戶授權的作用域,使用逗號(,)分隔

"unionid":"o6_bmasdasdsad6_2sgVt7hMZOPfL" // 只有在用戶將公眾號綁定到微信開放平臺帳號后,才會出現該字段

}

錯誤返回樣例:

{"errcode":40029,"errmsg":"invalid code"}

10、獲取用戶個人信息(UnionID機制)

http請求方式:GET

https://api.weixin.qq.com/sns/userinfo?access_token=ACCESS_TOKEN&openid=OPENID

// AppDelegate.m

// 獲取用戶個人信息(UnionID機制)

- (void)wechatLoginByRequestForUserInfo {

AFHTTPRequestOperationManager *manager = [AFHTTPRequestOperationManager manager];

NSString *accessToken = [[NSUserDefaults standardUserDefaults] objectForKey:WX_ACCESS_TOKEN];

NSString *openID = [[NSUserDefaults standardUserDefaults] objectForKey:WX_OPEN_ID];

NSString *userUrlStr = [NSString stringWithFormat:@"%@/userinfo?access_token=%@&openid=%@", WX_BASE_URL, accessToken, openID];

// 請求用戶數據

[manager GET:userUrlStr parameters:nil success:^(AFHTTPRequestOperation *operation, id responseObject) {

NSLog(@"請求用戶信息的response = %@", responseObject);

// NSMutableDictionary *userDict = [NSMutableDictionary dictionaryWithDictionary:responseObject];

} failure:^(AFHTTPRequestOperation *operation, NSError *error) {

NSLog(@"獲取用戶信息時出錯 = %@", error);

}];

}

返回的Json結果:

返回的Json結果

{

"openid":"OPENID",

"nickname":"NICKNAME",

"sex":1,

"province":"PROVINCE",

"city":"CITY",

"country":"COUNTRY",

"headimgurl": "http://wx.qlogo.cn/mmopen/g3MonUZtNHkdmzicIlibx6iaFqAc56vxLSUfpb6n5WKSYVY0ChQKkiaJSgQ1dZuTOgvLLrhJbERQQ4eMsv84eavHiaiceqxibJxCfHe/0",

"privilege":[

"PRIVILEGE1",

"PRIVILEGE2"

],

"unionid": " o6_bmasdasdsad6_2sgVt7hMZOPfL"

}

返回錯誤的Json事例

{

"errcode":40003,"errmsg":"invalid openid"

}

11、最后

做到上面一步就應該得到返回微信的基本信息,然后根據你公司后臺的基本需求去實現授權后如何登錄App.

資料:

// access_token openid refresh_token unionid

#define WXDoctor_App_ID @"wxd1931d4a0e462***"? // 注冊微信時的AppID

#define WXDoctor_App_Secret @"d0dd6b58da42cbc4f4b715c70e65c***" // 注冊時得到的AppSecret

#define WXPatient_App_ID @"wxbd02bfeea4292***"

#define WXPatient_App_Secret @"4a788217f363358276309ab655707***"

#define WX_ACCESS_TOKEN @"access_token"

#define WX_OPEN_ID @"openid"

#define WX_REFRESH_TOKEN @"refresh_token"

#define WX_UNION_ID @"unionid"

#define WX_BASE_URL @"https://api.weixin.qq.com/sns"

12.這是我司需求的做法:

WechatUserRegistAndLogin.jpg

1.首先獲取到微信的openID,然后通過openID去后臺數據庫查詢該微信的openID有沒有綁定好的手機號.

2.如果沒有綁定,首相第一步就是將微信用戶的頭像、昵稱等等基本信息添加到數據庫;然后通過手機獲取驗證碼;最后綁定手機號。然后就登錄App.

3.如果有,那么后臺就返回一個手機號,然后通過手機登錄App.

作者:EvenCoder

鏈接:http://www.lxweimin.com/p/0c3df308bcb3

來源:簡書

著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,428評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,024評論 3 413
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,285評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,548評論 1 307
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,328評論 6 404
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 54,878評論 1 321
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 42,971評論 3 439
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,098評論 0 286
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,616評論 1 331
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,554評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,725評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,243評論 5 355
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 43,971評論 3 345
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,361評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,613評論 1 280
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,339評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,695評論 2 370

推薦閱讀更多精彩內容