一渡狗小编就简单介绍一下如何开发支付宝小程序以及如何快速开发支付宝小程序。

蚁哥指导

自8月18日支付宝小程序正式向开发者开放公测以来，一批优秀的小程序开发者入驻。当天，蚂蚁开发者大赛——支付宝小程序开发者大赛正式开放报名。

支付宝小程序积累了支付宝多年的技术积累。 它在组件上采用了支付宝的蚂蚁设计，并在开放的API上封装了自己的特色能力。 它采用开源/其他技术作为框架基础，形成以下特点：

基于Web技术，学习成本低

一套代码，同时支持iOS和，接近原生体验

无缝访问 npm，由庞大的开源社区支持

那么问题来了，如何快速开发一个支付宝小程序呢？ 看完这篇文章你就知道了~！

△注：建议在PC端打开本文查看。 将以下 URL 复制到浏览器中并打开以访问超链接。 请点击图片查看更清晰~

1、开发商入驻

使用（）登录蚂蚁金服开放平台；

输入（）申请小程序公测，审核时间为1个工作日；

△注1：公测期间尚未开通个人支付宝账户

△注2：尚未注册企业支付宝账户的，请访问：注册企业支付宝账户（）

2. 获取小程序

登录开放平台（）进入开发者中心频道

点击左侧菜单，可以看到已创建的小程序列表，如果您还没有创建过小程序，请先()

创建完成后可以在列表页看到对应的小程序，上传版本时需要填写这个ID

△注意：使用个人支付宝账户登录时，无法看到开发者中心左侧的菜单。 请先注册您的企业支付宝账户（）

3.下载/登录IDE

首先，请下载小程序开发IDE工具（）。 是一款辅助支付宝小程序开发的本地应用工具。 包含本地调试、代码编辑、真机预览、发布等功能，覆盖应用开发的全流程。

下载完成后打开，打开手机上的支付宝APP，扫码确认并登录。

△注意：如果登录无反应，请尝试完全退出手机上的支付宝应用，然后重新打开。

4. 项目创建

登录成功后，您将看到以下界面。

单击“创建项目”，选择文件夹，完成新项目的创建。

5. 代码编辑

打开项目，默认进入代码编辑模式。 从左到右分别是文件操作区、代码编辑区和预览区。

在代码编辑区域，可以对当前项目进行代码编写、文件增删改名等基本操作。 在代码编辑区修改任何代码都会重新编译，然后自动刷新应用程序。

该工具为我的界面和axml提供了很多自动补全提示，帮助开发者提高效率。

6. 示例代码

点击创建项目后，会出现项目模板选择界面。 我们可以选择模板项目作为我们的初始项目。 本项目初始化了一些示例文件，如必备的app.js、app.json以及特定页面的js、axml、acss等。 其中.js后缀为逻辑脚本文件，.json后缀为配置文件，.acss后缀为样式文件，.axml后缀为模板文件。 小程序启动后会根据app.js生成一个()的实例。

接下来我们详细解释一下小程序的各个组成部分：

1. 应用程序

app.js是小程序的通用逻辑脚本文件。 在这个文件中，你可以监控小程序的生命周期，声明全局变量，以及调用框架提供的丰富的API，比如下面展示的存储和用户信息API，更多API请参见API文档( )。

△ 点击放大图片查看更清晰（下同）

app.json 是属于小程序的全局配置。 在这个json文件中，可以记录配置小程序的页面集合。

常见的状态栏、导航栏、标题、窗口背景色等什邡支付宝小程序开发，更多配置参见文档配置（#app.json）。

app.acss是小程序的公共样式，可以直接使用页面的axml中app.acss定义的选择器来影响所有页面的样式。

上面例子中的页面是框架支持的特殊选择器，它会匹配框架提供的页面根节点容器。

2.页面

在此示例中，我们有两个页面，“待办事项列表”页面和“添加待办事项”页面，都位于该目录下。 小程序的所有页面路径都必须写在app.json中。 路径从项目根目录开始，不能包含后缀名。 第一页是小程序的首页。

每个小程序页面()由同一路径下的四类文件组成，分别是后缀为.js的逻辑脚本文件、后缀为.json的配置文件、后缀为.acss的样式文件和后缀为.axml的模板文件。

3. 待办事项列表页面

.axml是页面结构模板文件：

使用

(),

(),

(),

(),

(),

(),

构建页面结构和a:for（#list渲染）绑定数据，并将数据循环展开到节点。

绑定数据请参考视图层()文档，绑定事件请参考事件处理()文档。

.js是页面的逻辑脚本文件：

在此文件中您可以：

监听并处理页面的生命周期函数 (, , , , )。

获取小程序实例和其他页面实例 (, )。