申请账号

点击https://mp.weixin.qq.com/wxopen/waregister?action=step1 申请账号

注册成功后，可登陆微信公众平台https://mp.weixin.qq.com](https://mp.weixin.qq.com)在菜单 设置-开发设置 看到小程序的 AppID 了。

创建项目

新建项目时，选择空白文件夹，可创建quickStart示例项目。

目录结构

其目录结构如下所示：

project
│  app.js		----------------------------程序入口
│  app.json		--------------------------全局配置
│  app.wxss		--------------------------全局样式
│  project.config.json	----------------项目配置
│  
├─pages	--------------------------------页面文件夹
│  ├─index
│  │      index.js	--------------------js
│  │      index.wxml	------------------html
│  │      index.wxss	------------------css
│  │      
│  └─logs
│          logs.js
│          logs.json	------------------页面配置
│          logs.wxml
│          logs.wxss
│          
└─utils	--------------------------------工具类
        util.js

json配置

配置页面路径、窗口表现、设置多 tab 等。

单个页面的json配置只有window一项。

app.js

程序入口。

App() 必须在app.js中调用，必须调用且只能调用一次。接受一个 Object 参数，其指定小程序的生命周期回调等。

还可以在app.js中定义全局变量。

示例代码中在初始化小程序时，做了如下几件事。

1、调用 wx.login() 获取临时登录凭证code，可回传到开发者服务器。

2、使用 wx.getSetting() 获取用户当前的授权状态。

3、调用接口 wx.getUserInfo() ，获取用户信息。

发布准备

团队身份管理

可在微信公众平台统一管理项目成员、设置项目成员的权限。

入口：用户身份 – 成员管理

权限说明：

权限	说明
开发者权限	可使用小程序开发者工具进行开发
体验者权限	可使用体验版小程序
登录	可登录小程序管理后台，无需管理员确认
数据分析	使用小程序数据分析功能查看小程序数据
开发管理	小程序提交审核、发布、回退
开发设置	设置小程序服务器域名、消息推送
暂停服务设置	暂停小程序线上服务

服务器配置

每个小程序需要事先设置通讯域名，小程序可以跟指定的域名与进行网络通信。包括普通 HTTPS 请求（request）、上传文件（uploadFile）、下载文件（downloadFile) 和 WebSocket 通信（connectSocket）。

在微信公众平台 - 设置 - 开发设置 - 服务器域名中，可配置服务器域名。

必须使用https请求

域名不能使用 IP 地址或 localhost

域名必须经过 ICP 备案

不校验合法域名

若是请求不合法域名，会在控制台报错xxx不在以下 request 合法域名列表中，并无法请求。

在开发阶段，可以手动开启不校验合法域名。

开发者工具菜单设置 - 项目设置中勾选不校验合法域名。发出请求可以收到返回数据，控制台报一条警告。

预览

使用开发者工具可以预览小程序。

点击开发者工具顶部预览按钮，开发者工具会自动打包当前项目，并上传小程序代码至微信的服务器，成功之后会在界面上显示一个二维码。使用当前小程序开发者的微信扫码即可看到小程序在手机客户端上的真实表现。

上传代码

同预览不同，上传代码是用于提交体验或者审核使用的。

点击开发者工具顶部操作栏的上传按钮，填写版本号以及项目备注。上传成功之后，登录微信公众平台 - 开发管理 - 开发版本 就可以找到刚提交上传的版本了。

版本管理

版本	说明
开发版本	使用开发者工具，可将代码上传到开发版本中。开发版本只保留每人最新的一份上传代码。可将代码提交审核。开发版本可删除，不影响线上版本和审核中版本的代码。
体验版本	供测试人员和产品经理测试的版本。可将开发版本选为体验版本。
审核中版本	只能有一份代码处于审核中。有审核结果后可以发布到线上，也可直接重新提交审核，覆盖原审核版本。
线上版本	线上所有用户使用的代码版本，该版本代码在新版本代码发布后被覆盖更新。