微信小程序和H5頁(yè)面間相互跳轉(zhuǎn)的示例分析

這篇文章主要為大家展示了“微信小程序和H5頁(yè)面間相互跳轉(zhuǎn)的示例分析”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“微信小程序和H5頁(yè)面間相互跳轉(zhuǎn)的示例分析”這篇文章吧。

1.微信小程序跳轉(zhuǎn)小程序 wx.navigateToMiniProgram

// 小程序跳轉(zhuǎn)
/*
* appId	string	是	要打開(kāi)的小程序 appId	
* path	string	否	打開(kāi)的頁(yè)面路徑，如果為空則打開(kāi)首頁(yè)	
* extraData	object	否	需要傳遞給目標(biāo)小程序的數(shù)據(jù)，目標(biāo)小程序可在 App.onLaunch，App.onShow 中獲取到這份數(shù)據(jù)。	
* envVersion	string	release	否	要打開(kāi)的小程序版本。僅在當(dāng)前小程序?yàn)殚_(kāi)發(fā)版或體驗(yàn)版時(shí)此參數(shù)有效。如果當(dāng)前小程序是正式版，則打開(kāi)的小程序必定是正式版。 (develop 開(kāi)發(fā)板 trial 體驗(yàn)版 release正式版)	
* success	function	否	接口調(diào)用成功的回調(diào)函數(shù)	
* fail	function	否	接口調(diào)用失敗的回調(diào)函數(shù)	
* complete	function	否	接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會(huì)執(zhí)行）
*/
navigateToMiniProgram(mAppId)
{
　　wx.navigateToMiniProgram({
　　　　appId: mAppId,
　　　　path: 'page/index/index?id=123',
　　　　extraData: {
　　　　　　foo: 'bar'
　　　　},
　　　　envVersion: 'release',
　　　　success(res) {
　　　　// 打開(kāi)成功
　　　　ret_handler(res);
　　　　},
　　　　fail(res) {
　　　　}
　　})
},

2.h6跳轉(zhuǎn)到小程序wx.miniProgram.navigateTo

// 點(diǎn)擊立即體驗(yàn)跳轉(zhuǎn)到小程序
$('.experience').click(function () {
　　wx.miniProgram.navigateTo({
　　　　url: '/pages/index/index',
　　});
})

以上是“微信小程序和H5頁(yè)面間相互跳轉(zhuǎn)的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！