分享

微信小程序发布以后,随着入口和能力的不断增加,从慢热走向风口,产品形态上时刻挑动着手机厂商的神经。

本期内容主要分为三块:

新的应用形态

新的市场格局

新的机遇与挑战

新的应用形态 主要介绍微信小程序、360搜索尝试过的多个小程序以及上线流程

新的应用形态

微信小程序于2017年01月09号正式发布上线。2017年12月上线了“跳一跳”小游戏,通过这个小游戏再次引发了小程序的热度,并且在微信中开放了小程序下拉快捷入口。据传“跳一跳”小游戏已经通过CPD的形式进行了商业化,达到一天500万的收费标准,足以证明了微信小程序的商业化能力。

截止目前微信小程序已经开放了50多个场景入口,并提供了登录、支付、客服、生物认证等众多 API 接口,给予开发者完成等同于原生 APP 的产品开发能力。

分享几组非权威渠道数据,微信小程序目前日活用户总数达到1.7亿,微信小程序数量在58万个左右,覆盖了100万个的开发者,累计使用用户达到了3.1亿。前段时间微信的月活数据也超过了10亿。在微信这个体量下加上给予小程序的多场景入口和接口能力,小程序的应用形态对未来的格局影响不容小觑。

对比原生 APP 优势

对比原生 App,微信小程序的优势有哪些呢?

无需下载,即点即用,比较适用于手机容量较小的用户、使用频率低的服务等;

易于传播,得益于微信强大的社交能力,可以通过微信将小程序发给好友、群组及朋友圈,小程序还可以关联公众号,通过公众号进行营销推广,并直接调起小程序,小程序之间也可以相互跳转;

微信赋能,微信给予了小程序众多的 API 接口,用于完善产品功能,比如可以授权微信登录、微信支付等,通过小程序提供的组件和接口轻松完成;

开发成本,微信小程序的成本可以降至原生 APP 成本的三分之一左右,大大提高了开发效率。并且只要安装有微信就可以跨平台使用小程序。对比原生 APP 需要根据 ios 和 Android 平台单独进行开发适配,开发成本方面的提升优势非常大;

小程序场景

我们来看这样的一个场景,当你在一个原生 APP 上看到一篇不错的文章打算分享给你的微信好友,点击原生 APP 左上角微信图标发送给好友,在微信聊天记录中发送的内容变成了小程序卡片,好友只需要点击一下就可以使用小程序直接打开,无需打开 ios AppStore 或 Android 系统的应用商店下载,小程序提供的功能与原生 APP 一样,在体验上也接近于原生 APP,整个过程非常的顺畅。也许在类似富媒体形式的服务上没有体现出它的便捷程度,但是如果是交互操作类的服务就会给人的感觉非常愉悦。

再来看这个,我们在移动端经常遇到输入个人信息的场景,比如收货地址、银行卡号、信用卡信息、手机号等,微信小程序目前提供了一键授权手机号的接口,仅需点击一下手机号自动填入,非常方便、实用。

再举一个更加复杂的支持场景:实名认证。开发者仅需要调用微信小程序提供的生物认证接口,即可完成非常复杂的实名认证操作流程,并将认证结果通知第三方小程序。

微信小程序提供的生物认证方式有三种:指纹识别、人脸识别、声纹识别,目前仅开放了指纹识别接口对外,另外两种在政府类小程序中看到过实际的应用案例。

小程序并非适用于所有业务场景

小程序不是万能的,并不一定适合所有的业务和场景。根据目前小程序的应用范围,比较适合小程序推荐有如下场景:

线上: 富媒体类(视频、图文浏览形式)、工具类、在线服务类(基于微信社交关系的问答对战、好友竞猜等)、电商(小成本即可增加微信端的入口)等;

线下: 交通、商场超市、餐饮等,比如如下场景:几个好友一块去餐厅吃饭,扫一下餐桌上的小程序码,各自选择自己喜欢的美食,自主结账,选择好友中优惠力度最大的优惠券,进行 AA,索要发票等,整个流程完全可以通过小程序一站式搞定,节省了柜台排队、处理的时间。

线上线下结合 根据微信提供的“附近的小程序”,还可以轻松将线上线下场景结合使用。

百万赢家直播答题

2018年伊始,互联网第一个风口就被疯狂烧钱的直播答题推了起来。百万赢家小程序版拥有与其它端相同的功能。我们团队接手百万赢家小程序的后续开发任务(第一版由奇舞团同学开发完成),我们在第一版的基础上进行了产品性能上的优化,并加入了以组队开黑为特色的答题形式,与百万赢家所有的其它端在数据状态上保持实时同步。

百万赢家小程序主要使用了实时音视频播放、WebSocket长连接等技术服务,在业务上复杂性与兼容性对小程序开发来说充满了挑战。

魔性涂鸦“大作战”

魔性涂鸦小程序,最大的特色在于应用 AI 识别技术,由 360搜索实验室 提供。微信小程序提供了类似于 Canvas 的绘图 API,将用户涂鸦内容提交给 AI 技术识别,根据相似度算法、用时等条件因素算出结果分数,如在涂鸦内容不能通过 AI 的识别则会推荐引导至 360搜索图片搜索 频道。

知识达人

知识达人是一款知识挑战类的小程序,可以随机匹配两个人对战,也可以选择多个好友之间对战,限时积分冲榜可以领取现金奖励。该小程序主要应用 WebSocket 进行实时数据、状态的传输。

新的市场格局

微信已经成为了移动互联网的超级APP,现在通过小程序成为了连接用户和服务的超级入口。

2017年07月,微信之父张小龙表示:未来2年内,微信小程序将取代80%的应用市场。

可见微信对于小程序代表未来应用趋势的一种自信,小程序的热度将影响原生APP的安装量和日活,导致手机厂商的应用分发、广告收入受到直接影响。

对标“微信小程序”

在编辑本文内容时,手机厂商联盟的「快应用标准」已经发布,在原有 PPT 内容基础上进行了调整。

对标微信小程序的产品形态:

支付宝「小程序」

魅族「快捷应用」

金立「轻应用」

小米「直达服务」

支付宝小程序的优势在于阿里芝麻信用体系的结合,通过芝麻分评估免交纳服务免押金等。

2018年03月20日,小米、华为、OPPO、vivo、中兴、金立、联想、魅族、努比亚、一加,10 大主流手机厂商共同启动「快应用」标准,打造移动应用新生态,目标直指急速扩张中的微信小程序。目的在于给开发者统一的接入标准,降低开发者的成本。

小米直达服务,是对标小程序产品形态中开发流程、产品入口最为完善的。快应用标准发布后,沿袭了直达服务的开发模式、技术标准(工具名称做了更换)。

MIUI9 内测更新推送日志中,直达服务直接更名为「快应用」

新的机遇和挑战

微信小程序技术方案

小程序官方

微信小程序官方开发采用前端主流的MVVM的架构模式,将数据与视图层进行双向绑定,开发者可以聚焦在数据和逻辑处理。

快应用技术方案

快应用的开发方式同样也是采用的前端主流 MVVM 架构模式,使用 Webpack 构建。应用设置、页面管理、生命周期等也与小程序大致相同。

快应用在开发调试流程上不如微信小程序便捷,需要将生成的代码传送至手机上运行(build目录是产生的webpack打包后的js文件,用于实时预览;dist里面是最终的快应用文件安装包),不像微信小程序在电脑上直接查看效果、调试也是由于快应用基于原生渲染,而微信小程序基于浏览器内核渲染模式,可以多端迁移、多端适配。

机遇和挑战

无论是小程序还是快应用都是以前端主流架构模式为主,特点是上手快,开发成本小。以小程序、快应用为契机,前端技术栈有可能会有移动端迎来新一轮的爆发,这是前端开发的机遇。

之后的产品形式可能会在H5、小程序、快应用等各端同时上线,无论是H5转换小程序,还是小程序转换H5,还是一套代码可以适配所有的小程序或快应用,以及解决不同平台不同设备遇到的兼容性问题,这是对前端开发所面临的挑战。

小程序与快应用官方规范及第三方框架更新变化较快,文章内容止更新于2018年03月28日。

如需要(微信养号及规避封号白皮书)、(微信引流与变现)、(社群落地运营教材)私我