作者：字节小程序根底技术团队 - 杨德立

前言

现在，全网小程序数量已超 700w+ 个，细分行业 200+ 个，开发者数量超 500w 个，作为挪动互联网的重要新基建小程序互联网已成型，用户习惯曾经养成。

字节小程序身处大的生态之中，基于字节 APP 而建。围绕凋谢场景、凋谢接口、凋谢信赖关系搭建的一套以小程序为最终落地的技术载体连贯内部企业主体所提供服务的全链路生态解决方案。计划在次要提供和具备多页利用级状态的开发和运行模式同时，还提供了单页、卡片等的开发和运行模式，可反对多状态和运行模式间的运行时买通和联动。目前曾经笼罩字节外部抖音、抖音火山版、西瓜、头条等 20+ 个 APP，并反对对外赋能，已上线内部 APP 50+ 个。

让宿主有运行小程序的能力是可突破利用孤岛、连贯更多服务的第一步。不同宿主基于各自倒退的愿景和使命，集成小程序框架所赋予开发者的玩法空间，承载的业务场景各有不同。基于一套小程序框架，可多种延展，以最轻量的形式实现同内部服务的疾速连贯，拓展能力边界，构建业务生态能力。

1. 计划价值

1. 可规模化链接内部内容和服务：

   1. 计划安全性高，可规模化引入内部服务和内容：平台对立解决的沙盒隔离、平台管控（鉴权、审核、版控）、语法限定、能力封装、包编译和加载等策略在让用户能够较晦涩和不便的应用小程序同时，稳定性和安全性做到对立、可控和有保障

   2. 小程序生态欠缺，行业渗透率高

2. 提效开发：

   1. 基于成型的规范去开发：让开发者可在平台提供的大量组件、API 及 UI 组件库根底上开发和扩大

   2. 跨平台兼容成本低：平台对立的对跨端碎片化差别兼容

   3. 坑少：平安稳定性有保障，框架曾经过大量小程序线上多业务场景的应用和验证，配套品质保障工具、策略欠缺

   4. 上手成本低：与业界小程序计划对立，有任意小程序教训可无老本接入开发

3. 性能 & 体验贴近原生：

   1. 逻辑 & 渲染拆散：双线程执行，防止存在因逻辑长时间运行导致页面卡死的问题

   2. 更灵活多样的原生组件和原生能力： 像 video、map、textarea、live-player、Canvas 等原生组件；AR、VR 等能力反对

   3. 离线性好： 在弱网络 & 间歇性网络下，可关上本地包，保障用户体验，从而防止了传统 H5 无网络状况下用户体验差的问题

   4. 性能下限高： 在加载效率、通信效率、渲染效率等多方面有更多的可摸索和优化空间，在同一套小程序开发体系下，可摸索和建设原生渲染和原生 + 原生混合的小程序渲染计划及编译与加载策略

4. 冲破传统 web 界线：

   1. 渲染优化突破浏览器限度： 容器预热、预加载、预申请等优化伎俩无效晋升首屏展示速度

   2. 多容器页面治理本性难移： 防止浏览器多 tab 页跳页白屏、回退重加载等问题，预渲染机制与跳转动画让 web 体验有限贴近纯端实现

   3. 高度可控的资源包离线缓存与更新伎俩：在躲避浏览器缓存策略不稳固的同时，也从根本上解决内容加载优化与内容更新的矛盾

2. 价值进口

2.1 价值主赛道 - 赋能字节宿主：

反对字节小程序平台面向企业开发者和服务商开发者，关注其 入驻 -> 开发 -> 场景散发 -> 用户复访 以及 场景平安保障的门路。

对于连贯内部的开发者，小程序开放平台所提供的生态框架心愿内部的开发者整合其能提供的服务，满足抖音内用户、创作者的需要取得衰弱的收益，在这个生态下，让企业自身成就一番「事业」而不仅仅是在和字节 APP 做「生意」。

2.2 价值子赛道 - 赋能业务：

2.2.1 充当外围业务开发的计划，让业务低成本高效率开发和迭代

1. 一套业务代码多端运行

• 小程序生来被赋予“一处代码、多处运行”的属性和光环，一套代码能够跑在多端多平台。应用小程序计划开发业务性能，能够较稳地做到降本提效，疾速撑持业务的开发、上线和迭代。用对立的一波研发人力做到多端多平台撑持。

2. 提供通用和丰盛的组件库、模板，甚至反对基于低代码平台生成小程序

• 平台所提供的组件库、模板及同低代码平台的买通可撑持平台所搀扶的外部业务和单干业务同时，也能够反对对外输入。

低代码平台生成小程序示例：

不反对在 Docs 外粘贴 block

2.2.2 国内多家超级 APP 基于小程序打造的平台生态，为各行业和机构提供了在挪动端经营本身生态和经营多渠道的可能性

• 赋能 那些有要“走进来”，将本身内容或服务，嵌入到更多的利用场景当中去的业务， 晚期更多是通过凋谢 API、SDK 等模式，现在 小程序成为了更佳的载体。可控性强，可承载更多更强的内容和玩法，迭代和经营治理更不便。

  • 走进来 - 到多生态平台，买通多生态体系：

    • 以猫眼电影为例，全景流量布局强化宣发服务能力，通过猫眼小程序的生态布局接入了更多支点，变得平面多元，实现从社交向搜索、短视频、直播等更为宽泛的渠道拓展，2021 年春节期间，笼罩抖音、微信、百度等多个平台的猫眼小程序生态总用户规模冲破了 4.5 亿，为影片宣发能力和用户服务能力上开拓了新门路。

  • 走进来 - 玩转一个生态体系 ：

    • 像懂车帝、幸福里、西瓜小程序在字节系多个产品线的上线，包含头条，抖音，本身 APP 内等
    • 像星巴克小程序在阿里系多个产品线的上线，包含支付宝，手淘，盒马，饿了么等

2.3 价值子赛道 - 赋能更多 APP：

越来越多的行业（业务）匹配有“走进来”的诉求同时，也有着“引进来”的强需。将内部供应商、客户等的资源和服务吸引到本人的生态内。

那些头部的超级平台，通过超级 APP 为用户提供连贯所有服务所带动整个小程序生态一直倒退背地，多行业供应商和客户应用小程序的占比变得越来越高，促成行业浸透效率越来越高。客户和供应商对更多开放平台也可反对小程序载体形式凋谢的呼声越来越高，促成越来越多开放平台将小程序为载体纳为首选。

2.3.1 典型行业 - 金融行业

金融行业对小程序技术框架的利用背景：

银行数字化转型、凋谢金融生态是既合乎监管要求又合乎银行倒退门路的明确方向。

银行 App 作为数字化转型的重要抓手，产品能力降级与相干科技投入将继续晋升。

小程序作为银行 App 生态凋谢的重要一环，将会在金融畛域失去长足的倒退。

1. 凋谢银行的大趋势背景

凋谢银行起源于英国和欧盟对于银行业的数据共享和凋谢数据的摸索，近年尤其是从 19 年开始在国内继续升温。凋谢银行的内核在于“银行服务再也不是基于银行实体，虚拟化的银行自身即可提供”。它促成金融业务更加 场景化。在手机银行中引入场景化的服务，就是其中的一种模式。

2. 国家政策及监管趋势

从以后的监管趋势来看，银行继续数字化过程，建设自有线上流量经营金融产品将是大势所趋。金融街论坛年会上，多位监管部门人士和专家强调了 金融机构 数字化转型 的必要性，必定了金融科技在数字化转型中起到的重要作用。还谈到必须高度重视网络安全、数据隐衷、寡头垄断 等危险挑战，确保市场偏心和金融稳固。

3. 小程序建设是银行 App 生态建设的理论需要

通常银行尤其是大行不缺用户，在银行线上化过程中，绝大部分银行客户下载了银行 App。但在理论经营 App 过程中，银行业 App 活跃度广泛偏低。金融行业习用的晋升 App 活跃度形式为引入生存服务、政务服务等非金融场景服务。而随着引入的服务越来越多，如何 疾速、高效 引入内部服务场景就成为银行须要思考的问题。

Tips：

金融行业对小程序技术框架的需要将会出现由大到小，由少到多的趋势，并且笔者判断这种趋势倒退的速度将会很快。由大到小指的是将会由大行向中腰部银行辐射，由少到多指的是随着有需要的银行将逐步下沉需求量将会逐步变多。

2.3.2 典型行业 - 电商行业

电商行业对小程序技术框架的利用背景：

有平台本身要走进来的强诉求，线上流量无限，借力更宏大的流量渠道，更丰盛的营销推广工具，进步经营效率、扩充销量

有平台本身对已有的商家开放平台要冲破生态规模的强需

有来自头部 KA 和供应商心愿通过小程序形式入驻的强诉求

1. 平台要走进来

电商平台行业痛点： 线上流量无限，新平台难以关上市场空间；获客老本日益减少，新客转化低；客户易散失，复购订单少；高价文化，平台补贴似流水；

通过小程序走进来： 借力超级平台所提供的宏大流量渠道和丰盛的营销推广工具

2. 商家开放平台要升级成反对商家小程序形式接入

赋能商家引流、留存、转化、配置等整套入驻和经营玩法，帮忙商家在平台上有更大的施展空间和品牌建设，让更多商家违心入驻同时，让平台生态更加丰盛，获利环节更多。

3. 响应头部商家理论须要：一套小程序玩法在多电商平台售卖和经营

通过小程序形式入驻到电商平台，小程序作为商家一个独立的店铺，顾客进入小程序只能在这一家店铺浏览筛选，较好防止其余店铺品牌的烦扰，强化了店铺的品牌形象，晋升品牌忠诚度，积淀顾客更轻松。同时还有更重要的一点：商家如果在多个电商平台均是通过小程序形式投放，能够在各电商平台平安管控下，低成本的联合库存和各平台销售状况，高效的调整价格及匹配多样的经营流动。

Tips：

金融行业、电商行业只是诸多行业里的冰山一角，有局部企业曾经口头起来，并尝到其中苦头，有要凋谢、要走进来同时引进来的 行业和畛域都实用于此计划。在平台具备较强的管控同时，能够给到更丰盛和灵便的凋谢形式和空间。

3. 字节小程序框架蕴含内容

3.1 波及内容

3.2 字节小程序计划 Show

在支流的小程序计划撑持和承载上，并无较大差别。匹配多业务场景 提供了更多开发模式反对和更多渲染计划的反对。

3.2.1 计划自身

Tips：

一句话：惯例认知里的小程序计划长处咱们都有，毛病咱们能够没有，一套开发规范下能够满足市面所有对解决方案的期待

3.2.2 计划 Show- 一般小程序

Tips：

开发规范适用性较广，已大规模对外开放，一处开发，多处运行，可低成本反对跨 BAT 小程序互转

采纳双线程架构、多过程模式（Android）、hybrid 渲染等优化技术。反对全屏、X 分屏展现、反对同过程多小程序实例运行

3.2.3 计划 Show- 原生渲染小程序

Tips：

• 开发规范适用性偏弱，目前底层基于 Lynx 渲染，API 可和一般小程序拉齐，但仅反对无限的 CSS 和组件，尚不适宜规模化凋谢。

• 实用于凋谢和笼罩到页面简略，对性能高的合作方和模板化场景内

• 较实用于通过低代码平台生成小程序的场景，把低代码平台反对的组件和模板反对用纯原生渲染

3.2.4 计划 Show- 混合渲染小程序

Tips：

• 应用 WebView 渲染页面和应用 Oryx/LynxView 渲染的页面共享同一个运行时，让高标准要求的页面能够应用 webview 渲染同时，可通过 Oryx/LynxView 满足高性能和体验要求的场景

3.2.5 计划 Show- OneCard 卡片

Tips：

• 基于小程序技术体系，面向标准化、轻量化、高性能的凋谢卡片场景，提供给开发者的 View 级别解决方案，可跟小程序运行时买通，可跟原生页面更好联动。

4. 单干 & 退出

笔者来自字节小程序根底技术团队。团队聚焦和致力于让字节小程序框架成为业内计划成果更优，能力更强，影响力和覆盖面更大的小程序框架。 咱们负责字节小程序框架建设并向字节内及内部利用赋能。如果你有要进一步理解和应用这套框架的须要，欢送进一步交换。如果你也热衷于这个生态和计划的建设，欢送退出咱们。单干 & 退出分割：yangdeli@bytedance.com

此文提到的小程序框架后续将在字节跳动利用开发套件 MARS 上线，MARS 是字节跳动终端技术团队过来九年在抖音、今日头条、西瓜视频、飞书、懂车帝等 App 的研发实际成绩，面向挪动研发、前端开发、QA、运维、产品经理、项目经理以及经营角色，提供一站式整体研发解决方案，助力企业研发模式降级，升高企业研发综合老本。欢送大家继续关注和接入应用。