小程式支援開啟行動裝置 App到底是怎麼回事？

標籤：做了   github   關聯   實現   功能   版本   返回   顏色   perror   

前言

從蘋果官方號公用平台發布的文章《小程式支援開啟行動裝置 App》來看，小程式新增了兩個功能：

1. 支援開啟行動裝置 App
   
2. 標題列地區開放自訂

針對第二個功能，就是開發人員可以自訂小程式功能表列的顏色風格，根據需求，對小程式菜單外的標題區進行自訂，比如設定標題區的顏色。這裡主要介紹一下支援開啟行動裝置 App的功能。

支援開啟行動裝置 App

乍一看其實有點標題黨的行為，支援開啟行動裝置 App？
讓我想到的是我可以用小程式開啟任何行動裝置 App？（答案是不能）
那我是不是可以開啟自己的App？（答案是有限制性地開啟）
是不是可以開啟系統內建的瀏覽器？（答案是不能）
是不是可以開啟第三方的行動裝置 App呢？（答案也是不能）

其實，小程式開啟行動裝置 App有一條硬性要求：從行動裝置 App分享至小程式的頁面，使用者訪問時支援開啟來源應用。接下來進一步解讀一下這條要求。

大部分程式都有分享功能，我們常做的就是將一個圖片、一段文字亦或是一個URL連結進行分享，可以分享給好友（包括群）、朋友圈或者是添加到個人收藏，如下：

我們還可以分享小程式，

上面是一個搶票軟體（智行）分享到的一個小程式，好友可以點擊小程式幫忙加速。按照官方文章的說法，分享到的小程式裡面如果有一個按鈕，實現如下：

<button open-type="launchApp" app-parameter="wechat" binderror="launchAppError">開啟APP</button>

那麼當點擊此按鈕時，就會開啟源App。在其他情況下是無法開啟的，這裡給出了一張能否開啟移動APP的圖解：

這裡小程式給出一個情境值概念，只有情境值為1036（還有個狀態值true或false，它決定是否能夠開啟APP。情境值為1036，狀態值為true）的小程式，才能夠開啟源APP，即小程式不能開啟任何App，只能跳回分享小程式卡片的APP。官方文檔也對這個標識做瞭解釋：

在小程式的生命週期內，這個狀態的初始值為 false，之後會隨著小程式的每次開啟（無論是啟動還是切到前台）而改變：
1.當小程式從 1036（App 分享訊息卡片） 開啟時，該狀態置為 true。
2.當小程式從 1089（聊天主介面下拉）或 1090（長按小程式右上方菜單喚出最近使用曆史）的情境開啟時，該狀態不變，即保持上一次開啟小程式時該狀態的值。
3.當小程式從非 1036/1089/1090 的情境開啟，該狀態置為 false。

針對第二條，1089和1090那個，我的理解是小程式類似於移動APP，它並沒有關閉，而是在後台，所以1089和1090開啟小程式只是把小程式喚到前台，所以小程式狀態不變。狀態如果為true，也可以開啟移動APP。
以上便是對小程式開啟行動裝置 App的介紹，接下來看一下具體代碼實現。

代碼實現分享小程式開啟行動裝置 App（iOS版本，Android類似）

首先要做的就是建立一個工程，然後整合分享，具體如何整合可以參見官網整合文檔，整合之後，在頁面添加一個按鈕，觸發實現如下：

- (IBAction)openSmallProgramAction:(id)sender {    //分享小程式的實現    WXMiniProgramObject *wxMiniObject = [WXMiniProgramObject object];    wxMiniObject.userName = @"gh_*************";    wxMiniObject.path = @"pages/index/index";    //    WXMediaMessage *message = [WXMediaMessage message];    message.title = @"我是小程式";    message.description = @"我是用來測試開啟App的小程式";    message.mediaObject = wxMiniObject;        SendMessageToWXReq *req = [[SendMessageToWXReq alloc] init];    req.message = message;    req.scene = WXSceneSession;    [WXApi sendReq:req];   //原來做分享的實現//    SendMessageToWXReq *req = [[SendMessageToWXReq alloc] init];//    req.text = @"分享的內容";//    req.bText = YES;//    req.scene = WXSceneSession;//    [WXApi sendReq:req];}

這裡是所有的App都可以用上面的實現方式分享小程式麼嗎？答案是否定的。看官方文檔的說法：

行動裝置 App分享功能支援小程式類型分享，要求發起分享的APP與小程式屬於同一開放平台帳號。支援分享小程式類型訊息至好友會話，不支援“分享至朋友圈”及“收藏”。

也就是說小程式分享是有限制的：

1. 發起分享的App與小程式屬於同一開放平台帳號
   
2. 只支援分享小程式類型訊息至好友會話（SendMessageToWXReq的scence只支援WXSceneSession）

經過測試，一個帳號不能同時註冊開放平台和公眾平台。也就是說：如果你的帳號註冊了開放平台，那麼該帳號就不能再次註冊公眾平台。

開放平台放的是移動APP。
公眾平台放的是小程式。

那官方所說的屬於同一開放平台帳號就不是一個帳號下既有APP又有小程式（因為小程式是在公眾平台開發的）。開啟開放平台頁面之後，第一條就好理解了：


如果你想要在移動APP內分享小程式，你必須在該APP所在的開放平台帳號下綁定小程式，這樣才可以在APP中實現小程式分享。這就是官方所說的APP和小程式屬於同一開放平台帳號。
那麼APP怎麼知道分享哪個小程式的？ 或者說APP是怎麼和小程式關聯的呢？
這就要看上面的那段代碼（前提是你把小程式和APP放到了同一開放平台帳號下），其中有一行：

wxMiniObject.userName = @"gh_*************";

該userName就是小程式的userName，你可以登入公眾號平台|小程式，然後在設定--->基本設定中查看，裡面有個原始id，就是小程式的userName。
這樣你就將APP的分享和小程式關聯起來了。
還有一個問題：分享的小程式如何開啟指定的頁面呢？
這就要看另一行代碼：

wxMiniObject.path = @"pages/index/index";

你需要設定一下小程式的path，這個path的頁面就是你點擊分享的小程式開啟的頁面。這裡看一張小程式開發工具的圖：

pages所指的就是頁面，例如的pages檔案夾包含了detail和index和logs三個頁面，其中：
index：指代的是信用卡列表頁。
detail：指代的是點擊列表某個item進入的詳情頁。
logs：日誌頁面
所以如果你想跳轉到詳情頁，那麼你在設定wxMiniObject的path時就應該寫成“pages/detail/detail”。這樣就實現了點擊分享的小程式進入指定的頁面了（如果頁面需要參數你也要在分享時傳過去）。

wxml：相當於html
wxss：相當於css
這裡其實是小程式自己定義了尾碼。

這個時候你分享的小程式情境值為1036，且狀態為true，如果此時你小程式裡面有open-type為“launchApp”的button，點擊button你就會跳回你的移動APP啦。如果想給APP回傳內容，可以設定app-parameter。就像這個小按鈕：

<button open-type="launchApp" app-parameter="wechat" binderror="launchAppError">開啟APP</button>

到此，我想你應該大概瞭解小程式支援開啟行動裝置 App到底是怎麼回事了。

總結

小程式並不是支援開啟所有移動APP，就算是同一個開放平台帳號下面的移動APP和小程式，小程式也不一定可以開啟，具體還要看情境。

展望

小程式支援跳轉移動APP是很大的進步，在小程式以後的進一步完善中，它應該會朝著APP直接開啟小程式方向邁進，而不僅僅是通過分享開啟小程式。未來我們也許會實現點擊移動APP裡面的某個按鈕直接開啟某個小程式，然後在小程式操作完成之後再次返回到移動APP。（例如支付，可以從移動APP跳轉到小程式進行支付，支付成功後直接返回移動APP）

附參考

1.小程式支援開啟行動裝置 App
2.launchApp(OBJECT)

注

轉載請註明出處：http://www.cnblogs.com/zhanggui/p/8365169.html

小程式支援開啟行動裝置 App到底是怎麼回事？