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

这篇具有很好参考价值的文章主要介绍了不配置业务域名可以跳转外部链接?(超详细讲解)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

到了这里,关于不配置业务域名可以跳转外部链接?(超详细讲解)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp跳转到外部链接

    2024年02月14日
    浏览(41)
  • 微信小程序跳转外部链接

    在开发小程序过程中,我们可能会有这样的需求,在小程序中打开H5或者外部链接 实现方法如下: 小程序管理后台——开发(开发管理)——开发设置:新增业务域名 在这里将你需要的外部链接域名配置完之后,再下载校验文件(校验文件需要放到 当前域名的根目录下 ) 开发者

    2024年02月09日
    浏览(44)
  • uniapp 小程序 跳转到外部链接

    场景 :点击“积分列表”中的“积分兑换”,需要跳转到三方的“积分商城”链接进行兑换,兑换完成后,跳回小程序“积分列表”。 结论 :无法离开小程序,跳转到其他地址。只能通过web-view内嵌的形式,将三方链接内嵌进小程序。 参数传递方式 :拼接到src上 ,web-vie

    2024年02月11日
    浏览(77)
  • VUE跳转外部链接和网页的方法

    1、有时我们在轮播图中会遇到点击图片进项跳转到第三方网站 2、或者拿到后端返回的url中要进行跳转 直接使用 1.window.location.href = 链接地址 2.window.open(a,b) a:外部链接 ,b:打开方式(“_blank”新开一个窗口;“_self”覆盖当前窗口) 但是我们发现这样打开有时会出现一个很大

    2024年02月11日
    浏览(44)
  • uniapp开发小程序:使用webview 跳转外部链接

    ①先在自己uniapp项目pages.json中建一个页面webview.vue ②页面webview.vue中的全部代码如下: ③在需要操作的页面,通过点击事件触发跳转 tips:如果链接地址不是https的,可能会出现页面无法跳转的问题:需要通过一下步骤去配置一下: https://smartprogram.baidu.com/docs/develop/component/op

    2024年02月07日
    浏览(36)
  • H5跳转微信小程序,通过获取URL Scheme,实现短信跳转小程序,微信跳转小程序,邮件跳转小程序,外部链接跳转小程序

    H5链接跳转小程序有2种方式: 第一种:通过微信官方提供的标签wx-open-launch-weapp,打开小程序 第二种:通过获取URL Scheme实现链接跳转小程序 官方文档https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html#21 注意: 开放范围:针对非个人主体小程序开放。 1、缺点 1)

    2024年02月13日
    浏览(63)
  • 微信小程序配置服务器域名和业务域名校验文件

    为方便开发,一般在使用开发者工具-本地设置中会勾选\\\"不校验合法域名、业务域名及HTTPS证书\\\"。 开发完成后需使用微信公众平台登录小程序账号完成域名配置。 配置服务器域名 开发 - 开发管理 - 开发设置 - 服务器域名 配置成功后可以在微信开发者工具 - 右上角详情 - 项目

    2024年02月15日
    浏览(39)
  • uniapp 发布h5前端项目时因chunk-vendors过大导致首屏加载太慢以及跳转外部链接

    安装插件 compression-webpack-plugin 安装webpack 新建web.config.js

    2024年02月11日
    浏览(34)
  • 小程序出现未配置非业务域名,怎么解决

    1.到开发者工具找到开发配置,看到webview(业务域名)  2.点击下载检验文件,里面会出现一个txt文件,将这个txt文件和业务域名https://www.xxx.com一起传给后端,让后端将文件部署在业务域名里,然后我们重新将https://www.xxx.com填进域名配置里就可以使用了

    2024年02月13日
    浏览(34)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包