微信小程序

微信小程序

限制大小2MB，大多数APP都应该配套一个小程序，软件成面的地面推广，用二维码，线下的情景交易

项目上线流程

本地开发：在微信web开发工具中预览和编辑

开发版：开发者可以真机测试

体验版：供开发者和体验者进行上线前的测试

提交审核：提交微信审核

线上版：微信审核完成后

团队开发职责划分

管理员：开发、测试、发布

开发者：开发、测试

体验者：测试权限

这三个文件是针对整个程序而言的逻辑，配置和样式

app.js:小程序的整体逻辑和公用的逻辑放在这里，

app.json:小程序的一些配置，

app.wxss：公用的样式

index文件夹负责单个页面的逻辑、配置和样式，index.js等等，index.wxml,首页结构的展示，小程序全局通用文件包含app.js,app.json,app.wxss，而小程序页面级别文件包含index.js,index.json,index.wxss,index.wxml

js文件：逻辑文件，逻辑层

json文件：配置文件,配置层

wxml文件：布局文件，视图层

wxss文件：样式文件，视图层

当全局和页面级别文件都有一个共同的样式的时候，优先页面级别样式

app.json

全局配置文件,详细配置信息到微信小程序网站学习

pages,设置页面路径，有先后顺序，在前面的首先显示

windows，设置默认页面的窗口表现，

tabBar 设置底部tab的表现

networkTimeout 设置网络超时时间,默认超时时间1分钟

debug，设置是否开启debug模式，开发的时候使用

在配置颜色的时候最好不要用red yellow这种单词格式，使用#ff0000格式可以让发布版本在手机上测试的时候不出现bug

index.json

每一个小程序页面也可以使用 .json 文件来对本页面的窗口表现进行配置。页面中配置项在当前页面会覆盖

逻辑层

增加 App 和 Page 方法，进行程序注册和页面注册。

增加 getApp 和 getCurrentPages 方法，分别用来获取 App 实例和当前页面栈。

提供丰富的 API，如微信用户数据，扫一扫，支付等微信特有能力。

提供模块化能力，每个页面有独立的作用域。

视图层

wxml：WXML（WeiXin Markup Language）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。

wxss:WXSS 用来决定 WXML 的组件应该怎么显示。