浅析⼩程序技术架构（原创）
周末万⾥虎抽空体验了下⼩程序的DEMO，对⼩程序的开发有了⼀个基础的了解与认识，今天就来和⼤家分享⼀下我对⼩程序的看法。
从官⽅DEMO来看，⼩程序在技术架构上⾮常清晰易懂。JS负责业务逻辑的实现，⽽表现层则WXML和WXSS来共同实现，前者其实就是⼀种定义的模板语⾔，⽽后者类似CSS。所以对于擅长前端开发，或者WEB开发的⼴⼤开发者⽽已，⼩程序的开发可谓降低了不少门槛。
从上⾯的⼩程序架构图上可以清晰的看出，⼩程序借助的是JSBridge实现了对底层API接⼝的调⽤，所以在⼩程序⾥⾯开发，开发者不⽤太多去考虑IOS，安卓的实现差异的问题，安⼼在上层的视图层和逻辑层进⾏开发即可。
当我们在启动⼩程序的时候，你会发现⾸次启动的时候，会有点延迟的想象，这⾥其实是⼩程序正在从CDN和WEB服务器上下载资源导致的延迟。我个⼈感觉这个是⽬前⼩程序体验上的⼀点⼩缺憾，有延迟加载的感觉。
关于⼩程序的⽣命周期，可以分为两个部分来理解：应⽤⽣命周期（左侧蓝⾊部分）和页⾯⽣命周期（右侧绿⾊部分）。其中应⽤的⽣命周期是这样⼀个流程：1、⽤户⾸次打开⼩程序，触发 onLaunch（全局只触发⼀次）。2、⼩程序初始化完成后，触发onShow⽅法，监听⼩程序显⽰。3、⼩程序从前台进⼊后台，触发 onHide⽅法。4、⼩程序从后台进⼊前台显⽰，触发 onShow⽅法。5、⼩程序后台运⾏⼀定时间，或系统资源占⽤过⾼，会被销毁。页⾯⽣命周期是这样的⼀个流程：1、⼩程序注册完成后，加载页⾯，触发onLoad⽅法。2、页⾯载⼊后触发onShow⽅法，显⽰页⾯。3、⾸次显⽰页⾯，会触发onReady⽅法，渲染页⾯元素和样式，⼀个页⾯只会调⽤⼀次。4、当⼩程序后台运⾏或跳转到其
他页⾯时，触发onHide⽅法。5、当⼩程序有后台进⼊到前台运⾏或重新进⼊页⾯时，触发onShow⽅法。6、当使⽤重定向⽅法wx.redirectTo(OBJECT)或关闭当前页返回上⼀页wx.navigateBack()，触发onUnload。同时，应⽤⽣命周期会影响到页⾯⽣命周期。
综上来看，⼩程序的技术架构上的清晰明了，相⽐沉重的原⽣APP开发⽽已要好理解的多。⽽近期⼩程序官⽅逐步的释放⼩程序的⼀些⼊⼝，由此可见⼩程序也将慢慢的得到官⽅更⼤的流量⽀持。万⾥虎个⼈还是⾮常看好⼩程序的未来，简单、⾼效、⽅便、快捷的⽤户体验，这些都符合⼀个好程序的特质。⼩程序也许会在不久的将来成为下⼀个⾦矿，吸引更多开发者涌⼊。
以下来⾃⽹友：
1. 框架程序包含⼀个描述整体程序的 app 和多个描述各⾃页⾯的 page。⼀个框架程序主体部分由三个⽂件组成，必须放在项⽬的根⽬
录。
⽂件作⽤
app.js⼩程序(全局)逻辑
app.json⼩程序(全局)公共设置，决定页⾯⽂件的路径、窗⼝表
原生安卓app开发
现、设置⽹络超时时间、设置多 tab 等
app.wxss⼩程序公共(全局)样式表
3. ⼀个框架页⾯由四个⽂件组成：
⽂件类型作⽤
js页⾯逻辑
wxml页⾯结构，框架设计的⼀套标签语⾔，结合基础组件、
事件系统，可以构建出页⾯的结构。
wxss是⼀套样式语⾔，⽤于描述 WXML 的组件样式。⽤来决
定 WXML 的组件应该怎么显⽰。
json页⾯配置
按照『约定优于配置』的原则，⼀个框架页⾯⾄少包含js、wxml、wxss三个⽂件类型，⽂件名要⼀样，
例如⾸页index.js、index.wxml、index.wxss，并且要放在同⼀⽂件夹下。页⾯注册时，⽂件名不需要写⽂件后缀，因为框架会⾃动去寻路径.json,.js,.wxml,.wxss的四个⽂件进⾏整合。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。