快捷導(dǎo)航

微信小程序跳轉(zhuǎn)到其他網(wǎng)頁(外部鏈接)的實現(xiàn)方法

更新時間：2019年09月20日 14:12:45 作者：棋鬼王

這篇文章主要介紹了微信小程序跳轉(zhuǎn)到其他網(wǎng)頁(外部鏈接)的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

個人類型和海外類型的小程序不支持 web-view 標簽也就是說個人申請的小程序，就別想跳轉(zhuǎn)了?。。?！

1.開發(fā)的時候，我們難免碰到要跳轉(zhuǎn)到其他網(wǎng)頁中去那該怎么實現(xiàn)呢？

2.例如我想點擊一個按鈕，跳轉(zhuǎn)到百度（百度的網(wǎng)頁還是在小程序中打開）

3.wxml

1. index.wxml (按鈕頁面)

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

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

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

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

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

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

注意??！這是頂級注釋：請看第四條

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

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

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

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

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

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

5.index.js

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

6.效果圖