小程序开发准备

完成入驻与小程序创建后，正式开发小程序之前需要完成以下准备。

下载并安装小程序开发者工具

小程序开发者工具是辅助开发支付宝小程序的本地应用工具，包含本地调试、代码编辑、真机预览、发布等功能，覆盖了应用开发的完整流程。下载 并安装小程序开发者工具。请根据操作系统选择对应的开发工具：Windows 64 位或 MacOS。其它操作系统下暂时未提供开发工具。

创建并体验 Todo App 小程序

1.打开小程序开发者工具，点击 新建项目。3-26.png

2.确保左侧栏选中的是 支付宝小程序，选中模板库中的 Todo App 示例 进行快速创建，点击 下一步。

3-26-2.png

3.填写 项目名称、项目路径 ，点击 完成 。

3-27-9.png

4.在开发者工具右侧模拟器预览小程序效果。3-26-4.png

至此第一个小程序已创建完成。

在手机上预览小程序

1.使用手机支付宝扫码登录开发者工具，并允许关联支付宝小程序。image.png

Image 3.png

2.点击开发者工具右上角工具栏上的 预览 按钮。Image 4.png

3.点击 确认推送，即可在手机上运行和预览小程序了。

Image 7.png

IMG_2666.PNG

常见问题

以下是小程序开发初始阶段常见问题及其相关文档：

设置接口加签方式

接口加签方式主要用于签名和验签，其中私钥由开发者保存，公钥可对外公开，私钥用于签名，公钥用于验签。开发者保存自己的私钥，通过支付宝提供的公钥进行通信来保证信息传输的完整性以及发送者身份的真实性。在“小程序详情／设置”中为小程序完成公钥设置，详细可查看【设置接口加签方式】。小程序开发准备 - 图10

配置 httpRequest 接口请求域名白名单

支付宝小程序限制支付宝客户端域内调用，需要进行域外调用时，比如获取图片、获取后台数据等，请在 小程序详情 > 设置 中添加 httpRequest 接口请求域名白名单，最多可添加 5 个 URL 。

小程序开发准备 - 图11

添加小程序开发者/体验者

每个小程序都可以设置自己的开发者和体验者。每个小程序可添加 30 个开发者和 50 个体验者，开发者默认为体验者，不占用体验者名额。

  • 开发者，可以进行该小程序的开发，在“开发工具”中执行开发版本上传。

  • 体验者，可以扫码体验该小程序的体验版，体验版设置请查阅体验版测试。

登录开发者中心，进入到单个小程序详情页，点击“成员管理”，可添加开发者和体验者。3-27-4.png

输入支付宝账号即可添加，添加后，请被邀请者打开支付宝客户端，进入“朋友”页面“消息中心”来确认成为开发者或体验者。小程序开发准备 - 图13

支付宝客户端朋友页面：3-27-1.png

3-27-2.png

3-27-3.png添加成功后，可对开发者或体验者进行解绑操作，解绑后及时生效，无需对方确认。

小程序开发准备 - 图17

配置 https

相比于http，https可以提供更加优质保密的信息，保证了用户数据的安全性，此外https同时也一定程度上保护了服务端，使用恶意攻击和伪装数据的成本大大提高。所以后续小程序会强制使用https，还在使用http协议的开发者需要尽快对服务器进行升级。

整体升级步骤如下：小程序开发准备 - 图18为了方便开发者尽快进行https的配置，我们提供了免费的ssl证书，点此申请。或者在这里了解什么是 证书服务。

了解用户授权

用户信息的读写均需要经过用户的许可才允许开发者使用，请先了解 用户授权。

下载服务端SDK

开发过程可能需要调用到服务端API，请先了解服务端API调用方式，服务端SDK。