前言:
小程序一步步的更新迭代,虽然踩坑不断,但是总体来说是越来越强大了,今天我们就来说一下小程序的web-view组件,相信很多有公司业务的朋友已经踩过坑了,但是由于web-view对个人类型的不支持,所以也有很多朋友没有办法上手,不过没关系,下面我就简单说一下,web-view究竟要怎么内嵌h5?又该如何配置呢?
### 首先简单介绍一下web-view,看过官方api的朋友可以自动忽略忽略,直接进入---配置步骤---即可
功能介绍
web-view 组件是一个可以用来承载网页的容器,会自动铺满整个小程序页面。
类似于Frame、Iframe、Frameset标记,只是对于目前来说,web-view还缺乏灵活性,不过相信很多人已经很满足了(如果非要吐槽,我只想说,web-view生不逢我的时啊...不提了,一把辛酸泪)
使用及后期配置限制问题
-
个人类型与海外类型的小程序暂不支持使用。
-
js-sdk接口限制(具体请参考 官方api )。
-
每个页面只能有一个。
-
最多可以添加20个业务域名。
-
一年只可修改50次业务域名。
web-view
示例代码
"h5地址链接">
配置步骤
1. 配置业务域名
2. 选择基础库
① --- 配置业务域名
② --- 选择基础库
"h5地址链接">
1. 配置业务域名
2. 选择基础库
① --- 配置业务域名
② --- 选择基础库
这一步是最简单的,但确实很多朋友最容易忽略的(咳咳...),开发者工具-->详情设置-->选择1.6.4及以上版本即可(目前只支持到1.6.4)。
总结:
以上说的就是web-view简单的配置流程,大部分的内容小程序的官方api都已经给出,这里只是把配置流程的步骤再进一步的详细化,变得更通俗一点,但是如果你需要在h5页面中做某些操作....
那就来看一下官方示例:快速通道
type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js"> script>
// javascript
wx.miniProgram.navigateTo({url: '/path/to/page'}) // 这里封装一下就可以跳转了...
(注:若遇到调试工具正常起跑web-view,手机微信打不开的情况,不要捉急,升级一下微信版本即可,实际项目中要做一下低版本的兼容。)
想了解更多关于微信小程序开发实例教程内容,可以点击阅读微信小程序开发教程。
第二部分:如何开通一个小商店
<以上资讯仅供参考,如果您需解决具体问题,建议您关注作者;如果有软件产品开发需求,可在线咨询加速度产品经理获取方案和报价>
****更多行业产品开发方案,请关注jsudo加速度 https://www.jsudo.com***
【加速度jsudo(www.jsudo.com)】是国内知名企业数字化建设提供商,为企业提供电商平台搭建(多种模式电商平台搭建:B2B/B2B2C/B2C/O2O/新零售等)、智慧园区建设、数字化营销、人才外包等服务,点击这里查看了解更多行业解决方案。