不配置业务域名可以跳转外部链接?(超详细讲解)

webview详解

相信在使用uniapp开发小程序的过程中,很多朋友都遇到过使用<webview>跳转外部链接失败的问题?

web-view 是一个 web 浏览器组件,可以用来承载网页的容器,会自动铺满整个页面(nvue 使用需要手动指定宽高)。

各小程序平台,web-view 加载的 url 需要在后台配置域名白名单,包括内部再次 iframe 内嵌的其他 url 。

-------本数据来自uniapp官网

这段话的意思就是:想跳转成功就要配置域名白名单,在iframe 内嵌的其他 url 也会被检测到,从而阻止你的跳转。所以成功的前提是配置域名白名单

如何配置域名白名单?

想要利用webview跳转外部链接,就要配置相关业务域名,说白了就是你想要从小程序中跳转到别人的域名下进行浏览,就要经过别人的允许。

1.搜索“微信公众平台”,扫码选择登录相应的小程序。

 

 2.在“开发管理=>开发设置”中配置相关域名

微信小程序中分<服务器域名>和<业务域名>,配置相关业务域名后,可调用web-view组件在小程序中打开。

开发者登录小程序后台mp.weixin.qq.com,选择开发管理->开发设置->业务域名,点击新增,按照要求配置业务域名。目前小程序内嵌网页能力暂不开放给个人类型帐号小游戏帐号。

就是在注册小程序的时候选择个人类型帐号小游戏帐号,是无法调用webview的。

 

这里需要下载一个校验文件,并将此文件放在想要跳转域名的根目录下,并填写域名,点击保存(可以根据具体指引进行操作)。这样你就可以访问本域名,包括其子域名。 

配置好相关的业务域名,就可以利用webview实现跳转外链了!

不配置业务域名可以跳转外部链接吗?

经过查阅相关资料和进行相关测试,这是无法实现的,可能对于一些大神是可以实现的但是可能处理较为复杂,不适合一般人(我这种人)使用。哈哈哈,本次详解到这里就结束了,希望对你有所启发。

前端小白,不喜勿喷。

本人技术有限,欢迎提出改进意见。

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端李太白

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值