前言

微信发布小程序后，越来越多的厂商页面纷纷发布自己的小程序。小程序的好处是毋庸置疑的。我总结了以下几点：

如果能在自己的app中实现类似小程序的功能该多好啊[严肃脸]。 。 。

因此，本文尝试从技术角度介绍如何在自己的应用中实现小程序的功能。

主要技术栈

是的，我们将使用 rn。因为我觉得 weex 有点半生不熟，不成熟，很多。当然最主要的原因还是rn比较熟悉-。 - 喜欢Weex和Weex的同学请不要犯错，哈哈哈。

/iOS

由于是小程序，所以需要熟悉这两个底层平台。

写rn离不开他

基本思路

众所周知，它是一个跨平台的应用程序解决方案，京东、携程等各大公司都在使用。作为普通开发者，你可能会开始使用（注意本文没有使用expo cli）。

按照上面的步骤，你几乎可以编写一个简单的demo了。纯粹的开发步骤大致如下：

首先在模式下进行开发，将UI和逻辑调试到几乎相同的水平。然后，测试合格后，即可包装并准备上架。但实际上，在将项目打包成apk和ipa之前，会先运行这个命令：

react-native bundle

不知道这个命令是做什么的同学可以输入help看看。由于篇幅限制，这个命令这里就不详细解释了，但是一般来说，这个命令会让你指定一个js文件作为入口，然后将相关的js代码打包成一个js放到iOS目录下项目 。你的apk/ipa打完后，原生代码会单独加载这个，然后按照js逻辑走。

整个过程看起来没有任何问题，但是当你的项目变得越来越复杂时，你会发现从加载到首屏的时间（ time）越来越长。官方有一些优化建议，但是当你的项目足够大并且使用的时候，想要减少首屏时间其实是很难的。

目前比较好的办法是对项目进行分包：基础功能包（ ）和相关业务包（ ）。其实这也是整个小程序的核心。基本功能都内置到apk/ipa中，然后可以内置相关的东西，或者放在服务器/cdn上，需要的时候可以本地加载使用或者下载使用。同时，为了加快首屏速度，最初呈现给用户的UI都是用代码编写的。

基本实现

一般来说，会从几个方面来讨论：

如何实现分包加载本地分包

这一部分将分为基础和业务两部分。

(a) 加载基础包 (b) 加载业务包 加载远程子包的技巧

分包后怎么走？

关于简单开发流程的一些思考