返回

专注连锁门店会员营销管理系统

线上+线下+进销存+收银+会员
HiShop > Hi小程序 > 小程序开发 > 官方文档 >

微信小程序快速接入微信web-view控件

2018-04-27 作者:秩名


微信web-view控件是微信同意接入的一个新控件,那么要怎么操作快速接入微信web-view控件

微信小程序快速接入微信web-view控件

  • 小程序内嵌网页
  • 小程序可关联500个公众号 内嵌网页的支持使微信从单个App成为名符其实的平台更近了一步,赶紧来尝鲜下,web-view 官方文档地址
一,更新<微信开发者工具>至最新版

由于web-view 组件是由基础库 1.6.4 开始支持,而在当前<微信开发者工具>版本点击右侧'详情'按钮可以看到仅支持到1.5.4:

微信小程序快速接入微信web-view控件
 
方法a: 工具直接更新
微信小程序快速接入微信web-view控件
 
微信小程序快速接入微信web-view控件
 
方法b:直接下载开发者工具最新版替换旧版本App,推荐该方法,第一种方式一般要等10分钟左右,还不一定成功,替换后:
微信小程序快速接入微信web-view控件
 
二,配置业务域名(也就是访问的白名单)

a:开发者登录小程序后台mp.weixin.qq.com,选择设置-开发设置-业务域名,新增配置域名模块

微信小程序快速接入微信web-view控件
 
第一次添加需要下载校验文件至你的服务器指定目录,不进行该操作是无法添加域名的(这就要求你的网站要支持https) b:添加域名https://passport.newgame.com,成功后如下:
微信小程序快速接入微信web-view控件
B9A00B7A-0E67-4C8B-BF49-0452175CA176.jpeg
三,新建测试页面wxml,使用web-view控件,并设置src地址为上面配置的域名:
这里会自动铺满整个页面,并覆盖其他组件。所以无需其他代码
四,大功告成
微信小程序快速接入微信web-view控件
常见问题:
微信小程序快速接入微信web-view控件
 

出现该错误就是说web-view里面访问的域名没有成功配置,建议检查步骤三

 


线上+线下+进销存+收银+会员门店零售管理好帮手

  • 极速收银管理

    门店能实现快速收银,提升门店经营效率。

  • 进销存管理

    系统自带进销存管理,更好管理库存销售。

  • 软硬件一体化

    配备收银硬件一站式整体服务。

收 银 会员管理 库存管理 商品管理 交接班 数据报表 营销促单 售后处理 多种收款

获取报价

推荐文章

门店系统 获取报价 立即咨询 免费试用