雖互不曾謀面,但希望能和您成為筆尖下的朋友

以讀書,技術,生活為主,偶爾撒點雞湯

不作,不敷衍,意在真誠吐露,用心分享

點擊左上方,可關注本刊

標星公眾號（ID：itclanCoder）

如果不知道如何操作

點擊這里,標星不迷路

前言

小程序與小程序之間互相可以跳轉,形成流量的循環(huán).在小程序中怎么實現(xiàn)的呢

小程序中提供了兩種方式實現(xiàn)小程序與小程序之間的跳轉

（掃碼進入我的頁面即可體驗小程序跳轉）

使用 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 就上面幾行代碼

使用標簽方式跳轉

如下是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,指定相應的參數(shù)就可以實現(xiàn)跳轉了的

提示

• 在模擬器中無法實現(xiàn)跳轉,請用真機掃碼預覽測試

• 無需聲明跳轉名單，不限跳轉數(shù)量（眾測中）

從 2020 年 4 月 24 日起，使用跳轉其他小程序功能將無需在全局配置中聲明跳轉名單，調用此接口時將不再校驗所跳轉的 AppID 是否在 navigateToMiniProgramAppIdList 中。

從 2020 年 4 月 24 日起，跳轉其他小程序將不再受數(shù)量限制，使用此功能時請注意遵守運營規(guī)范。

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

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

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

相關文檔

• 小程序 API 方式跳轉https://developers.weixin.qq.com/miniprogram/dev/api/open-api/miniprogram-navigate/wx.navigateToMiniProgram.html

• 小程序標簽方式跳轉https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html

---

公眾號（ID：itclanCoder）
碼能讓您早脫菜籍，文能讓您洗凈鉛華
  可能您還想看更多：
小程序-實現(xiàn)自定義動畫彈框/提示框
框架篇-Vue面試題5-怎么提高首屏渲染以及性能優(yōu)化

小程序-實現(xiàn)折疊面板-手風琴效果


小程序-實現(xiàn)怎么跳轉打開 H5 網頁鏈接(或跳轉至公眾號文章)小程序-實現(xiàn) tab-及多個列表選項切換
文章都看完了不點個在看嗎