前言

小程式與小程式之間互相可以跳轉,形成流量的迴圈.在小程式中怎麼實現的呢

小程式中提供了兩種方式實現小程式與小程式之間的跳轉

方式1-使用 API 方式跳轉

如下示例程式碼所示

<<view class="container">
 <view bindtap="onJumpMin">開啟跳轉到其他小程式方式1</view>
</view>

如下是邏輯程式碼

onJumpMin() {
  wx.navigateToMiniProgram({
   appId: 'wx9fbad659d526c9bc',// 需要跳轉到指定的小程式appid
   path: 'pages/home/home',// 開啟的頁面
   envVersion: 'release',success(res) {
    // 開啟成功
    console.log(res);
   }
  })
 }

使用小程式跳轉的 API 就上面幾行程式碼

方式2-使用標籤方式跳轉

如下是wxml程式碼

<view>
 <navigator
  target="miniProgram"
  open-type="navigate"
  app-id="wx66d9cf3762c49a1a"
  path="pages/index/index"
  version="release"
  >開啟繫結的小程式</navigator
 >
</view>

使用標籤的方式跳轉,非常簡單,只需要在wxml中使用target,open-type,app-id,path,指定相應的引數就可以實現跳轉了的

提示

• 在模擬器中無法實現跳轉,請用真機掃碼預覽測試
• 無需宣告跳轉名單，不限跳轉數量（眾測中）

從 2020 年 4 月 24 日起，使用跳轉其他小程式功能將無需在全域性配置中宣告跳轉名單，呼叫此介面時將不再校驗所跳轉的 AppID 是否在 navigateToMiniProgramAppIdList 中。

從 2020 年 4 月 24 日起，跳轉其他小程式將不再受數量限制，使用此功能時請注意遵守運營規範。

在老版本小程式中,是需要在app.json全域性配置中設定白名單,如下所示

"navigateToMiniProgramAppIdList": [
  "wx9fbad659d526c9bc","wx66d9cf3762c49a1a"
 ],

小程式與小程式之前的跳轉沒有進行數量限制,無疑是想提高小程式與小程式之間流量互轉,增加小程式的活躍度,但還是要注意小程式跳轉的運營規範,避免觸雷

相關文件

• 小程式 API 方式跳轉
• 小程式標籤方式跳轉

總結

到此這篇關於如何實現小程式與小程式之間的跳轉的文章就介紹到這了,更多相關小程式與小程式的跳轉內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們！