ios 應用之間的跳轉

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。



    設置App-B的URL Schemes

  3. 在應用程序App-A中添加一個用來點擊跳轉的Button,並監聽點擊事件,添加跳轉代碼。


    添加跳轉按鈕
    - (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(@"沒有安裝");
       }
    }
  4. 如果是iOS9之前的模擬器或是真機,那麼在相同的模擬器中先後運行App-B、App-A,點擊按鈕,就可以實現跳轉了。

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

    • iOS9引入了白名單的概念。

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

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


添加LSApplicationQueriesSchemes數組,然後添加鍵值爲AppB的字符串

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

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

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

具體如何做呢?

  1. 首先我們先來爲App-B搭建兩個頁面Page1Page2。這裏用導航控制器Push兩個ViewController,通過Storyboard Segue設置兩個ViewController的標識符綁定,分別爲"homeToPage1"和"homeToPage2"。


    搭建兩個頁面Page1Page2

    設置Page1ViewController的標識符
  2. 在應用程序App-A中添加兩個用來點擊跳轉的Button,一個跳轉到Page1,一個跳轉到Page2,並監聽點擊事件,添加跳轉代碼。



添加兩個跳轉頁面按鈕

- (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;
}

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

  2. 我們根據傳遞來的數據,進行反跳回去。

    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。


添加Page1和Page2的頁面控制器Page1ViewController和Page2ViewController
2. 實現步驟
  1. 在App-A中修改傳遞的URL。

    • 分別修改爲:@"AppB://?AppA"@"AppB://Page1?AppA"@"AppB://Page2?AppA"

  2. 在App-B的主控制器ViewController中增加一條屬性@property (nonatomic, copy) NSString *urlString;,並在App-B中通過AppDelegate中保存完整的URL。

  3. 在將要跳轉的頁面控制器Page1ViewController和Page2ViewController中定義一個屬性@property (nonatomic, copy) NSString *urlString;,用於接受、截取出跳轉回的應用(即App-A)的URL Schemes,執行跳轉。

  4. 重寫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;
       }
    }
  5. 在對應界面控制器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];
       }
    }


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