初识小程序

小程序如何创建小程序项目

• 微信开发者工具的使用、app ID的获取

小程序项目的基本组成结构

• app.js、app.json、app.wxss、pages文件夹

小程序页面由几部分组成

• wxml \ wxss \ json \ js

小程序中常见的组件如何使用

• view 、text、image

小程序如何进行协同开发和发布

• 成员管理、发布小程序、查看运营数据

 

小程序与普通网页开发的区别

1. 运行环境不同

   1. 网页运行在浏览器环境中

   2. 小程序运行在微信环境中

2. API 不同

   1. 无法调用 DOM 和 BOM 的 API

3. 开发模式不同

 

小程序的项目结构

pages : 存放所有小程序的的页面

utils : 用来存放工具性质的模块（例如：格式化时间的自定义模块）

app.js : 小程序项目的入口文件

app.json 小程序项目的全局配置文件

app.wxss 小程序项目的全局样式文件

project.config.json 项目的配置文件

sitemap.json 用来配置小程序及其页面是否允许被微信索引

 

json 配置文件

小程序项目中有 4 种配置文件：

1. 项目根目录中的 app.json 配置文件

2. 项目根目录中的 project.config.json 配置文件

3. 项目根目录中的 sitemap.json 配置文件

4. 每个页面文件夹中的 .json 配置文件

 

app.json

app.json 是当前小程序的全局配置，包括了小程序的所有页面路径、窗口外观、界面表现，底部 tab 等。

配置项：

1. pages：用来记录当前小程序所有页面的路径

2. window：全局定义小程序页面的背景色、文字颜色等

3. style：全局定义小程序所使用的样式版本

4. sitemaoLocation：用来指明 sitemap.json的位置

 

project.comfig.json 文件

是项目配置文件，用来记录我们对小程序开发工具所作的个性化配置。

• setting 中保存了 编译相关的配置

• projectname 中保存的是项目名称

• appid 中保存的是小程序的账号 ID

 

sitemap.json 文件

用来配置小程序页面是否允许微信索引。

sitemap 的索引提示是默认开启的，如需要关闭 sitemap 的索引提示，可在小程序项目配置文件 project.comfig.json 的 setting 中配置字段 checkSiteMap 为 false

 

页面的 .json 配置文件

小程序中的每一个页面，可以使用 .json 文件来对本页面的窗口外观进行配置，页面中的配置项会覆盖 app.json 的 window 中相同的配置项。

 

新建小程序页面

只需要在 app.json → pages 中新增页面的存放路径，小程序开发者工具即可帮我们自动创建对应的页面文件。

 

组件

text

• selectable：长按选择文本（真机才能预览）

rich-text

将 html 渲染到微信小程序上（node 属性）

button

• open-type：可以调用微信提供的各种功能（客服、转发、获取用户授权、获取用户信息等）

• plain：镂空

控制样式：app.json - “style”：控制按钮样式的版本

 

小程序 API 的三大分类

1. 事件监听 API

   1. 以 on 开头，用来监听某些事件的触发

2. 同步 API

   1. 以 sync 结尾的 API 都是同步 API

   2. 同步 API 的执行结果，可以通过函数返回值直接获取，如果执行出错会抛出异常

3. 异步 API

   1. 类似于 jQuery 中的 $.ajax(options) 函数，需要通过 success \ fail \ complete接收调用的结果

 

发布

1. 开发版本

2. 体验版本

3. 审核中的版本

4. 线上版本