手把手教学：你好，FinClip

在上期文章中，FinClip的工程师和我们主要聊了聊在小程序开发过程中，如何使用组件提升开发效率。本期文章中，我们将再次将目光转回 FinClip，与大家再次介绍产品相关的信息与内容

---

一、什么是 FinClip 小程序

说起 FinClip 小程序，我们不得不先谈谈 FinClip，避免读者朋友对于 FinClip 造成误解。

FinClip 是一款与“微信小程序”、“百度快应用”等提供类似小程序技术的平台。它由能渲染与执行小程序的客户端引擎、统一管理小程序上下架的中心、支撑小程序服务器端运行的云端设施三部分组成，同时还包括我们向指定行业提供的监管与合规工具（如金融行业合规监管工具）共同组成。

而 FinClip小程序是一种面向企业应用、有企业自主管控运行的小程序技术，由凡泰极客研发。它与互联网主流小程序技术极其类似、代码兼容程度高。任何企业的 App，均可以通过嵌入一个小组件（见“运行沙箱”）而立刻获得运行小程序的能力。本文如不作特别说明，“小程序”特指 FinClip 小程序。

二、FinClip小程序有何优势

那么 FinClip 小程序具体有何优势呢，总结为以下几点。

1. 多端上线：FinClip 小程序可以同步上线多个宿主端（宿主：即小程序可上线的 APP），为开发者节省大量的人力和时间；
2. 完整的生态圈：FinClip 小程序拥有与之配套的开发工具（FIDE）、与之配套的移动端开发助手（FinClip Mobile Assistant）、与之配套的文档中心（Document Center）、以及与之配套的 FinClip 应用商店（一个管理 FinClip 小程序上下架的管理中心，并兼具审核、监控、数据收集分析等能力）等；
3. 兼容度高：FinClip 小程序它与互联网主流小程序技术极其类似、代码兼容程度高。因此上手 FinClip 小程序所需学习成本较低，同时由于与互联网主流小程序极其类似且代码兼容程度高，因此将已有的其它平台的小程序（如微信小程序）转移到 FinClip 上所需的成本也相对较低；
4. 合规引流：由于 FinClip 解决“金融行业应用嵌入第三方网络空间”的安全合规问题，合规引流。因此 FinClip 小程序可以轻松连接金融服务场景；
5. 完善的功能链：FinClip 小程序拥有灰度发布、数据统计、证书管理、域名管理等多项较为完善的功能。

三、FinClip小程序运行逻辑
1. 运行时架构

FinClip 小程序编程模型是分为多个页面，每个页面有自己的 template、CSS 和 JS，实际在运行的时候，业务逻辑的 JS 代码是运行在独立的 JavaScript 引擎中，每个页面的 template 和 CSS 是运行在各自独立的 WebView 里面，页面之间是通过函数 NavigateTo 进行页面的切换。

每个 WebView 里面的页面和公共的 JavaScript 引擎里面的逻辑的交互方式是通过消息服务，页面的一些事件都会通过这个消息通道传给 JavaScript 引擎运行环境，这个运行环境会响应这个事件，做一些 API 调用，可调到客户端凡泰小程序提供的一些能力，处理之后会把这个数据再重新发送给对应的页面渲染容器来处理，把数据和模板结合在一起来，在产生最终的用户界面。

下图是对运行时架构的基础介绍：

<