中涛营销

浅谈小程序Webview

2019-07-0560


小程序支持内嵌网页了!

在偶然的机会下,了解到了小程序支持内嵌网页,立马就百度了一下!果然,百度给出了很多搜索答案。

什么是webview?那就让本本以最通俗易懂的语言为你解读一下吧:你的网页,html写的网页,官网,网站,运行在浏览器上的,有域名的那种,可以内嵌到小程序里了!

官网文档解释是:承载网页的容器。会自动铺满整个小程序页面,个人类型的小程序暂不支持使用。客户端 6.7.2 版本开始,navigationStyle: custom 对 web-view 组件无效

web-view 有两个src,bindmessage两个属性,src用来告诉web-view显示的网页地址,bindmessage用来监听页面发送给小程序的消息。言外之意就是,小程序可以通过src属性借助url向web-view中的页面传递参数,而页面可以通过bindmessage向小程序传递数据,从而实现小程序和网页的通信。

废话不多说,先打开文档案例看看

<view class="page-body">
  <view class="page-section page-section-gap">
    <web-view src="https://m.baidu.com/"></web-view>
  </view>
</view>

不过域名必须是HTTPS加密的,也就是申请过SSL证书的。这只是测试的,正式版需要在后台配置业务域名。

限制说明

1)每个小程序帐号仅支持配置最多20个域名;

2)每个域名仅支持绑定最多20个小程序;

3)每个小程序一年内最多支持修改域名50次;

4)公众平台后台域名配置成功后,才可使用web-view组件。

看到这里大家应该想到web-view组件的缺点了吧,首先是获取openid,注定不能全部页面用web-view组件,其次还有支付问题等等,使用web-view组件以后,小程序就没有返回按钮了,所以只能在页面上写返回。