微信小程序跳转外部链接 小程序怎么在浏览器打开

小程序开发

2021-05-05

    最近在开发项目的时候,看到用户提的需求,需要通过微信小程序直接跳转外部链接,由于之前没怎么接触过,后面查了许多文档,包括微信开放社区的资料,终于把思路理清,今天厦门在乎科技为大家带来微信小程序跳转外部链接方法,一起来了解一下吧。

微信小程序跳转外部链接 小程序怎么在浏览器打开

    微信小程序跳转外部链接:

    首先个人类型和海外类型的小程序不支持web-view标签,即主体为个人的小程序,不支持跳转外部链接。

    1.开发的时候,我们难免碰到要跳转到其他网页中去那该怎么实现呢?

    2.例如我想点击一个按钮,跳转到百度(百度的网页还是在小程序中打开)

    3.wxml

    index.wxml(按钮页面)

    <view>

    <buttonbindtap='goBaidu'>点击跳转</button>

    </view>

    out.wxml(百度页面)

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

    //放心你没有看错就这么一行就行了

    //把你要跳转的界面用src就可以了,以后要跳转到哪,src里面地址就写哪

    别忘了,要在app.json中配置一下路由

    "pages":[

    "pages/a/a",

    "pages/b/b"

    ],

微信小程序跳转外部链接 小程序怎么在浏览器打开

    4.需要配置业务域名并上传验证文件:

    4.1校验文件需要放在你要跳转到的网站的根目录下面才可以,也就是说你想跳转到别人网站网页里面需要得到别人的同意。

    那比如这个跳转到www.baidu.com就是行不通的了,只能是自己在开发的时候玩玩(在开发者工具中点设置-项目设置-在不校验合法域名、web-view(业务域名)、TLS版本以及HTTPS证书前面打上对勾),在正式发布时候肯定是行不通的。

    4.2那你想跳转到自己的网站中就需要配置域名、下载校验文件了,进入到小程序后台,设置-开发设置-业务域名

    4.3web-view的src可以是可打开关联的公众号的文章地址!

    5.index.js

    goBaidu:function(){

    wx.navigateTo({

    url:'../out/out',//

    success:function(){

    },//成功后的回调;

    fail:function(){},//失败后的回调;

    complete:function(){}//结束后的回调(成功,失败都会执行)

    })

微信小程序跳转外部链接 小程序怎么在浏览器打开

    以上就是今天为大家带来的关于“微信小程序跳转外部链接小程序怎么在浏览器打开”全部内容,整体来说,难度不是很大,还是要强调一下,个人类型与海外类型的小程序暂不支持使用web-view,所以我们需要注意小程序的主体类型,想要了解更多关于微信小程序开发的内容,欢迎关注厦门在乎科技-专注小程序、app、网站开发

即刻联系「在乎科技」专业项目经理为您提供产品咨询和项目报价!

立即咨询

CONTACT US

联系我们

联系电话:

131-6399-9993

电子邮箱:

公司地址:

厦门市思明区湖滨南路388号国贸大厦34D单元

公司地址