一、开发前的准备

开发环境：微信推出的官方开发工具。

申请 Appid ：相关公司或个人申请到 Appid 后可以进行真机的调试和预览，否则只能在开发工具里进行调试。

备案域名和证书：微信小程序仅支持 https 协议，所以务必绑定含有证书的域名，才能在正式上线后进行使用。

二、项目结构

微信小程序底层借鉴了 React 框架的思想，整个开发围绕着组件化开发和数据绑定的模式进行，与传统的 jQuery 开发逻辑不同。

在开发工具中建立项目，选择 quickstart 选项，会自动生成项目的框架，并补充部分代码。

如图所示， .wxss 后缀是样式文件，类似于 css ，整个文件的书写语法和 css 一致， .js 后缀的是脚本文件，和传统前端开发的 js 文件作用一样， .json 后缀文件是配置文件，页面相关配置的书写都在这个文件中。这些文件在进入小程序之后就会运行，生成小程序实例。

下面我们简单学习一下这三个文件的作用。

1 、 app.js 是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量、建立一些登录和获取用户信息的全局方法，进行本地数据的读写存储。

2 、 app.json 是对整个小程序的全局配置。在这个文件中我们可以注册每个页面，设定小程序窗口的背景颜色和导航文字，设置小程序的 tab 分页等。

3 、 app.wxss 是整个小程序的公共样式表。它是全局的，页面里的元素也都