柚子快報激活碼778899分享：前端 小程序與H5頁面相互跳轉(zhuǎn)

http://yzkb.51969.com/

業(yè)務(wù)場景：A小程序在做業(yè)務(wù)時需要到B網(wǎng)站去做授權(quán)簽合同，簽完合同后需要從B網(wǎng)站回到A小程序

1、在A小程序端，使用web-view標(biāo)簽進(jìn)行網(wǎng)頁跳轉(zhuǎn)。web-view標(biāo)簽中還有其他屬性可參照：微信官方文檔web-view

index.wxml

index.js

onLoad: function (options) {

this.setData({

url: 'xxxxx?token=' + token,// 可在url后攜帶所需的參數(shù)

});

},

2、在B網(wǎng)站的H5端，引用jssdk，可使用sdk中提供的接口完成從H5頁面回到小程序的任意頁面。除了下面列舉的方法，可打開上方的官方文檔，還有一些其他方法可以使用。

// 引用相關(guān)js即可使用下方方法

// javascript

// 回到小程序的任意頁面，但不能是tabBar定義的頁面

wx.miniProgram.navigateTo({url: '/path/to/page'})

// 此方法只能回到tabBar定義的頁面，其他頁面無法用該方法實現(xiàn)跳轉(zhuǎn)

wx.miniProgram.switchTab({url: '/path/to/page'})

// 此方法是H5向小程序跳轉(zhuǎn)時攜帶參數(shù)

wx.miniProgram.postMessage({ data: 'foo' })

wx.miniProgram.postMessage({ data: {foo: 'bar'} })

3、在開發(fā)階段，使用微信開發(fā)者工具進(jìn)行開發(fā)版聯(lián)調(diào)時，可打開不校驗業(yè)務(wù)域名的校驗，實現(xiàn)跳轉(zhuǎn)完成聯(lián)調(diào)。使用體驗版小程序時，可點(diǎn)擊右上角三個點(diǎn)，選擇打開調(diào)試模式即可，這樣就不校驗業(yè)務(wù)域名了。

4、上線時需要在微信公眾平臺配置業(yè)務(wù)域名，即跳轉(zhuǎn)url的訪問域名。首先配置的域名一定是生產(chǎn)訪問的域名，不可帶有端口號，其次下載的校驗文件要放到B網(wǎng)站域名的根目錄下，若有問題可根據(jù)“具體指引”的鏈接進(jìn)行排查。

5、注意事項（開發(fā)中踩過的坑）：

第一、上面提到的B網(wǎng)站往A小程序跳轉(zhuǎn)的方法僅限于雙方互相跳轉(zhuǎn)，如果B網(wǎng)站單方面需要往A小程序跳的話，這種方法就不適用，而是需要在H5端配置需要跳轉(zhuǎn)的小程序的信息（wx.config）,這種跳轉(zhuǎn)要復(fù)雜一些，在這里不作說明。

第二、A小程序首先訪問了B網(wǎng)站，B網(wǎng)站又跳轉(zhuǎn)了C網(wǎng)站，如果只加B網(wǎng)站的域名，那么生產(chǎn)上也是有問題的，也需要配置C網(wǎng)站的業(yè)務(wù)域名才能訪問。（若B網(wǎng)站通過代理，可以不配置C網(wǎng)站的域名也可成功訪問，但是這部分本人做的，所以不清楚~~~）

第三、使用web-view標(biāo)簽跳轉(zhuǎn)的網(wǎng)頁也還屬于小程序范圍內(nèi)，所以可以對H5頁面進(jìn)行調(diào)試。

在微信開發(fā)在工具可點(diǎn)擊左下角“打開webview調(diào)試頁”按鈕進(jìn)行調(diào)試，在真機(jī)調(diào)試或體驗版下，可打開調(diào)試模式看到H5端的console 日志。

下方在文檔中的注意事項一定注意?。?！

柚子快報激活碼778899分享：前端 小程序與H5頁面相互跳轉(zhuǎn)

http://yzkb.51969.com/

推薦文章