如何使用小程序开发App

背景：我们都知道小程序的体验比直接在app中嵌入h5要好。我们都知道小程序实际上是在App上运行的。那么为什么我们不能用小程序来开发App呢？这样，小程序和App都可以开发一次。它还可以实现App的动态更新，而无需提交App市场进行审查。我们只需要为小程序载体构建一个app外壳（如微信小程序sdk），体验效果接近原始。创建一个类似的小程序平台，将我们当前的App项目框架从组件化改为小程序平台架构。

每个业务程序都是一个提供本机功能的小程序。

小程序App框架

什么是小程序？首先，我们需要知道什么是小程序？市面上有很多小程序，与传统应用相比，小程序不需要安装或卸载，而是在微信、百度、支付宝等大型应用载体上运行。虽然每个小程序都不差多少，但它都定义了自己的开发语言和规范，这对开发者来说也是一大麻烦。

小程序是介于网页App和本地App之间的产品；

什么是小程序

小程序和混合App之间的关系最初认为混合App是使用App的webview加载h5文件，然后webview使用js和本机通信使js能够调用h5方法，h5方法调用本机方法。弥补h5无法拍照和打电话的缺陷。然而，h5效果将有一个短的白色屏幕，体验无法达到原始效果（提供一个简单的效果）。后来，当我接触小程序时，我觉得小程序的体验与原生小程序没有太大区别。可以说，对于专业人士来说，这基本上是无法区分的。为什么小程序的体验比普通h5更好？这让我非常感兴趣，所以我开始深入了解小程序。

初步了解将h5用作混合App和小程序的区别：

相似之处：1.两者都是网络视图渲染

2.两个js都通过桥接与本机通信

3.您可以调用本机组件

4.您可以下载资源文件并在本地加载渲染

区别：1.混合意味着html有dom操作，而小程序是屏蔽直接dom操作的虚拟dom

2.小程序有一个服务层，负责处理业务逻辑和数据处理

3.小程序页面具有原生页面的生命周期管理

4.小程序选项卡和栏是本机控件

5.小程序类web不是h5

6.小程序基于微信跨平台

以微信小程序为例，进一步拓展了小程序的原理

我们都知道微信小程序有自己的开发语言，有很多方法可以从wx开始。什么可以转换成微信App可以识别的语言？微信开发工具开发完成后，审核后会向微信发送什么样的文件？关于这些问题，我查阅了很多资料。小程序的技术架构非常清晰，易于理解。JS负责业务逻辑的实现，而表示层由WXML和WXSS共同实现。前者实际上是微信定义的模板语言，后者类似于CSS。但是，语法毕竟是自定义的，因此它要么在发布之前编译，要么在渲染期间转换为webview识别的语法。我们发现这两个节点的微信已经被处理，我们得到了发送到微信的wxapkg格式的小包裹。解包后，它们都是js和html，而不是我们开发的WXML和WXSS格式。但是，当直接用浏览器打开该html时，它是空白的。内容在渲染期间动态添加。