如何通过小程序容器技术，打造企业服务新生态

如果无法正常显示，请先停止浏览器的去广告插件。

1. 如何通过小程序容器技术打造企业服务新生态杨涛凡泰极客联合创始人

3. 杨涛凡泰极客联合创始人/CTO 广发证券交易云技术专家、研发总监十年以上A股市场交易系统研发经验证券期货行业科学技术奖三等奖获得者证券业最早的容器化、云原生技术践行者

4. • 移动应用的技术演进预判 • 小程序容器技术如何赋能移动应用 • 我们能否拥有互联网巨头的小程序技术 • 客户案例及解决方案 • 关于我们

5. 01 移动应用的技术演进预判

6. 移动应用转型中典型痛点 IT架构日益繁杂如何具备动态易扩展的研发架构能力难以实现敏捷交付如何保障App可以快速、动态更新缺乏个性化服务如何针对用户实现差异化运营，进行个性化投放缺乏生态连接能力如何快速引入外部服务场景，开放自己的业务生态

7. 移动应用动态化架构设计方案 NATIVE + H5 代码量膨胀，安装包大小不断递增 H5页面的加载显示强依赖于 Dom 渲染 NATIVE 移动端白屏，卡顿问题频发发版周期过长，灵活性差依赖系统框架，兼容性较差 NATIVE + 小程序包尺寸有效减少，节省流量和存储服务不再受发版所限制，支持热更新业务开发效率更加优秀，一次开发，多端运行应用升级为平台，提供优质服务并按需加载

8. 移动应用数字化需具备的技术能力极度松散耦合：快速触达公域流量：具备智能推送能力：具备生态连接能力： - 各业务功能有独立生命周期 - 每个业务功能都可以被拆分被分享给他人 - 具备低成本引入外部合作伙伴业务场景能力 - 可独立开发、独立测试、独立发布、独立升级、独立上下架，不影响宿主App – 无论分享对象在本 App 还是第三方流量平台，都可以快速被分享 - 具备自定义规则发布引擎，将复杂的规则配置可视化，只需简单几步，即可完成个性化业务规则推送设置 - 业务代码只写一次，无需维护多个版本 -支持业务功能回跳能力 -- 可基于客群画像、基于时间、基于地理位置等，对具体客群进行精准的活动推送 - 可让合作伙伴的场景上架“进驻”自有 App，起到交叉销售、资源整合、激活存量客户的作用

9. 小程序成为移动应用打破流量壁垒的重要利器小程序即用即走的特性已经完全融入人们的生活，未来也将成为头部应用发展的必然趋势

10. 02 小程序容器技术如何赋能移动应用

11. 多场景并存的移动前台构建首页核心业务Native开发为主，体验最佳内外部开放生态小程序开发，兼顾体验与动态性个性化推送小程序可根据用户画像进行精准投放

12. 利用小程序技术实现模块化开发，灵活组建业务需求，实现动态更新实现拉新后，客户自外部渠道返回App 将臃肿的App功能打散，功能模块互相解耦基于FinClip管理平台，实现对业务小程序的模块化借助小程序天生的分享能每个业务功能都最小化、积木化、乐高化管理，以“插拔式”管理自有App及其他客户渠道力，实现对外引流获客

13. 顶层设计，一处开发，多端上架快速开发场景化需求 App乐高化，功能复用，可合可分各项服务全生命周期统一运营，内外部服务统一管理，打破信息孤岛，服务跨平台连接，灰度发布精准投放。理财收益投资课堂精选资讯专家连线收益竞赛热门话题财富笔记还款指南快速引入还款基金理财咨讯社交黄金认购贷款产品专家直播模拟交易投保指南社保查询理财定制机器人理赔管家专家答疑组合搜索推荐灰度微信理财收益自有APP 还款收益竞赛投资课堂热门话题财富笔记专家连线投保指南还款分享回跳引流支付宝基金理财基金理财还款指南分享黄金认购贷款机器人社保查询服务升级商城理赔管家理财定制还款专家直播专家答疑模拟交易回跳引流

14. 功能复用，社交平台裂变微信App 自家App 微信裂变转发理财小程序可以向社交平台直接转发，实现跨平台获客，支持小程序回跳 App，为App引流。快速索引理财外卖外卖抖音 App内的小程序均可支持内容级搜索，用户无需在列表里苦苦翻找功能。外卖

15. 一码通，打通公私域流量

16. 利用小程序技术，实现差异化运营，进行个性化投放利用小程序支持多版本灰度发布，A/B测试的能力，可针对不同用户画像进行个性化投放，帮助运营人员精准、及时触达用户，实现留存、促活、增长业务的目的。同时用户也能够快速获取与自身契合的相关业务或者产品，提升用户体验。

17. 03 我们能否拥有互联网巨头的小程序技术

18. 100%私有化 —— FinClip小程序容器技术任何小程序，由你的 IT或者第三方合作伙伴开发提交给你的平台进行测试、审核、上架，可以结合IT、合规、风控、法务的联合协同审批流程你现存的任何App，或者可以选择一个空壳 – 因为你不再需要把功能实现到原生代码里你的App Mini Programs Mini Programs Mini Programs Mini Programs FinClip小程序运行时SDK - Runtime SDK App Native - - 安全沙箱小程序渲染与运行引擎可嵌入任何移动端App或者桌面端应用

19. 双线程技术架构 - 逻辑层：创建一个单独的线程去执行 JavaScript，在这个环境下执行的都是有关小程序业务逻辑的代码，只能够运行 JavaScript 的沙箱环境，不提供 DOM 操作相关的 API，所以不能直接操作 UI，只能够通过 setData 更新数据的方式异步更新 UI - 渲染层：界面渲染相关的任务全都在 WebView 线程里执行，通过逻辑层代码去控制渲染哪些界面。一个小程序存在多个界面，所以渲染层存在多个 WebView 线程 - 渲染和逻辑层的分离和并行实现可以防止 JS 执行影响或减慢页面渲染，这有助于提高渲染性能

20. 插件式架构插件化框架 1.插件应用市场集成若干个诸如人脸识别、智能语音识别、双向视频认证、直播等第三方开发的SDK，小程序运行时提供插件机制来扩展服务API； 2.第三方插件支持灵活配置，企业可根据自己的业务选择的要集成第三方SDK插件插件加载插件通信插件权限版本查询

21. 实时音视频能力实现原理底层协议跨平台 FinClip WebRTC + 原生组件 RTCP/RTP 浏览器原生支持微信小程序原生组件在线直播（rtmp http-flv）服务端转换/浏览器插件

22. 兼容H5写法，无学习成本 FinClip H5

23. FinClip小程序组成端侧云侧 • 在App中集成FinClip小程序运行时SDK，作为小程序的安全沙箱、代码解析器、渲染引擎端侧 Runtime SDK Mini Programs Mini Programs Mini Programs • 小程序全生命周期管理：提交、审批、发布、上下架 • 小程序开发者账户管理 • 小程序性能监控云侧管理中心审核开发者小程序审核成员管理域名管理创建开发黑白名单提交审核关联管理关联应用

24. FinClip小程序生态架构 1. 小程序运营方：由企业基础设施IT运营人员进行管理，对整个小程序管理中心承担运营、管理、维护职责 2. 小程序开发者：企业机构可以在小程序管理中心中完成小程序开发、编译、上架、发布等操作 3. 第三方服务商：可以自行注册为平台开发者，为App运行提供必要的插件能力或内容补充。第三方服务商可以是现成的技术供应商、也可以是任意的技术开发者。

25. FinClip技术优势语法遵循主流小程序规范全终端覆盖，构建物联网新生态扩展方式可基于业务灵活配置提供完善 IDE 与支持文档支持自定义规则引擎 - FinClip 遵循微信与主流小程序开发标准与规范，无需额外学习成本，体验效果与原有小程序保持一致 - 目前 FinClip 小程序运行时 SDK 已支持在 iOS、 Android、Windows、 macOS、 Linux 等多种智能终端运行 - 企业可根据自己的业务灵活配置 API 和第三方 SDK 插件，同时提供开放的 API 接口，支持二次开发 - 提供小程序「开发」「调试」「发布」工具，深度提升需求迭代速度，并提供完备的开发者指引文档，保障开发流程 -可针对营销场景、用户画像、功能开发阶段等不同需求，进行小程序的精准、分群、分时投放，满足产品迭代、运营活动、开发管理的多种诉求 - FinClip 小程序运行时 SDK 极其轻量，App 集成后，体积仅增长 2M - 同时包含 APM 数据上报系统，实时了解功能投放数据

26. 04 客户案例及解决方案

27. 客户案例——加速生态融合，打造开放银行背景：数字化时代的信用卡，既需要满足传统线下消费场景，更需要关注日益上涨的线上消费需求。过去是用户带信用卡到线下消费，现在是银行将商户引进到App中，通过营销活动引导用户使用信用卡。银行数字信用卡如何低成本吸引商家进驻、如何在线运营促进用户消费？解决方案： 1、银行App通过集成FinClip小程序运行时SDK，可引入外部优质的商家服务小程序，结合自身的金融服务能力，打造特色化金融服务，且丰富App使用场景，从而达到提升App用户活跃的效果。同时，可利用FinClip兼容微信小程序语法的特性，银行可快速、低成本引入微信生态中的小程序商家，降低运营成本。 2、银行App可根据已有用户画像对用户进行精细化管理，灵活呈现不同小程序给用户使用，轻易实现对用户的个性化服务； 3、“用完即扔”的营销活动类代码可以快速发布，满足高频运营活动要求。

28. 客户案例——依托内联外引，重塑财富管理数字关系背景：券商App中通常集成的业务功能繁多，传统技术实现方式是紧耦合，相对独立的业务功能也无法独立开发测试、独立发布；此外券商App本身可运营能力弱，明明用户就在App上活跃着，也无法在线向其进行产品营销，无法通过活动进行触达解决方案： 1、在App中集成FinClip 小程序运行时SDK，从而获得小程序运行能力，逐步把传统紧耦合的功能小程序化，独立可上下架管理，和App载体松绑。 2、利用FinClip兼容微信小程序的特性，App各类功能进行小程序改造后，部分也在合规前提下能够被分享至微信，并引导客户回流至App，提升App 的活跃度。 3、小程序轻量、便捷，并能灵活的“上下架”发布，满足高频的营销活动需求，并能够针对不同客群推荐不同的营销活动，实现千人千面营销，促进业务办理。在线展业云工作室

29. 客户案例——构建多方连接数字平台，为保险代理人赋能背景：传统保险App核心系统老旧，技术债沉重，难以适应快速迭代的业务诉求，在面对高频营销场景运营诉求，难以实现动态更新；在线营销展业能力薄弱，自身App业务场景难以与外部其他App打通；App中缺乏足够吸引客户的场景服务，导致App活跃度低下。解决方案： 1、保险App通过集成FinClip小程序运行时SDK，让大部分的业务功能都以 “小程序”的方式实现，拥有完全独立的生命周期，独立于App之外进行开发、测试、发布。 2、各类业务功能可以小程序的形式进行改造封装，利于保险代理人将各个小程序投放至外部流量平台（微信、头条、百度、抖音等），助力保险代理人向线上线下相结合的OMO服务模式转变。 3、保险App通过集成FinClip小程序运行时SDK，赋予App生态连接能力，帮助保险企业连接合作伙伴，快速接入康养、医疗、健康等多方服务共同服务客户。在线展业经营排名

30. 客户案例——只为打造性能更优越的App 背景：某国航内部的“移动门户”，纷杂繁多的各种业务功能挤兑在逼仄的 App中，要同时满足角色、职能各异的员工诉求；很多功能完全面向不同群体、模块之间独立。如何能让每个用户仅看到与自己相关的功能、如何让独立的模块互不影响地发布、如何灵活满足不同群体的个性化诉求？解决方案： 1、为了满足应业务场景快速更迭而产生的业务实时更新需求，FinClip通过小程序动态发布能力，完全可以实现一个 App 的动态发布/回滚。用户在使用时获得优于H5、与原生应用近乎一致的交互体验，同时有效规避“发版周期长”、“无法快速在线修复 Bug”等弊端，实现真正动态发布与更新能力。 2、利用FinClip的「自定义规则引擎」推送能力，对飞行员、地勤、乘务等截然不同的角色岗位组织、呈现不同的小程序，满足员工个性化诉求。

31. 04 关于我们

32. 凡泰极客旨在成为移动数字新生态践行者凡泰极客由一群来自国内外顶级金融及互联网跨界工程师于2017年创办，具备强大的产品技术实力与完善的服务能力。凡泰极客希望将多年来在金融领域积累的诸多创新理念和愿景，通过全新的技术理念来实现和实践，凡泰极客致力于通过一套自主创新、中立可靠、灵活开放的企业级云原生移动应用数字引擎为数字世界的高效运行提供坚实的基础支撑，加速推动百行千业数字化转型。目前，凡泰极客已经赋能银行、证券、保险、社交直播、IOT等多个行业，同时解决方案也成为广发证券、长城证券、安信证券、第一创业、华西证券、东吴证券、基金业协会、工商银行、浦发银行等企业的标杆案例。

33.