首页 > 微信 > 详细

小程序中打开嵌入外部链接的方法

时间:2020-03-02 10:28:44      阅读:376      评论:0      收藏:0      [点我收藏+]

  开发的时候,我们难免碰到要跳转到其他网页中去的需求。例如我想点击一个按钮,跳转到百度(百度的网页还是在小程序中打开),这又该怎么实现呢?

 

  • 跳转页面(即从这里向外跳的页面,就是‘from’)
<button @click="toBaidu" >跳转至百度</button>

  

  • 跳转至页面(即跳至这里,就是‘to’)

  只需要在页面中加入下面这个组件就可以了,该组件渲染时会自动占据整个页面,所以连样式都不用写

<web-view src="https://www.baidu.com"></web-view>

  这样就跳转至百度了(需要在开发者工具中点设置-项目设置-在不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书 前面打上对勾)。

           技术分享图片                           技术分享图片

 

  • 需要配置业务域名并上传验证文件

  校验文件需要放在要跳转到的网站的根目录下面才可以,也就是说想跳转至第三方链接需要经过第三方的同意。比如上面例子中跳转到www.baidu.com 就行不通,只能是自己在开发的时候练练手,在正式发布时候肯定是不可以的。

  另有一点需要说明:个人类型与海外类型的小程序暂不支持使用web-view

 

小程序中打开嵌入外部链接的方法

原文:https://www.cnblogs.com/belongs-to-qinghua/p/12393415.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!