怎么在微信小程序中跳轉(zhuǎn)到其他網(wǎng)頁(yè)

這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)?lái)有關(guān)怎么在微信小程序中跳轉(zhuǎn)到其他網(wǎng)頁(yè)，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

1. index.wxml   (按鈕頁(yè)面)

<view class='wrapper'>
 <button class='wepay' bindtap='goBaidu'>點(diǎn)擊跳轉(zhuǎn)</button>
 </view>

2.out.wxml  (百度頁(yè)面)，

<web-view src="https://www.baidu.com/"></web-view>
//放心你沒(méi)有看錯(cuò)就這么一行就行了
//把你要跳轉(zhuǎn)的界面用src 就可以了，以后要跳轉(zhuǎn)到哪，src里面地址就寫(xiě)哪！

3.別忘了，要在app.json中配置一下路由，

"pages":[
 "pages/a/a",
 "pages/b/b"
 ],

電腦上是可以跳轉(zhuǎn)的，體驗(yàn)版的話，在手機(jī)上是不好使的，除非你已經(jīng)在小程序后臺(tái)完成了配置域名，但是?。。?！

注意?。∵@是頂級(jí)注釋：請(qǐng)看第四條

4.需要配置業(yè)務(wù)域名并上傳驗(yàn)證文件：

4.1校驗(yàn)文件需要放在你要跳轉(zhuǎn)到的網(wǎng)站的根目錄下面才可以?。?！也就是說(shuō)你想跳轉(zhuǎn)到別人網(wǎng)站網(wǎng)頁(yè)里面 需要得到別人的同意！！

那比如這個(gè)跳轉(zhuǎn)到www.baidu.com 就是行不通的了，只能是自己在開(kāi)發(fā)的時(shí)候玩玩（在開(kāi)發(fā)者工具中點(diǎn)設(shè)置-項(xiàng)目設(shè)置-在不校驗(yàn)合法域名、web-view（業(yè)務(wù)域名）、TLS 版本以及 HTTPS 證書(shū) 前面打上對(duì)勾），在正式發(fā)布時(shí)候肯定是行不通的?。?！

4.2那你想跳轉(zhuǎn)到自己的網(wǎng)站中就需要配置域名、下載校驗(yàn)文件了??！再次強(qiáng)調(diào) 個(gè)人類型與海外類型的小程序暫不支持使用web-view

進(jìn)入到小程序后臺(tái) https://developers.weixin.qq.com   設(shè)置-開(kāi)發(fā)設(shè)置 -業(yè)務(wù)域名

4.3web-view 的 src可以是可打開(kāi)關(guān)聯(lián)的公眾號(hào)的文章地址! （打開(kāi)公眾號(hào)這塊也是個(gè)坑）

5.index.js

goBaidu:function(){
 wx.navigateTo({
  url:'../out/out', //
  success:function() {
 
  },  //成功后的回調(diào)；
  fail:function() { },   //失敗后的回調(diào)；
  complete:function() { }  //結(jié)束后的回調(diào)(成功，失敗都會(huì)執(zhí)行)
 })

上述就是小編為大家分享的怎么在微信小程序中跳轉(zhuǎn)到其他網(wǎng)頁(yè)了，如果剛好有類似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道。