小程序作为一种轻量、便捷的应用，其应用范围正在越来越广泛。

很多没有开发经验的开发者可能都是第一次接触小程序开发，为了详细讲解小程序开发的步骤，下面我将按照小程序开发流程，一步步为大家介绍如何从零开始开发一个支付宝小程序，最新版本的demo将在后续教程中更新。

今天我们要讲的是开发小程序前必须要做的一些准备工作。

下面的文章将从“小程序应用创建”、“小程序平台配置信息介绍”和“小程序开发者工具介绍”三个方面进行讲解。

1. 小程序应用创建

众所周知，小程序最大的优势就是依托背后的平台，因此基于平台维度制作小程序的第一步就是入驻支付宝开放平台。

你可以按照官方文档进行注册：【如何注册支付宝开放平台】

ps：加入支付宝开放平台没有账户要求，只要是支付宝账户就可以。

成功加入平台之后，我们就可以进入开放平台首页创建小程序了。

点击【创建小程序】：

​

进入小程序创建页面后，需要填写【小程序名称】和【绑定实体账号】。

绑定主账号，直接选择当前账号：

⚠️注意（强调！！）：

创建成功之后会跳转到小程序的详细信息界面，此时我们就可以获取到，如下图：

以下是创建小程序的一些常见问题，供您参考：

2.小​​程序平台配置信息介绍

成功创建小程序后，我们可以看到平台上有很多的“配置信息”和“设置信息”，下面就一些重点配置给大家介绍一下~

1.基本信息 1.1小程序信息

第一是小程序信息，小程序信息大部分是对外展示的，每次修改都需要和小程序提交的版本一起审核，审核通过后才会生效。

​

1.2 基本设置

基础设置中需要关注的是搜索可见性设置和小程序隐私政策。

1.3 会员管理

一般情况下，小程序在开发完成之前，只有自己的账号可以看到，但是如果其他支付宝账号也想看到这个小程序，就需要使用会员管理配置，需要将别人的支付宝账号配置到会员管理中。

权限范围简要概括如下：

​

这部分涉及到很多权限，感兴趣的可以参考官方文档成员管理。

2. 开发设置

开发设置主要集中在“产品绑定”和“开发信息”两个区域~

2.1 产品绑定

产品绑定的目的是告诉支付宝你的小程序需要调用哪些函数，只要绑定了，并且产品状态是激活的，就意味着可以正常访问API。

小程序大部分API调用不需要绑定，但部分开放能力API需要绑定后才能调用，请查看你接入的API文档是否涉及此部分，如下图：

​

2.2 开发信息

在本节开发信息中，我们首先关注服务器域名白名单。

服务器域名白名单的作用是小程序前端请求后端服务器时，在这里配置服务器的域名地址，如果没有配置，则请求不会成功。

其他关键配置包括“接口签名方法”和“接口内容加密方法（AES）”。

这两部分的配置也主要影响的是服务器端，也就是数据传到服务器端之后，服务器端在请求支付宝的时候需要配置这些内容。

关于接口签名方式的配置可以参考我之前写的：

接口内容加密方法（AES）是前后端传输敏感信息时使用的密钥，详细配置请参考[如何配置AES密钥]

3. 审核/发布管理

小程序开发完成并上传版本后，我们可以在平台的版本管理->开发版本中看到我们上传的小程序，让体验人员直接用支付宝扫码即可体验，确认无误后即可提交审核。

​

审核通过后即可在线查看~

​

三、小程序开发者工具介绍 1、开发工具安装

小程序创建完成后，我们需要下载支付宝提供的小程序开发工具（IDE），并根据自己的模型进行下载安装。

我们小程序的后续开发、调试都会完全在这个工具中进行。

​

2. 创建小程序项目

选择【支付宝】：

​

IDE 提供了多个模板。我们来创建一个空白模板：

​

输入项目名称及项目路径，注意项目路径不要与IDE安装路径相同。

​

创建完成后我们就可以进入该工具的开发页面：

以下列出一些小程序开发工具常见的问题，供大家参考：

3.工具绑定小程序

此时我们还有两个步骤需要完成，第一个步骤就是登录支付宝账户。

我们点击左上角的登录按钮，用支付宝账号扫描二维码进行登录，需要在手机上确认授权：

​

登录成功之后，我们需要在IDE上关联我们之前在平台上创建的小程序，点击【选择关联的应用】，找到我们创建的小程序进行关联：

​

4.项目目录结构

接下来我们介绍小程序项目的目录结构。

创建成功后默认的目录结构如下：

├── mini.project.json 配置小程序全局环境（例如是否开启组件、是否开启基础库2.0版本等） ├── app.acss 全局样式配置 ├── app.js 小程序入口js ├── app.json 小程序的配置 └── pages 存放页面文件夹 └── index 首页 ├── index.acss 首页的样式 ├── index.axml 首页的模板 ├── index.js 首页的业务逻辑 └── index.json 首页的配置

5. 创建新页面

如果需要创建新的小程序页面，右键点击相应目录，点击【创建新的小程序页面】：

​

生成的页面默认会包含.json、.js、.axml、.acss四个文件：

​

此时在app.json文件中我们会发现刚刚创建的日志文件被自动加载了：

在这种配置中，位于顶部的页面路径就是主页。

至此，我们开发前的所有准备工作都已经完成了，下篇文章会详细讲解“如何调试小程序”，记得收藏哦~

​

希望这对你有帮助✿✿ヽ(°▽°)ノ✿~