微信小程序開發之實現小程序中打開另一個小程序
微信小法式打開另一個小法式，本家兒要有兩種方式：1.超鏈接；2.點擊按鈕。這兩種方式的參數年夜致近似，也略有分歧，其實就跟超鏈接進行頁面跳轉和單擊事務進行頁面跳轉一樣。這里就具體介紹下這兩種跳轉的實現方式，并附帶利用開辟者東西進行調試的方式。
東西/原料
- 微信開辟者東西
全局設置裝備擺設
- 1
全局設置裝備擺設：
跳轉到其他小法式，需要在當前小法式全局設置裝備擺設中設置裝備擺設需要跳轉的小法式列表,代碼如下：
App.json
{
...
"navigateToMiniProgramAppIdList": [ "wxe5f52902cf4de896" ]
}
超鏈接實現跳轉到小法式
- 1
模板代碼編寫：
如圖，需要編寫跳轉小法式專用超鏈接并設置以下參數
<navigator target="miniProgram" open-type="navigate" app-id="wxdbcxxxxxxxx985f" path="pages/index/index?goods_id=201" extra-data="{{extraData}}" version="develop" bindsuccess="toMiniProgramSuccess">點擊超鏈接打開綁心猿意馬的小法式</navigator>
- 2
超鏈接體例相關參數設置申明：
1. extra-data必需為Object類型，可以在data中界說，然后模板中引用；
2. version可覺得空，以小法式當前情況為準。若是設置有值，則只在當前小法式為非正式版時有用。若是設置為develop,那么最好先用微信預覽最新編譯過的需要跳轉到的小法式，然后再掃碼預覽本來的小法式。否則的話跳轉到的小法式可能不是最新版；
3. bindsuccess回調事務在跳轉到小法式返回之后觸發，wx.navigateToMiniProgram Api則是在跳轉同時觸發。
- 3
營業邏輯處置：
界說跳轉小法式當作功回調函數，如圖
toMiniProgramSuccess(res){
wx.showToast({
title: '經由過程超鏈接跳轉其他小法式當作功返回了'
})
}
經由過程按鈕單擊事務實現
- 1
界說按鈕組件：
<button bindtap='navigateToMiniProgram'>點擊按鈕打開其他小法式</button>
- 2
界說跳轉到小法式的單擊事務，挪用wx.navigateToMiniProgramApi進行處置
- 3
相關參數申明：
關于wx.navigateToMiniProgramApi，本家兒要有以下下這些參數
方針小法式領受來歷小法式傳遞過來的參數
- 1
方針小法式可以在app.js的 App.onLaunch，App.onShow 中獲取到這份數據
- 2
開辟者東西調試被打開的小法式時辰準確的領受參數:
開辟者東西新建編譯模式,先選擇進入場景，輸入1037就能快速定位到從小法式進入這個選項，然后就會顯示設置appid及extraData的輸入框
- 3
輸出如下：
注重事項
- 尤其要注重extraData的格局，與來歷小法式中傳遞過來的格局都有點紛歧樣，請嚴酷參照下邊的代碼：{"from":"xxxxx"}
- navigateToMiniProgram Api需要用戶本家兒動觸發跳轉，且在跳轉至其他小法式前，將同一增添彈窗，扣問是否跳轉，用戶確認后才可以跳轉其他小法式。若是用戶點擊打消，則回調 fail cancel；
- 發表于 2018-11-21 00:00
- 閱讀 ( 699 )
- 分類：其他類型
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章