发表日期:2017-11 文章编辑:小灯 浏览次数:799
在 11 月 2 日晚,微信小程序又放大招,小程序「内嵌网页」Web View 功能,终于开放了!这下,开发者和商家都笑醒了!星牛网赶紧试了一下这个新功能,结果仅用 1 个小时就做出了可打开网页「无需审核」的电商小程序! 虽然微信开放了这个新功能,但还是有诸多的限制。下面星牛网来给大家演示一下,这个新功能到底怎么操作。

小程序新增 Web View 组件,关联公众号上限提升
11 月 2 日晚,微信官方宣布,小程序开放「内嵌网页」功能。现在,如果需要在小程序中内嵌网页,开发者需要这样做:
操作步骤:
1. 开发者登陆小程序后台,选择设置——开发设置——业务域名,新增配置域名模块。

2. 每次配置均需管理员扫码验证身份。

3. 配置业务域名时需要严格按照提示要求配置。

4. 公众平台后台配置域名成功后,才能使用web-view组件
同样的,添加和修改配置域名也是有限制的:
• 每个小程序账号仅支持配置最多20个域名;
• 每个域名仅支持绑定最多20个小程序;
• 每个小程序一年内最多支持修改域名50次。
星牛网还发现,微信还为内嵌至小程序的网页提供了一系列 JSSDK 接口,开发者可以利用这些接口,在网页中实现小程序操控的功能(包括导航、多媒体、地理位置等)。为了防止开发者绕过微信支付、使用其他第三方支付渠道,微信还要求开发者配置「业务域名」时,需在网站根目录放置相应验证文件进行验证。

值得注意的是,该功能目前不针对个人类型与海外类型的小程序开放;未正确配置「业务域名」的小程序,也无法在开发者工具中测试相应组件。另外,根据星牛网 的可靠消息,小程序关联公众号的上限也在当晚提升至 500 个,可以说是「任性关联」了。
微信小程序的大小限制,导致开发者一般都无法开发一个功能很完整的小程序,而有了内嵌网页功能,开发者们就可以用简单功能的小程序宣传自己的产品、再将用户引导到自己产品的拓展页面,而这个拓展页面的可操作空间就大多了,开发者想改就改,不会有一些审核的限制。除此之外,内容小程序的富文本编辑也可以利用内嵌网页,不用受小程序限制。以后小程序就是功能不够,网页来凑了。

微信小程序新增 Web View 组件,星牛网认为有两点值得大家思考:一是进一步降低开发成本,让小程序体验更完整;二是抢占更多用户群体,扼杀支付宝小程序。
一、进一步降低开发成本,让小程序体验更完整
微信小程序使用了类似 React Native 的语言架构,前端程序员一两周内即可完成一个小程序的研发,但也免不了要踩很多坑,比如最初要渲染 HTML 内容非常困难(随后有可用的第三方库支持,但不完美);微信官方支持的 富文本组件在小程序发布后一年半才推出,被认为是最受开发者欢迎的更新。
WebView 组件是一个 app 不可或缺的功能补充。当前原生 App 的开发,使用 WebView 组件的应用十分普遍,知名的 App 如 Instagram、Facebook 等,Newsfeed 和 Profile 等几个高频、核心功能为保障浏览体验、充分利用硬件特性,坚持使用原生或 Hybird 代码开发;而大部分使用频度低,或体验要求不高的页面,则使用内嵌网页的形式接入,平衡研发成本,便于维护。

对于电商类小程序,活动促销页面现在可以被重复利用,实现流量渠道资源的联动;此前基于微信 JSAPI 开发的 HTML 5 应用也将可以在小程序中嵌入使用(目前部分接口尚未开放),还需要再等等。
值得注意的是,微信支持了内嵌打开网页,但并不意味着可以打包网页直接发布,iPhone 用户可能都有这样的感受:iOS 官方应用体验最差的可能就是 App Store 了,因为 App Store 大部分页面使用 WebView 访问(因为苹果需要同时兼容多个版本的 iOS 系统),打开十分缓慢甚至常常无法访问(iOS 11 App Store 大更新后几乎察觉不到体验问题了),所以微信可能会和苹果一样,直接拒绝内嵌 WebView 的简陋小程序通过审核。

二、抢占更多用户群体,扼杀支付宝小程序?
更早之前,微信就支持了第三方开放商接入、腾讯云服务整合、个人开发者注册小程序、公众号快速注册认证小程序、免开发激活门店小程序等通道。
微信 app 上还不断给小程序增加入口,当前包括:
搜索入口:直接查看置顶和近期使用的小程序,搜索内容直达小程序;
发现页面增加「附近的小程序」,后续可能还开放摇一摇查看周边小程序;
小程序支持置顶显示,可定制状态消息;
微信群和朋友的「聊天小程序」 入口等等。
微信采取的一些列的措施,可以说很大程度上打击了后起的支付宝小程序。支付宝小程序能否在荆棘中杀出一条血路,我们拭目以待!