微信小程序跳转到其他网页(外部链接)公众号等的实现方法
個人類型和海外類型的小程序不支持 web-view 標(biāo)簽? 也就是說個人申請的小程序,就別想跳轉(zhuǎn)了!!!!
1.開發(fā)的時候,我們難免碰到要跳轉(zhuǎn)到其他網(wǎng)頁中去那該怎么實(shí)現(xiàn)呢?
2.例如我想點(diǎn)擊一個按鈕,跳轉(zhuǎn)到百度(百度的網(wǎng)頁還是在小程序中打開)?
3.wxml
1. index.wxml? ?(按鈕頁面)
<view class='wrapper'><button class='wepay' bindtap='goBaidu'>點(diǎn)擊跳轉(zhuǎn)</button></view>2.out.wxml? (百度頁面),
<web-view src="https://www.baidu.com/"></web-view> //放心你沒有看錯就這么一行就行了 //把你要跳轉(zhuǎn)的界面用src 就可以了,以后要跳轉(zhuǎn)到哪,src里面地址就寫哪! //必須是https的3.別忘了,要在app.json中配置一下路由,
"pages":["pages/webview1/webview1"],//提示 也可在tabBar下設(shè)置跳轉(zhuǎn)。 "tabBar": {"color": "#6e6d6b","selectedColor": "#fd4a5f","borderStyle": "black","backgroundColor": "#ffffff","list": [{"pagePath": "pages/webview1/webview1","text": "跳轉(zhuǎn)名字","iconPath": "images/ydsq.png","selectedIconPath": "images/ydsq-active.png"},電腦上是可以跳轉(zhuǎn)的,體驗(yàn)版的話,在手機(jī)上是不好使的,除非你已經(jīng)在小程序后臺完成了配置域名,但是!!!!
注意!!這是頂級注釋:請看第四條
4.需要配置業(yè)務(wù)域名并上傳驗(yàn)證文件:
4.1校驗(yàn)文件需要放在你要跳轉(zhuǎn)到的網(wǎng)站的根目錄下面才可以!!!也就是說你想跳轉(zhuǎn)到別人網(wǎng)站網(wǎng)頁里面 需要得到別人的同意!!
那比如這個跳轉(zhuǎn)到www.baidu.com 就是行不通的了,只能是自己在開發(fā)的時候玩玩(在開發(fā)者工具中點(diǎn)設(shè)置-項(xiàng)目設(shè)置-在不校驗(yàn)合法域名、web-view(業(yè)務(wù)域名)、TLS 版本以及 HTTPS 證書 前面打上對勾),在正式發(fā)布時候肯定是行不通的!!!
4.2那你想跳轉(zhuǎn)到自己的網(wǎng)站中就需要配置域名、下載校驗(yàn)文件了!!再次強(qiáng)調(diào)?個人類型與海外類型的小程序暫不支持使用web-view
進(jìn)入到小程序后臺?https://developers.weixin.qq.com? ?設(shè)置-開發(fā)設(shè)置 -業(yè)務(wù)域名
5.index.js 對標(biāo) 1
goBaidu:function(){wx.navigateTo({url:'../out/out', //success:function() {}, //成功后的回調(diào);fail:function() { }, //失敗后的回調(diào);complete:function() { } //結(jié)束后的回調(diào)(成功,失敗都會執(zhí)行)})6.效果圖
?
轉(zhuǎn)自:https://blog.csdn.net/qq_32113629/article/details/79483213
總結(jié)
以上是生活随笔為你收集整理的微信小程序跳转到其他网页(外部链接)公众号等的实现方法的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: php在图片上绘制汉字之imageTtf
- 下一篇: 炖汤放盐放多少?