一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第11天，点击查看活动详情。

小程序特点与使用场景

无需下载，用完即走，依托于微信平台。

比较app，优点是：开发成本，推广成本，维系成本更低；缺点是：计算能力不足，对于大量计算能力的场景，体验较差；灵活性不足，功能局限于微信官方提供的接口功能；

受微信限制，不允许滥用影响到微信生态。

比较h5，运行环境不同，导致接口能力不同，访问入口和使用体验也不同。

3种运行载体的比较

小程序适合场景

1.低频服务行业

如家政服务业，汽车购票。

用得少，用完即走。

2.部分工具类产品

低频，刚需场景

3.作为增量渠道，为已有app团队导流

借公众号导流

4.为初创团队的产品模式探路

低成本迭代产品形态和营销模式

小程序的限制

1.依赖宿主环境微信，无法在非微信环境打开

2.需要接受微信团队审核，无法像h5快速迭代

3.苹果公司限制，小程序不支持对虚拟商品进行支付

4.所有后台接口使用的域名必须经过工信部备案

环境搭建

注册开发者账号

个人，个体，公司账号

设置小程序信息

名称，头像（144*144px），介绍，服务类目设置

一个月可申请修改3次服务类目

项目成员：都可使用体验版小程序

运营者：可管理，推广，设置；

开发者：开发，开发者工具；

基础数据分析者：统计模块；

交易数据分析者：统计模块。

开发者ID：小程序app id，小程序密钥app secret

App id：真机调试，发布小程序，微信账号体系内唯一身份凭证

App secret：小程序拥有所有权的凭证，据此实现发送消息，动态生成小程序码等操作

首次生成需要保存，非明文保存。

设置小程序开发信息

设置服务器配置域名。

不同的配置对应不同的权限。

例如，你的小程序需要访问test.qq.com/api/new 接口，因为你需要使用小程序wx.request(OBJECT) 方法，所以需要设置 test.qq.com 域名为你的request 合法域名。

安装开发者工具

安装稳定版。

新增小程序-新建项目

开发模式：小程序or插件

后端服务：不使用云服务or小程序云开发

开发者工具主界面

最上方：导航菜单栏

左侧：模拟器预览，实时预览代码，快速调试代码

右上：编辑器界面，编写代码

右下：控制台。包括窗口：

• console：输出调试信息和错误信息
• network：观察小程序发送的请求和返回信息
• storage：显示小程序代码中主动存储的缓存信息
• app data：小程序当前页面数据信息。小程序实现了数据双向绑定，这里修改页面数据，会实时显示在调试预览页面上。
• wxml：查看页面真实dom结构，可以直接修改dom树或对应样式

右上角详情，可以查看编译相关配置。

比较重要的是“不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书”，如果你有域名还未申请或还未通过审核，把这个选项勾选上就可以跳过白名单检查

真机调试小程序

工具栏-点击预览-扫码，可在微信里打开。

打开后，小程序右上角三个点-开发调试（在最后一个，可能需要手动向右滑）

打开调试后，会退出小程序。

需要在我的小程序里，重新打开：微信-向上拉-最近小程序-第一个

打包上传小程序

在开发者工具里，点击上传。编译后，在小程序管理后台，版本管理-开发版本里可以看到。可以选择提交审核，或者选为体验版。

在小程序助手（官方小程序）里，也可以管理小程序，可以查看数据