微信小程序研发过程

网络的进步让人们的生活方便了很多，小程序是其中的佼佼者。小程序可以设多个入口，不占内容，不需要下载，使用起来也方便，为手机能节省不少空间。下面成都未来网络为大众科普一下研制小程序的过程。

1、获取微信小程序的AppID

登录微信公众平台，就可以在网站的“设置”-“研制者设置”中，查看到微信小程序的AppID了，注意不可直接使用服务号或订阅号的AppID。

注意：假如要以非管理员微信号在手机上体验该小程序，那么我们还需要操作“绑定研发者”。即在“用户身份”-“研发者”模块，绑定上需要体验该小程序的微信号。本教程默认注册帐号、体验全是使用管理员微信号。

2、创建項目

我们需要根据研发者工具，来完成小程序创建和代码编辑。

研制者工具安装完成后，打开并使用微信扫码登录。选择创建“項目”，填入上文获取到的AppID，设置一个本地項目的名称（非小程序名称），比如“我的*个項目”，并选择一个本地的文件夹做为代码存储的目录，点击“新建項目”就可以了。

为方便初学者了解微信小程序的基本代码结构，在创建流程中，要是选择的本地文件夹是个空文件夹，研发者工具会提示，是否需要创建一个quickstart項目。选择“是”，研制者工具会帮助我们在研制目录里生成一个简易的demo。

項目创建成功后，我们就可以点击该項目，进入并看到完整的研制者工具界面，点击左侧导航，在“编辑”里可以查看和编辑我们的代码，在“调试”里可以测试代码并摹仿小程序在微信客户端效果，在“項目”里可以发送到手机里预览实际效果。

3、编写代码

创建小程序实例

点击研发者工具左侧导航的“编辑”，我们可以看到这个項目，已经初始化并包含了一些简易的代码文件。关键还是必不可少的，是app.js、app.json、app.wxss这三个。其中，.js后缀的是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件。微信小程序会读取这些文件，并生成小程序实例。

创建页面

在这个教程里，我们有两个页面，index页面和logs页面，即欢迎页和小程序启动日志的展示页，他们都在pages目录下。微信小程序中的每一个页面的【路径+页面名】都需要写在app.json的pages中，且pages中的*个页面是小程序的首页。

每一个小程序页面是由同路径下同名的四个不同后缀文件的组成，如：index.js、index.wxml、index.wxss、index.json。.js后缀的文件是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件，.wxml后缀的文件是页面结构文件。

4、手机预览

研制者工具左侧菜单栏选择"項目"，点击"预览"，扫码后即可在微信客户端中体验。