开篇介绍

89 阅读3分钟

从2017年小程序诞生开始,小程序开发已经经过了8个年头;目前各家厂商也逐渐推出自家的小程序开发,这种开发场景已经成为了前端开发们避不开的一种场景。

目前市面上有很多针对小程序开发的原理介绍,但文字描述总觉浅,而较为详细讲述小程序实现的文章却很少,这也是本小册的目的:

从0开始,采用纯前端技术,手写搭建一个可运行的小程序框架。

既然是小程序框架实现相关的小册,对于看官们来说有一定的基础要求,希望你在阅读本小册之前,具备以下基础知识:

  • 具备前端开发的基础能力,包括 HTML,CSS,JS;同时使用过 JS ES6+ 进行过开发
  • 开发过小程序(至少是了解过小程序的开发流程),清楚小程序的结构和开发模式

如果以上能力你都具备,那么接着往下看吧! 🎉🎉🎉🎉

这里先介绍下本小册的一些小Tips:

  1. 小册将从0开始一步步带你实现一个小程序框架的各个组成部分,整个实现基本采用纯前端技术栈(Vue + TS);但是为了模拟一些客户端的能力,我们将使用 Tauri 搭建一个基础的客户端环境,并有少量的Rust逻辑编写(不会很多,不影响正常食用)

  2. 因为是从0实现框架原理,小册中会包括大量大代码实现部分,喵游将尽可能的拆解代码实现并描述原因,如果在阅读过程中有疑问,可通过留言进行提问,喵游会尽快给你进一步的解答~ (感谢支持 ☺️☺️)

  3. 小册属于原理实现教程,部分内容和真实小程序实现会有差异,会进行一定的简化改造,所以请大家在阅读过程中多多理解。

  4. 喵游在工作之余编写此小册,更新过程不会很快,如果短时间没有及时更新,请各位看官们多多理解,喵游会加足马力的(周末会加快编写进度哒 ~~ 🙏🙏🙏)

  5. 各位看官如果觉得此小册对你有帮助,可以订阅下小册哦,给作者点关注点个赞,感谢每一位看官的支持!(🥳🥳🥳)

现在我们来说下小册主要涉及的一些内容,各位看官们先行了解下我们将会干什么~~ (内容按照小册编写从前到后的顺序)

  • 使用 Tauri 搭建小程序框架开发环境
  • 构建客户端应用管理器(模拟客户端API效果,用于管理小程序的拉起和退出等)
  • 拆解小程序双线程架构模式,实现客户端调度逻辑
  • 小程序编译引擎,构建第一个简易小程序
  • 搭建小程序逻辑线程执行引擎,加载第一个小程序逻辑代码
  • 搭建小程序UI线程执行引擎,渲染小程序页面
  • 构建双线程通信 JSBridge,小程序完整启动
  • 开发小程序包下载管理逻辑,完整模拟小程序启动流程

好啦,阅读到这里,如果你感兴趣该小册,请加入你的订阅,我们一起从前端视角看透小程序本质吧~~ ⛵️⛵️⛵️⛵️⛵️