從蘋果官方微信號 微信公共平臺 發布的文章 《小程序支持打開移動應用》 來看,小程序新增了兩個功能:
針對第二個功能,就是開發者可以自定義小程序菜單欄的顏色風格,根據需求,對小程序菜單外的標題區域進行自定義,比如設置標題區域的顏色。這里主要介紹一下支持打開移動應用的功能。 支持打開移動應用乍一看其實有點標題黨的行為,支持打開移動應用? 讓我想到的是我可以用小程序打開任何移動應用?(答案是不能) 那我是不是可以打開自己的App?(答案是有限制性地打開) 是不是可以打開系統自帶的瀏覽器?(答案是不能) 是不是可以打開第三方的移動應用呢?(答案也是不能) 其實,小程序打開移動應用有一條硬性要求: 從移動應用分享至小程序的頁面,用戶訪問時支持打開來源應用。 接下來進一步解讀一下這條要求。 大部分程序都有微信分享功能,我們常做的就是將一個圖片、一段文字亦或是一個URL鏈接進行分享,可以分享給好友(包括群)、朋友圈或者是添加到個人收藏,如下:
我們還可以分享小程序,如圖:
上面是一個搶票軟件(智行)分享到微信的一個小程序,好友可以點擊小程序幫忙加速。按照官方文章的說法,分享到微信的小程序里面如果有一個按鈕,實現如下: <buttonopen-type="launchApp"app-parameter="wechat"binderror="launchAppError">打開APP</button> 那么當點擊此按鈕時,就會打開源App。在其他情況下是無法打開的,這里給出了一張能否打開移動APP的圖解:
這里小程序給出一個場景值概念,只有場景值為1036(還有個狀態值true或false,它決定是否能夠打開APP。場景值為1036, 在小程序的生命周期內,這個狀態的初始值為 false,之后會隨著小程序的每次打開(無論是啟動還是切到前臺)而改變: 1.當小程序從 1036(App 分享消息卡片) 打開時,該狀態置為 true。 2.當小程序從 1089(微信聊天主界面下拉)或 1090(長按小程序右上角菜單喚出最近使用歷史)的場景打開時,該狀態不變,即保持上一次打開小程序時該狀態的值。 3.當小程序從非 1036/1089/1090 的場景打開,該狀態置為 false。
針對第二條,1089和1090那個,我的理解是小程序類似于移動APP,它并沒有關閉,而是在后臺,所以1089和1090打開小程序 以上便是對小程序打開移動應用的介紹,接下來看一下具體代碼實現。 代碼實現分享小程序打開移動應用(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。 微信公眾平臺放的是小程序。 那官方所說的屬于同一微信開放平臺賬號就不是一個賬號下既有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直接打開小程序方向邁進, |