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实现跳转外链了!
不配置业务域名可以跳转外部链接吗?
经过查阅相关资料和进行相关测试,这是无法实现的,可能对于一些大神是可以实现的但是可能处理较为复杂,不适合一般人(我这种人)使用。哈哈哈,本次详解到这里就结束了,希望对你有所启发。
前端小白,不喜勿喷。文章来源:https://www.toymoban.com/news/detail-512612.html
本人技术有限,欢迎提出改进意见。文章来源地址https://www.toymoban.com/news/detail-512612.html
到了这里,关于不配置业务域名可以跳转外部链接?(超详细讲解)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!