01 简介
小程序解决了什么问题
相关的技术栈
1.HTML/CSS/JavaScript
2.NodeJS
3.移动设配
4.HTTP协议/HTTPS
5.OAuth2
6.GIT
主要的小程序平台
类似小程序的技术
Cordova: 通过webview渲染,通过插件调用系统服务
PWA: Service Worker和Push API
React Native/Weex: JavaScript通过JavaScriptCore等执行,并通过Bridges和Native组件交互
Flutter: Dart直接与独立系统的UI库进行交互
02 小程序技术架构
文件结构及其含义
1..json后缀的JSON配置文件
2..wxml后缀的WXML模板文件
(1)本质是HTML模板
(2)有特定的标签
(3)接管一些简单的逻辑判断
(4)JS不直接操作DOM,只负责set数据 (数据驱动)
3..wxss后缀的WXSS样式文件
(1)提供rpx单位
(2)精简的CSS
(3)提供全局和局部的CSS
4..js后缀的JS脚本逻辑文件
(1)负责逻辑交互
(2)APP/Page/Component三个构造函数
(3)可调用系统API
双线程模型
生命周期
组件
其他
(1)插件机制
(2)云端函数
(3)小游戏
03 开发发布流程
1.开发者在小程序平台注册小程序,以获得APPID
2.初始化代码并完成代码仓库配置
3.开发代码并调试
4.上传并发布
https://mp.weixin.qq.com/
04 小程序的发展
多端同构框架
1.意义:一次编写适配多端,一次迭代各端同步
2.利用Web的优点,以及对各个平台进行动态适配
自动化
1.控制小程序跳转到指定页面
2.获取小程序页面数据
3.获取小程序页面元素状态
4.触发小程序元素绑定事件
5.往AppService注入代码片段
6.调用wx对象上任意接口
硬件框架
https://developers.weixin.qq.com/doc/oplatform/Miniprogram Frame
云IDE
https://minicode.alipay.com/dashboard/recent?chInfo=ide-server
W3C小程序工作组