开发微信小程序时,有时会需要在小程序内打开网页链接,这时就需要用到 WEB-view 标签。web-view 是小程序上用来承载网页的容器,且每个页面只能有一个 web-view,它会自动铺满整个页面,并覆盖其他组件。目前
开发微信小程序时,有时会需要在小程序内打开网页链接,这时就需要用到 WEB-view 标签。web-view 是小程序上用来承载网页的容器,且每个页面只能有一个 web-view,它会自动铺满整个页面,并覆盖其他组件。目前个人类型的小程序上不支持使用。
在小程序上打开的网页链接地址大致可以分为两种类型:
web-view 跳转外部网页链接需要配置业务域名,外部网页内 iframe 的域名也需要配置。配置小程序业务域名的方法可以参考业务域名 | 微信开放文档,配置好业务域名后,可以打开任意合法的子域名。大致配置流程如下:
扫码登录微信公众平台;
2、开发管理 —— 开发设置 —— 业务域名 进行添加、修改;
3、配置完业务域名后,还需要下载校验文件(步骤2中第四张图的红色框部分),并将校验文件放置在域名根目录下(让后端去操作)。这一步相当于是让对方授权你能打开他的网页,比如要在你的小程序中打开百度,就需要百度去把这个校验文件放到他的域名根目录下得到他的授权;
设置业务域名时,报检查校验怎见石板,可以参考业务域名设置--校验文件检查失败自查指引 | 微信开放社区进行自查。
web-view 可以直接打开小程序已关联的公众号文章,无法打开未关联公众号的文章链接。在公众号上申请关联小程序,具体操作详见公众号关联小程序绑定流程 | 微信开放社区。
公众号上关联小程序成功后,可以在小程序后台查看已关联的公众号:
扫码登录微信公众平台(同上);
在左侧最底下的 设置 —— 关联设置 ——关联公众号 查看。
使用 web-view 时,有时会出现无法打开链接的情况:
这里总结之前碰到过的情况及大致的解决方法:
打不开某个外部网页链接:
打不开公众号文章:检查小程序是否已关联该公众号
外部网页链接、公众号文章链接在开发工具、体验版上可以打开,正式版上不行:
来源地址:https://blog.csdn.net/m0_60312580/article/details/130357549
--结束END--
本文标题: 微信小程序web-view使用说明,及链接打不开问题
本文链接: https://www.lsjlt.com/news/392318.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-21
2023-10-28
2023-10-28
2023-10-27
2023-10-27
2023-10-27
2023-10-27
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0