微信小程序> 【微信小程序】web-view不支持打开非业务域名请重新配置

【微信小程序】web-view不支持打开非业务域名请重新配置

浏览量:1602 时间: 来源:happydecai

小程序现在日渐成熟,功能也越来越强大,我们今天来一起看看小程序跳转H5页面的问题。 
小程序组件中有一个web-view,是一个可以用来承载网页的容器,会自动铺满整个小程序页面。 
注意:个人类型与海外类型的小程序暂不支持使用。 
好的,我们直接上代码,然后再进行讲解。

wxml1:<view class="tiaoH51">   <navigator url="pageH5" class="papaa">     点击跳转到H5页面   </navigator> </view>wxml2:<view class="container">  <view class="pageH5">    <web-view src="https://www.baidu.com/"></web-view>  </view></view> 

ok,没有任何废代码,但是可能有的小伙伴有疑问了,为什么一个跳转需要两个页面的wxml呢?别着急,且听我娓娓道来~


  1.首先,web-view组件的属性src,正如你说看到的,这个就是设置网页链接的,但是需要特别注意的是web-view的src必须配置https协议的链接; 
  2.其次,就是web-view组件只要配置了链接,它是铺满全屏且自动跳转的,所以这也就是为什么我这边需要先写一个navigator按钮,自主操作之后再让它跳转的原因; 
  3.最后,web-view跳转的接口域名,需要配置在小程序开发设置的业务域名列表中。


平心而论小程序的坑确实是挺多的,我已经踩了好多了,但是感觉还在一直踩踩踩,那天我想不开了,我就来总结一片小程序坑集,哈哈哈哈……
--------------------- 
作者:码丫头-萍子 
来源:CSDN 
原文:https://blog.csdn.net/mytljp/article/details/81030687 
版权声明:本文为博主原创文章,转载请附上博文链接!

最近在一个项目中用到了小程序的新组建web-view,先来看看组件官方介绍,明显功能是承载html的网页
类似于Android的webview组件。

恍然大悟,需要已经认证的企业号和服务号才可以绑定小程序使用web-view;
于是转到了我们的服务号上进行设置,终于有了业务域名这个选项

下载txt格式的校验文件到配置目标服务器根目录下,配置成功;
再迁移个人测试环境的代码过去新的服务号小程序,顺利完成。
--------------------- 
作者:ruff1996 
来源:CSDN 
原文:https://blog.csdn.net/Ruffaim/article/details/78920990 
版权声明:本文为博主原创文章,转载请附上博文链接!

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎