微信小程序web-view无法打开该页面不支持打开的解决方法

 更新时间:2023年01月06日 09:09:42   作者:顽皮宝  
小程序现在日渐成熟,功能也越来越强大,我们今天来一起看看小程序跳转的问题,下面这篇文章主要给大家介绍了关于微信小程序web-view无法打开该页面不支持打开的解决方法,需要的朋友可以参考下

本文相关文献:
https://developers.weixin.qq.com/community/develop/doc/00084a350b426099ab46e0e1a50004?%2Fblogdetail%3Faction=get_post_info

问题:

小程序开发时遇到了一个问题

我在正式上线版小程序使用 web-view 组件测试时提示:“无法打开该页面,不支持打开 https://xxxxxx,请在“小程序右上角更多->反馈与投诉”中和开发者反馈。”

奇怪的是,“真机调试”、“开发模式”都可以使用 web-view 组件访问我需要的路径。只有“体验版”、“线上版本”会出现这个错误提示。

原因:

企业主体的微信小程序,配置业务域名后,才能支持跳转任意外部链接。(需要跳转到哪个外部链接,就将那个链接配置为业务域名。)

解决:

如果你也遇到了这样的问题:

微信小程序如何配置业务域名

(1)从微信公众平台,登录微信小程序的帐号。

(2)登录后,进入【设置-第三方设置-第三方平台授权管理】中,取消所有第三方平台的授权。

(3)然后进入【开发-开发设置-业务域名】中,开始配置业务域名。(配置业务域名需小程序管理员扫码验证)

(4)输入需要跳转的域名,然后点击下载校验文件,并将文件放置在需要跳转的域名的根目录下。

注意:业务域名(即需要跳转的域名)需经过ICP备案,新备案域名需24小时后才可配置。域名格式只支持英文大小写字母、数字及“-”,不支持IP地址。

(5)校验文件放置好后,点击保存按钮。校验成功后,输入的域名就会显示在业务域名中了,这就表示业务域名配置成功了。

(6)业务域名配置成功后,重新将微信小程序帐号授权给轻应用小程序,然后就可以在轻应用小程序内设置跳转到外部链接(即配置成功的业务域名)。

请添加图片描述

请添加图片描述

配置业务域名详细操作

按照指引下载文件。

请添加图片描述

请点击下载效验文件

这时候会给一个 txt 文件,我们需要把 txt 文件交给后端,让后端配置服务器,直到能通过域名直接访问该 txt 文件

举例:如果想保存的业务为 https://test.com/ ,下载下来的校验文件为 AbC.txt ,则需要确保 https://test.com/AbC.txt 能够访问。

具体规则可以查看具体指引,有详细的要求,按照要求配置。

配置完毕

配置好后就可以在线上模式,通过web-view组件访问到url咯~

总结

到此这篇关于微信小程序web-view无法打开该页面不支持打开解决的文章就介绍到这了,更多相关微信小程序web-view无法打开该页面内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JavaScript开发中需要搞懂的字符编码总结

    JavaScript开发中需要搞懂的字符编码总结

    字符集就是字符的集合,字符编码则代表字符集的实际编码规则,是用于计算机解析字符的。本文为大家整理了JavaScript开发中需要搞懂的字符编码,希望对大家有所帮助
    2023-02-02
  • Javascript实现真实字符串剩余字数提示的实例代码

    Javascript实现真实字符串剩余字数提示的实例代码

    这篇文章介绍了Javascript实现真实字符串剩余字数提示的实例代码,有需要的朋友可以参考一下
    2013-10-10
  • JavaScript中常见的继承方式总结

    JavaScript中常见的继承方式总结

    这篇文章主要和大家详细介绍了JavaScript中常见的几种继承方式,文中的示例代码讲解详细,对我们学习JavaScript有一定帮助,需要的小伙伴可以参考下面文章详细内容
    2022-11-11
  • 每天一篇javascript学习小结(面向对象编程)

    每天一篇javascript学习小结(面向对象编程)

    这篇文章主要介绍了javascript中的面向对象编程知识点,对面向对象编程进行概述,以及各种方法进行整理,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • Bootstrap进度条组件知识详解

    Bootstrap进度条组件知识详解

    在网页中,经常见到进度条效果,那么这些个性的进度条组件效果是怎么实现的呢,下面脚本之家小编给大家分享Bootstrap进度条组件知识详解,感兴趣的朋友要求学习吧
    2016-05-05
  • js 禁用只读文本框获得焦点时的退格键

    js 禁用只读文本框获得焦点时的退格键

    发现只读文本框有一个缺陷,当鼠标焦点在文本框里面的时候按回退键(backSpace), 会退回到前一个页面
    2010-04-04
  • 比较常见的javascript中定义函数的区别

    比较常见的javascript中定义函数的区别

    js定义函数有好多种,但是他们之间的区别,大家都了解吗,接下来,小编通过本文给大家介绍比较常见的js中定义函数的区别,对本文感兴趣的朋友一起看看吧
    2015-11-11
  • 使用fileReader的一个坑及解决

    使用fileReader的一个坑及解决

    这篇文章主要介绍了使用fileReader的一个坑及解决,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2021-12-12
  • 一起来写段JS drag拖动代码

    一起来写段JS drag拖动代码

    记得几年前刚接触前端的时候,觉得能在网页上拖移元素是一件很爽的事,能写一段这样的代码是件很了不起的事情,于是乎google,baidu蛮多代码来学习,大致明白了思路,总结如下
    2010-12-12
  • webpack-cli在webpack打包中的作用小结

    webpack-cli在webpack打包中的作用小结

    webpack 是打包代码时依赖的核心内容,而 webpack-cli 是一个用来在命令行中运行 webpack 的工具,那么webpack-cli在webpack打包中的作用是什么,本文就详细的介绍一下,感兴趣的可以了解一下
    2022-04-04

最新评论