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

—— 2018 ——

04/27

00:00

来源：

作者：未知

栏目：小程序开发

2018/4/27 0:00:00 来源：不详作者：未知

微信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里面访问的域名没有成功配置，建议检查步骤三

【本站声明】
1、本站文章中所选用的图片及文字来源于网络以及用户投稿，由于未联系到知识产权人或未发现有关知识产权的登记，如有知识产权人并不愿意我们使用，如果有侵权请立即联系。
2、本网站不对文章中所涉及的内容真实性、准确性、可靠性负责，仅系客观性描述，如您需要了解该类商品/服务详细的资讯，请您直接与该类商品/服务的提供者联系。

KESION 科汛软件
KESION 科汛软件是国内领先的在线教育软件及私域社交电商软件服务提供商，长期专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。
公司核心产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化独立部署品牌网校和在线教育咨询等。
KESION 不断通过技术创新，提供产品和服务，助力企业向数字化转型，通过科技驱动商业革新，让商业变得更智慧！

▼点击进入科汛官网了解更多

热门标签

微信小程序 SaaS

上/下篇

小程序从本地选择图片或使用相机拍照功能

小程序从本地相册选择图片或使用相机拍照功能，不仅仅是图片小程序需要的功能，很多小程序也会用到这个功能，那么要如何实现呢...

SaaS 2018/4/28 0:00:00
微信小程序登录流程的开发

用户通过小程序可以快速获取服务，因此在访问小程序的第一个页面非常重要。...

微信小程序SaaS 2018/4/27 0:00:00

换一换相关推荐

精选内容

热点精选

© 2006-2024 厦门科汛软件有限公司版权所有

ICP证闽B2-20190777 闽ICP备06009871号-1

闽公网安备 35020302001540号统一社会信用代码：91350206MA2XN2XQ4A 国家高新技术企业编号：GR201735100465 软件企业证书号：厦RQ-2017-0034 软件产品证书号：厦RC-2017-0005 认证联盟企业编号：928180109031687687593 国际权威认证：信息技术服务管理体系标准（ISO 20000）信息安全管理体系国际认证（ISO/IEC 27001）