小程序的昨日与今天
当我们在今天讨论小程序时，到底与 5 年前的小程序有哪些不同，又发生了什么新的改变？
分享到微信
在 2021 年的今天，小程序已经成为了我们在日常生活中极其普遍的应用，每一天的生活与办公场景中，「小程序」都在扮演着不同的角色。但不妨先让我们把时间回转到 5 年之前，看看它是怎么诞生的。
本文为「从认识小程序到研发」系列的第一篇文章，第二篇文章为《开发小程序的正确方式》。
一、什么是小程序
在 2016 年的「微信公开课 Pro」演讲中，微信事业群总裁张小龙这样描述了小程序的前景与未来：
“小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无须安装卸载”。
而在 2020年的「WWDC 苹果全球开发者大会」中，轻应用则被作为 iOS 14 的主要功能进行强调与推介：
“App Clip 就是一种无需用户在 iPhone 或 iPad 上安装完整的应用程序，就可以访问使用该应用程序的部分功能的轻量级应用，它们专注于处理简单快速的任务”。
不论是张小龙对「微信小程序」略带文艺的描述，还是在 WWDC 上对于「轻应用」在 iOS 生态中的地位描述，我们都能大抵能理解小程序诞生的初衷。而如果我们把时间从这两场发布会的转至今日，却会发现小程序早已不再局限于「用完即走」与「快速打开」，各式各样的小程序已呈现百花齐放的状态，不论是工具小程序，内容小程序，交易小程序，直播小程序，各种类型应有尽有。
不妨让我尝试用自己的工作日常举例，早上出门上班，我会打开「天府健康通」扫描地铁场所码，并把健康码给地铁安检查看，临近中午11点 30分，我会用「美团」或「饿了么」为自己订一份工作餐，吃完午饭后我会打开「动物餐厅」看看小猫咪又赚了多少小鱼干，下午会议时使用「腾讯文档」查看会议纪要，快下班的时候用「叮咚买菜」购置晚饭所需的食材，晚上回家做饭时，用「懒饭 App」看看想吃的番茄肥牛饭怎么做。
时至今日，当我们说到小程序时，也不仅仅在特指微信小程序，各式各样的平台都纷纷推出了自己专属的小程序平台，不论支付宝、字节跳动、美团还是百度等其他互联网大厂，都纷纷推出了自己专属的小程序平台，且都基于自己的生态业务，为小程序提供流量进行支持，希望用户与开发者能够选择自有平台中的小程序进行开发。
随着小程序业务的愈演愈烈，越来越多的流量都被引入了互联网巨头的小程序战场中，但在这个过程中，对于战场中「封闭，不透明」的吐槽与争议也逐渐出现，无数企业都希望自己的应用中也能具备运行小程序的能力，希望能够借此抗争小程序被引入寡头所控制的战场，但「知易行难」，快速完成对小程序的底层与容器的研发，所需要花费的精力与时间并不是短时间就能够完成的。
事实上，小程序可以被理解为是「移动应用 App」的一个细分子集，如果按照「平等透明」的设想，小程序不应该仅仅存在于微信之中，那些我们并不经常使用的应用都可以通过小程序进行重新优化，我们可以通过各式各样的专门应用打开相关的小程序，从而对那些「太重的应用」进行减负操作。
当然了，小程序还会有这样一些特性需要我们注意：
- 小程序不具备「被关注」的能力，获取流量留存用户的操作需要由独立应用或其他渠道完成；
- 小程序不具备「推送消息与群发消息」的能力，对用户的信息触达与消息传递的操作需要由其他渠道完成；
- 小程序不具备「跨 App 分享 」的能力，因此对于小程序的分享与打开路径，需要在设计产品时提前思考，而不是把鸡蛋放在一个篮子里；
二、哪种应用适合用小程序开发？
很多朋友在了解到 FinClip 的小程序容器时，都会想请我们看看对方的业务场景是否适合使用小程序进行开发，虽然小程序市场时至今日依然是一片蓝海，但我想也不是所有应用「都可以，都应该」使用小程序开发的。
基于我们的经验与积累来说，符合「逻辑简单，使用低频，对性能要求不极致」的应用场景，更加适合使用小程序进行研发。
「逻辑简单」是指应用的操作逻辑并不十分复杂，各类生活服务（如打车，订餐，查地图与导航等等）都需要给用户提供简单清晰的操作逻辑，而这一类也天然的符合起初小程序「用完即走」的定义，因此十分符合使用小程序研发。一些逻辑复杂的应用场景想要通过小程序进行适配，就可能会面临更多的设计与研发困难，同时在性能和体验也可能会面对更多需要解决的问题。
「使用低频」是指小程序的使用频率不应该太高，比如社交类的钉钉或飞书，金融类的掌上生活或浦大喜奔，媒体类的网易云音乐或斗鱼都不太适合使用小程序进行重新设计。对于用户使用的频率较高的应用来说，直接打开应用进行体验的步骤肯定最快的，此外由于某些行业的特殊性质（比如具备交易，支付等能力）要求，对于安全性与保密性的首选风险判断原则，也不宜使用常见的小程序进行设计。
「对性能要求不极致」是指由于小程序始终存在于某个独立应用（也被称为宿主应用）中，考虑到目前的性能与研发所限制，暂时不太适合开发对于这两者有更高要求的移动应用。比如把原神，王者荣耀这样的游戏应用通过小程序进行重新设计，在目前来说肯定是不现实的。
当然，随着相关研发实力的增强与产业生态的逐渐补充，也有越来越多的「不可能」变为了「可能」，比如华西证券的「华彩人生」，浦发银行的「浦大喜奔」，某省的移动警务平台等客户，都纷纷选择使用 FinClip 的小程序容器方案进行落地实现。
三、小程序与 H5，原生应用的对比
很多朋友在了解小程序技术的时候，都会有这样的疑惑“到底与 H5，原生应用”这些技术相比，小程序具有哪些优势与劣势呢？
H5 移动应用
我们常说的 H5 其实也通常可以被视为一种 Web App，相比于我们在桌面端浏览器中打开的网页，主要是增加了一些响应式的设计与交互优化，从而使得这些网页更适合在移动端的浏览器中显示运行。既然是网页应用，那依然是基于 JavaScript，CSS 和 HTML 进行实现的，由于是基于各类前端技术栈进行实现，最大的好处就是快速、简单、方便，且有各种技术资料可以参考。
同样，H5 的缺点与优点也是并存的，比如由于技术已经很成熟了，对于前端经验欠缺的新人来说，面对各式各样的框架，模块、任务管理工具，UI 库可能会出现无从下手的问题；此外相比于原生应用，对于系统权限的获取（比如数据缓存能力，网络通信状态等）都显得比较鸡肋，当低性能的设备加载包含复杂逻辑的页面时，会出现明显的卡顿与延迟问题。
原生应用
原生应用也被叫做 Native App，相比于 H5 应用通过前端三大件进行实现不同，原生应用主要会采用 iOS 与 Android 的专有语言 Object-C（或 Swift），Java（或 Kotlin）进行实现，大多我们所常见的国民应用，比如微信，支付宝等都属于这种原生应用。
既然被叫做「原生应用」，就像操作系统的亲儿子一样，天然在性能与体验上具备优秀的潜质，也有组件库丰富，接口支持完善等各种优势特点。但原生应用最大的缺陷就是不能跨平台研发，以目前的主流市场为例，必须要支持 iOS 与 Android 两个主流平台。
混合应用
混合应用一般被称为 Hybrid App。简单来说，混合应用就是将原生功能封装成对应的 JS 接口，在前端使用 H5 来开发对应的 App （即 H5 作为内容+原生应用作为壳） ，看上去虽然是一个移动原生应用整体，但实际的页面还是网页，一套代码可以生成 iOS 与 Android 两种安装包，开发成本较低。
我们常见的淘宝，京东等应用由于更新与优化节奏都十分快速，为了更好的响应「贴近用户」的目标，应用中有的功能通过原生 Native 实现，有的功能则通过 H5 页面进行实现，这种应用就属于我们所说的混合应用。
小程序
严格意义上来说，小程序并不属于以上 3 种应用的任何一种。小程序主要通过 JavaScript 与 CSS 这种常见的前端技术进行开发，但又没有完全使用 HTML 进行实现，在不同的操作系统中，JavaScript 代码分别运行在 iOS 的 JavaScriptCore 与 Android 的 X5 JSCore 中，各家小程序平台或多或少都有一部分自研的核心，因此渲染视图层的组件也有所不同。
相比「 H5 移动应用」与「 移动原生应用」，小程序具备如下优势：
- 具备跨平台的能力，一套代码可以在 iOS 与 Android 两个平台中运行；
- 远超过 H5 的体验（支持本地缓存，Webview，有丰富的组件与支持库）；
- 能获取更多系统权限，完成更加丰富的产品设计；
- 可以避免 DOM 泄露（不使用常用的 window 对象与 document 对象）；
- 开发简单，上手成本低（比如 FinClip 提供了 FIDE 与开发文档）；
此外，小程序还具有这样一些特有优势（以下内容以 FinClip 为例）：
- 目录结构清晰，代码结构简单，便于初学者更好的学习与探索；
- 开发环境简单，不需要配置各种各样的脚手架与框架，开发成本极低；
- 发布与部署流程简单，不需要运维与服务端的相关支持，几乎可以只通过「点击」完成小程序的提审与上架；
- 支持自定义组件，通过将组件的业务逻辑写在组件模块之中，用组件化的编程思维设计业务；
- 具备 Windows SDK，在桌面系统中也能够提供对应的支持与支撑，并不局限在移动业务与应用中；
四、有哪些常见的小程序开发框架？
以主要的小程序开发框架举例，腾讯云社区的「极乐君」将不同平台下小程序支持的力度整理在一张表中：
框架 | 技术栈 | 案例 | 微信小程序 | 支付宝小程序 | 百度小程序 | 头条小程序 | H5 | App |
|---|---|---|---|---|---|---|---|---|
Taro | React | 丰富 | ⭕ | ⭕ | ⭕ | ⭕ | ⭕ | ⭕ |
Nanachi娜娜奇 | React | 少 | ⭕ | ⭕️ | ⭕️ | ⭕️ | ⭕️ | ❌ |
wepy | Vue | 丰富 | ⭕ | ❌ | ❌ | ❌ | ❌ | ❌ |
mpvue | Vue | 丰富 | ⭕ | ❌ | ❌ | ❌ | ⭕️ | ❌ |
uni-app | Vue | 丰富 | ⭕ | ⭕️ | ⭕️ | ⭕ | ⭕️ | ⭕ |
megalo | Vue | 少 | ⭕ | ⭕️ | ⭕️ | ❌ | ❌ | ❌ |
OKAM | Vue | 少 | ⭕ | ⭕ | ⭕ | ⭕ | ❌ | ❌ |
Mpx | Vue | 少 | ⭕ | ❌ | ❌ | ❌ | ❌ | ❌ |
截止目前，FinClip兼容性较好的第三方框架包括：
小程序开发框架
UI 框架
基于以往的研发经验，我们建议大家使用 Taro 或 Uni-App 完成小程序的研发。Taro 在运行性能上的优化优于 Uni-App，而 Uni-App 则可以更好的支持跨端小程序的研发（通过其导出的微信小程序也可以无缝在 FinClip 中编译运行）。
由于各框架的仓库与支持文档，社区都较为丰富，本文将不再赘述对其性能与使用的内容。
五、FinClip 是什么？
至此，我们应该大概了解了小程序的前世今生，以及常见的框架。但文章写到这里，可能你内心一直有一个疑惑「FinClip 是什么？」，我们将在这里大抵进行描述，希望能够帮助你快速了解 FinClip。
通俗来说，FinClip 小程序开放平台是基于我们自研的小程序容器技术，帮助任何企业中的 App 具备运行小程序能力的一套技术。任何 App 都可以通过引入 FinClip 小程序 SDK 来获得运行小程序的能力，也能够在 FinClip.com 的后台中完成小程序的更新，上架能力，与微信、头条或支付宝小程序不同，FinClip 同时提供 SaaS 与私有化版本的小程序管理平台，最大程度帮助开发者打造自己的业务开放生态，同时构建企业的专属小程序开放平台。
与 Taro 或 Uni-App 不同，FinClip 是一套小程序生态，开发者可以通过集成的 SDK 帮助 App 轻而易举获得打开小程序的能力，此外 FinClip 也支持微信等其他平台的小程序语法，支持平滑上架，如经过 Uni-App 所编译的微信小程序可以直接被上传至 FinClip 中，并在移动应用中打开使用，为了尽可能为开发者与用户提供良好的体验，FinClip 不仅提供完善的开发、测试、上下架等全生命流程，引入 FinClip SDK 的应用安装包体积仅会增加 2M 左右。
此外，FinClip 还具备灰度发布，数据统计等偏向于业务侧的能力，便于业务人员直接在管理后台中编辑灰度发布计划，查看小程序统计数据。
截止目前，FinClip 小程序开放平台已经与上百家知名券商，股份制银行，航空公司，车载设备服务商，省级移动警务平台进行合作，并完成小程序及小程序沙箱的落地实践，部署。
我们希望借助 FinClip 的力量，不仅能够降低企业内部 IT 研发的高昂成本，提升敏捷研发速率，也能够帮助商务应用设计者，降低小程序研发门槛，并通过结合低代码技术，直接或间接地支持「更加平民化」的代码生成技术，让小程序技术成为数字化基建的连接器，促进行业内外互联互通。
当你对小程序的前世今生已经有大致了解后，我想是时候开始准备了解小程序开发了，想了解如何用正确的方式准备开发小程序吗？点击「这里」阅读小程序系列的第二篇文章。