微信小程序跳轉(zhuǎn)到其他網(wǎng)頁(yè)(外部鏈接)的實(shí)現(xiàn)方法
個(gè)人類(lèi)型和海外類(lèi)型的小程序不支持 web-view 標(biāo)簽 也就是說(shuō)個(gè)人申請(qǐng)的小程序,就別想跳轉(zhuǎn)了!!??!
1.開(kāi)發(fā)的時(shí)候,我們難免碰到要跳轉(zhuǎn)到其他網(wǎng)頁(yè)中去那該怎么實(shí)現(xiàn)呢?
2.例如我想點(diǎn)擊一個(gè)按鈕,跳轉(zhuǎn)到百度(百度的網(wǎng)頁(yè)還是在小程序中打開(kāi))
3.wxml
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è)人類(lèi)型與海外類(lèi)型的小程序暫不支持使用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í)行) })
6.效果圖
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript版TAB選項(xiàng)卡效果實(shí)例
tab選項(xiàng)卡效果就是當(dāng)我指上或經(jīng)過(guò)時(shí)就會(huì)顯示這個(gè)選項(xiàng)卡下面的內(nèi)容,下面我來(lái)給大家介紹一款純js實(shí)現(xiàn)的TAB選項(xiàng)卡效果,有需要的朋友可以參考一下2013-08-08javascript中的offsetWidth、clientWidth、innerWidth及相關(guān)屬性方法
這篇文章主要介紹了javascript中的offsetWidth、clientWidth、innerWidth及相關(guān)屬性方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05js實(shí)現(xiàn)頭像上傳并且可預(yù)覽提交
這篇文章主要介紹了js如何實(shí)現(xiàn)頭像上傳并且可預(yù)覽提交,幫助大家更好的理解和使用js,感興趣的朋友可以了解下2020-12-12JS實(shí)現(xiàn)點(diǎn)擊顏色塊切換指定區(qū)域背景顏色的方法
這篇文章主要介紹了JS實(shí)現(xiàn)點(diǎn)擊顏色塊切換指定區(qū)域背景顏色的方法,涉及javascript操作cookie及背景色的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02小程序點(diǎn)贊收藏功能的實(shí)現(xiàn)代碼示例
這篇文章主要介紹了小程序點(diǎn)贊收藏功能的實(shí)現(xiàn)代碼示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-09javascript實(shí)現(xiàn)確定和取消提示框效果
這篇文章主要介紹了javascript實(shí)現(xiàn)確定和取消提示框效果的方法以及示例代碼分享,有需要的小伙伴可以參考下。2015-07-07JavaScript控制網(wǎng)頁(yè)層收起和展開(kāi)效果的方法
這篇文章主要介紹了JavaScript控制網(wǎng)頁(yè)層收起和展開(kāi)效果的方法,涉及javascript操作網(wǎng)頁(yè)元素動(dòng)態(tài)效果的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04