iOS 開發:一步步教你徹底學會『iOS應用間相互跳轉』

本文首發於我的個人博客:『不羈閣』 https://bujige.net
文章鏈接:https://bujige.net/blog/iOS-Application-jump.html

這篇文章通過一步步指導,教你徹底學會『iOS應用間相互跳轉』問題。文末有Github的學習Demo。

1. 應用間相互跳轉簡介

在iOS開發的過程中,我們經常會遇到需要從一個應用程序A跳轉到另一個應用程序B的場景。這就需要我們掌握iOS應用程序之間的相互跳轉知識。

下面來看看我們在開發過程中遇到的應用場景。

2. 應用間相互跳轉應用場景

  1. 使用第三方用戶登錄,跳轉到需授權的App。如QQ登錄,微信登錄等。
    • 需要用戶授權,還需要"返回到調用的程序,同時返回授權的用戶名、密碼"。
  2. 應用程序推廣,跳轉到另一個應用程序(本機已經安裝),或者跳轉到iTunes並顯示應用程序下載頁面(本機沒有安裝)。
  3. 第三方支付,跳轉到第三方支付App,如支付寶支付,微信支付。
  4. 內容分享,跳轉到分享App的對應頁面,如分享給微信好友、分享給微信朋友圈、分享到微博。
  5. 顯示位置、地圖導航,跳轉到地圖應用。
  6. 使用系統內置程序,跳轉到打電話、發短信、發郵件、Safari打開網頁等內置App中。

那麼我們如何實現應用間的相互跳轉呢?先來看下原理。

3. 應用間相互跳轉實現原理

在iOS中打開一個應用程序只需要拿到這個應用程序的協議頭即可,所以我們只需配置應用程序的協議頭即可。

假設有應用A應用B兩個應用,現在需要從應用A跳轉到應用B中。

  • 原理:通過設置跳轉到應用B的URL Schemes(自定義的協議頭),應用B將其自身“綁定”到一個自定義URL Schemes上,就可以從應用A中利用應用B的URL Schemes啓動應用B了。

具體怎麼做呢,下面一步步來教你,先來個簡單點的:從應用A跳轉到應用B。

4. 應用A跳轉到應用B

  1. 首先我們用Xcode創建兩個iOS應用程序項目,項目名稱分別爲App-A、App-B。
  2. 選擇項目App-B -> TARGETS -> Info -> URL Types -> URL Schemes,設置App-B的URL Schemes爲AppB。

     
     
    1877784-f621398f16a06a5f.png
    設置App-B的URL Schemes
  3. 在應用程序App-A中添加一個用來點擊跳轉的Button,並監聽點擊事件,添加跳轉代碼。

     
     
    1877784-87372b714aa681ad.png
    添加跳轉按鈕
- (IBAction)jumpToAppB:(id)sender {
    // 1.獲取應用程序App-B的URL Scheme
    NSURL *appBUrl = [NSURL URLWithString:@"AppB://"];

    // 2.判斷手機中是否安裝了對應程序
    if ([[UIApplication sharedApplication] canOpenURL:appBUrl]) {
        // 3. 打開應用程序App-B
        [[UIApplication sharedApplication] openURL:appBUrl];
    } else {
        NSLog(@"沒有安裝");
    }
}
  1. 如果是iOS9之前的模擬器或是真機,那麼在相同的模擬器中先後運行App-B、App-A,點擊按鈕,就可以實現跳轉了。

  2. 如果是iOS9之後的模擬器或是真機,那麼則需要再在應用程序App-A中將App-B的URL Schemes添加到白名單中,原因和做法如下。

  • iOS9引入了白名單的概念。
  • 在iOS9中,如果使用 canOpenURL:方法,該方法所涉及到的 URL Schemes 必須在"Info.plist"中將它們列爲白名單,否則不能使用。key叫做LSApplicationQueriesSchemes ,鍵值內容是對應應用程序的URL Schemes。

具體做法就是在App-A的Info文件中,添加LSApplicationQueriesSchemes數組,然後添加鍵值爲AppB的字符串。

 
1877784-5bf4dd0f0a5095cf.png
添加LSApplicationQueriesSchemes數組,然後添加鍵值爲AppB的字符串

添加白名單之後在相同的模擬器中先後運行App-B、App-A,點擊按鈕,就可以實現跳轉了。

具體效果如下圖所示。

 
1877784-a47d2ee8ca2e8b55.gif
App-A跳轉到App-B

下邊學習以下從應用A跳轉到應用B的特定界面。

5. 應用A跳轉到應用B的特定界面

很多時候,我們做應用程序之間的跳轉並不只是跳轉到其他程序就可以了,而是要跳轉到其他程序的特定頁面上。比如我們在瀏覽網頁時,會有分享到微信朋友圈或是分享給微信朋友,這就需要跳轉到微信朋友圈界面或是微信朋友選擇界面。

具體如何做呢?

  1. 首先我們先來爲App-B搭建兩個頁面Page1Page2。這裏用導航控制器Push兩個ViewController,通過Storyboard Segue設置兩個ViewController的標識符綁定,分別爲"homeToPage1"和"homeToPage2"。
 
1877784-10c9f942f107be1e.png
搭建兩個頁面`Page1`和`Page2`
 
1877784-6bbaa79ff2880cbf.png
設置Page1ViewController的標識符
  1. 在應用程序App-A中添加兩個用來點擊跳轉的Button,一個跳轉到Page1,一個跳轉到Page2,並監聽點擊事件,添加跳轉代碼。
 
1877784-b1d06f6b6a2569ec.png
添加兩個跳轉頁面按鈕
- (IBAction)jumpToAppBPage1:(id)sender {
    // 1.獲取應用程序App-B的Page1頁面的URL
    NSURL *appBUrl = [NSURL URLWithString:@"AppB://Page1"];

    // 2.判斷手機中是否安裝了對應程序
    if ([[UIApplication sharedApplication] canOpenURL:appBUrl]) {
        // 3. 打開應用程序App-B的Page1頁面
        [[UIApplication sharedApplication] openURL:appBUrl];
    } else {
        NSLog(@"沒有安裝");
    }
}

- (IBAction)jumpToAppBPage2:(id)sender {
    // 1.獲取應用程序App-B的Page2頁面的URL
    NSURL *appBUrl = [NSURL URLWithString:@"AppB://Page2"];

    // 2.判斷手機中是否安裝了對應程序
    if ([[UIApplication sharedApplication] canOpenURL:appBUrl]) {
        // 3. 打開應用程序App-B的Page2頁面
        [[UIApplication sharedApplication] openURL:appBUrl];
    } else {
        NSLog(@"沒有安裝");
    }
}

3.在應用App-B中通過AppDelegate監聽跳轉,進行判斷,執行不同頁面的跳轉

- (BOOL)application:(UIApplication *)application openURL:(NSURL *)url sourceApplication:(NSString *)sourceApplication annotation:(id)annotation
{
    // 1.獲取導航欄控制器
    UINavigationController *rootNav = (UINavigationController *)self.window.rootViewController;
    // 2.獲得主控制器
    ViewController *mainVc = [rootNav.childViewControllers firstObject];

    // 3.每次跳轉前必須是在跟控制器(細節)
    [rootNav popToRootViewControllerAnimated:NO];   

    // 4.根據字符串關鍵字來跳轉到不同頁面
    if ([url.absoluteString containsString:@"Page1"]) { // 跳轉到應用App-B的Page1頁面
        // 根據segue標示進行跳轉
        [mainVc performSegueWithIdentifier:@"homeToPage1" sender:nil];
    } else if ([url.absoluteString containsString:@"Page2"]) { // 跳轉到應用App-B的Page2頁面
        // 根據segue標示進行跳轉
        [mainVc performSegueWithIdentifier:@"homeToPage2" sender:nil];
    }   

    return YES;
}

具體效果如下:

 
1877784-a98dd43ca22f2190.gif
App-A跳轉到App-B的特定界面

6.從應用B跳轉回應用A

1. 步驟分析:

  1. 我們想要從應用B再跳轉回應用A,那麼在跳轉到應用B的時候,還應將應用A的URL Schemes傳遞過來。這樣我們才能判斷應該跳轉回哪個應用程序。
  • 這樣我們指定一個傳遞URL的規則:協議頭://應用B的URL Schemes?應用A的URL Schemes。即:AppB://Page1?AppA
  • 說明:
    • AppB是跳轉過來的應用App-B的URL Schemes;
    • Page1是用來區別跳轉頁面的標識;
    • ? 是分割符;
    • AppA是跳轉回的應用App-A的URL Schemes
  1. 我們根據傳遞來的數據,進行反跳回去。
    1. 之前我們在應用App-B中通過AppDelegate執行不同頁面的跳轉。在對應方法中我們可以拿到完整的URL,在主控制器ViewController中設定一個屬性,將該URL保存在主控制器中。
    2. 在主控制器中我們可以通過- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender;方法獲取將要跳轉的頁面控制器。
    3. 在將要跳轉的頁面控制器中定義一個屬性,用於接受、截取出跳轉回的應用(即App-A)的URL Schemes,執行跳轉。

2. 具體步驟:

1. 準備步驟:

  1. 因爲我們想要跳轉回應用A,首先我們要先設置應用App-A的URL Schemes,將其設置爲AppA。同時在應用App-B中添加白名單。具體操作和之前相似。
  2. 在App-B項目中的Page1和Page2兩個頁面各添加一個Button,用於跳轉回App-A。同時添加Page1和Page2的頁面控制器Page1ViewController和Page2ViewController。
 
1877784-88b1f315262b92e2.png
添加Page1和Page2的頁面控制器Page1ViewController和Page2ViewController

2. 實現步驟

  1. 在App-A中修改傳遞的URL。
  • 分別修改爲:@"AppB://?AppA"@"AppB://Page1?AppA"@"AppB://Page2?AppA"
  1. 在App-B的主控制器ViewController中增加一條屬性@property (nonatomic, copy) NSString *urlString;,並在App-B中通過AppDelegate中保存完整的URL。
  2. 在將要跳轉的頁面控制器Page1ViewController和Page2ViewController中定義一個屬性@property (nonatomic, copy) NSString *urlString;,用於接受、截取出跳轉回的應用(即App-A)的URL Schemes,執行跳轉。
  3. 重寫App-B的主控制器的- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender方法。
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender
{
    if ([segue.identifier isEqualToString:@"homeToPage1"]) {
        // 獲得將要跳轉的界面Page1的控制器
        Page1ViewController *Page1Vc = segue.destinationViewController;
        // 保存完整的App-A的URL給跳轉界面Page1
        Page1Vc.urlString = self.urlString;
    } else if ([segue.identifier isEqualToString:@"homeToPage2"]) {
        // 獲得將要跳轉的界面Page2的控制器
        Page2ViewController *Page2Vc = segue.destinationViewController;
        // 保存完整的App-A的URL給跳轉界面Page1
        Page2Vc.urlString = self.urlString;
    }
}
  1. 在對應界面控制器Page1ViewController和Page2ViewController中實現跳轉代碼
    - Page1ViewController.m
- (IBAction)page1BackToAppA:(id)sender {
    // 1.拿到對應應用程序的URL Scheme
    NSString *urlSchemeString = [[self.urlString componentsSeparatedByString:@"?"] lastObject];
    NSString *urlString = [urlSchemeString stringByAppendingString:@"://"];

    // 2.獲取對應應用程序的URL
    NSURL *url = [NSURL URLWithString:urlString];

    // 3.判斷是否可以打開
    if ([[UIApplication sharedApplication] canOpenURL:url]) {
        [[UIApplication sharedApplication] openURL:url];
    }
}

- Page2ViewController.m

- (IBAction)page2BackToAppA:(id)sender {
    // 1.拿到對應應用程序的URL Scheme
    NSString *urlSchemeString = [[self.urlString componentsSeparatedByString:@"?"] lastObject];
    NSString *urlString = [urlSchemeString stringByAppendingString:@"://"];

    // 2.獲取對應應用程序的URL
    NSURL *url = [NSURL URLWithString:urlString];

    // 3.判斷是否可以打開
    if ([[UIApplication sharedApplication] canOpenURL:url]) {
        [[UIApplication sharedApplication] openURL:url];
    }
}

具體效果如下:

 
1877784-3e0e78fc33cf0416.gif
App-B跳轉回App-A

還不太明白可參考下我的Github上Demo地址:YSC-AppAJumpToAppB

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章