×

支付宝小程序介绍

支付宝小程序 开发者入驻支付宝小程序 创建小程序支付宝小程序 开发准备支付宝小程序 提审、发布与修改

支付宝小程序 开放能力

支付宝小程序 获取会员信息支付宝小程序 接入支付支付宝小程序 芝麻信用评分(普惠版)支付宝卡包产品介绍alipay.system.oauth.token(换取授权访问令牌)蚂蚁金服支付宝开发文档——第三方应用授权支付宝小程序介绍 信用借还支付宝小程序 二维码支付宝小程序 安全检测支付宝小程序DEMO

支付宝小程序开发文档

蚂蚁支付宝小程序开发教程手册文档

支付宝小程序 框架

支付宝小程序框架 概述·overview支付宝小程序框架 App支付宝小程序框架 Page支付宝小程序框架 视图层·axml支付宝小程序框架 事件·events支付宝小程序框架 样式·acss支付宝小程序框架 兼容·compatibility

支付宝小程序 组件

支付宝小程序 视图容器

支付宝小程序组件 视图容器·View支付宝小程序组件 滑块视图容器·Swiper支付宝小程序组件 可滚动视图区域·Scroll View

支付宝小程序 基础内容

支付宝小程序组件 文本·Text支付宝小程序组件 图标·Icon支付宝小程序组件 进度条·Progress

支付宝小程序 表单组件

支付宝小程序表单组件 单选项目·Switch支付宝小程序表单组件 滑动选择器·Slider支付宝小程序表单组件 输入框·Textarea支付宝小程序表单组件 Label支付宝小程序表单组件 Radio支付宝小程序表单组件 输入框·Input支付宝小程序表单组件 嵌入页面的滚动选择器·Picker View支付宝小程序表单组件 多选项目·Checkbox支付宝小程序表单组件 表单·Form支付宝小程序表单组件 按钮·Button支付宝小程序表单组件 Picker

支付宝小程序 导航

支付宝小程序组件 页面链接·Navigator

支付宝小程序 媒体组件

支付宝小程序组件 图片·Image

支付宝小程序 画布

支付宝小程序组件 画布·Canvas

支付宝小程序 地图

支付宝小程序组件 地图·Map

支付宝小程序 开放组件

支付宝小程序 关注生活号组件 lifestyle支付宝小程序 云客服组件 Contact-button

支付宝小程序 API

支付宝小程序 界面

支付宝小程序API 导航栏支付宝小程序API TabBar支付宝小程序API 交互反馈支付宝小程序API 下拉刷新支付宝小程序API 联系人支付宝小程序API 选择城市支付宝小程序API 选择日期支付宝小程序API 动画·Animation支付宝小程序API 画布·canvas支付宝小程序API 地图支付宝小程序API 键盘支付宝小程序API 滚动支付宝小程序API 节点查询

支付宝小程序 开放接口

支付宝小程序API 用户授权支付宝小程序API 客户端获取会员信息支付宝小程序API 小程序唤起支付支付宝小程序API 小程序二维码支付宝小程序API 跳转支付宝卡包支付宝小程序API 芝麻认证支付宝小程序API 信用借还

支付宝小程序 多媒体

支付宝小程序API 图片·Image支付宝小程序API 缓存支付宝小程序API 文件支付宝小程序API 位置支付宝小程序API 网络

支付宝小程序API 设备

支付宝小程序API 获取基础库版本号支付宝小程序API canIUse支付宝小程序API 系统信息支付宝小程序API 网络状态支付宝小程序API 剪贴板支付宝小程序API 摇一摇支付宝小程序API 震动支付宝小程序API 拨打电话支付宝小程序API 获取服务器时间支付宝小程序API 用户截屏事件支付宝小程序API 屏幕亮度支付宝小程序API 扫码

支付宝小程序API 蓝牙

支付宝小程序蓝牙 快速接入支付宝小程序蓝牙 API列表支付宝小程序API 数据安全支付宝小程序API 分享支付宝小程序API 自定义分析

支付宝小程序 开发工具

支付宝小程序开发工具 概览支付宝小程序开发工具 编码支付宝小程序开发工具 调试支付宝小程序开发工具 上传支付宝小程序开发工具 体验版测试支付宝小程序开发工具 设置支付宝小程序开发工具 ESLint支付宝小程序开发工具 历史更新日志支付宝小程序开发工具 下载支付宝小程序 更新日志支付宝小程序 常见问题如何发布支付宝小程序?如何开发支付宝小程序?

蚂蚁支付宝小程序开发教程手册文档


支付宝小程序开发文档简易教程

支付宝小程序是手机应用嵌入支付宝客户端的一种方法,有以下特点:

  • 基于 Web 技术,学习成本低
  • 一套代码,同时支持 iOS 和 Android,接近原生体验
  • 提供丰富的组件和 API(比如获取用户信息、本地存储、支付功能等)

下面就是一个简单的示例,演示如何快速开发一个小程序。

获取APPID

登录开放平台,进入开发者中心频道,点击左侧【小程序】菜单,可在【我的小程序】列表页看到对应的小程序APPID,该ID在上传版本时需要填写

支付宝小程序开发文档 获取APPID

下载/登录 IDE

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

下载完成之后,打开它,打开手机上的支付宝应用,扫码确定即可登录。

注意:如果登录没有反应,可尝试完全退出手机上的支付宝应用再重新打开。

项目创建

登录成功后你会看到以下界面。

支付宝小程序开发文档 项目创建

点击创建项目,选择文件夹即可完成新项目的创建。

代码编辑

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

支付宝小程序开发文档 代码编辑

代码编辑区可以对当前项目进行代码编写和文件的添加、删除以及重命名等基本操作。

实时预览

在代码编辑区修改任何代码都会重新编译,然后自动刷新应用。

自动补全

工具针对 my 接口和 axml 提供了大量的自动补全提示,以帮助开发者提高效率。

本地调试

预览区

这里可真实模拟在支付宝应用里的表现,并针对绝大部分的 api 提供了模拟功能。

调试模式

点击上方的调试Tab,可切换到调试模式。

支付宝小程序开发文档 调试模式

小程序调试工具提供了 axml 和 acss 的支持,支持组件层级、属性回写等功能;同时也包含了 Chrome 调试工具中的网络请求、DOM 元素检查、源码 Debug 等。

出错反馈

当开发者在 axml 或者配置文件里编译出错时,保存后会对错误的信息以 redbox 的形式呈现给开发者。

支付宝开发文档 出错反馈

真机预览

在"编码"界面点击真机 Tab,选择真机预览, 需要确定如下信息:

  • 填写在开放平台申请的APPID
  • 选择推送小程序的范围:

    • 推送给自己, 仅将预览的小程序内容推送给当前登录的用户
    • 推送给开发者, 将预览的小程序内容推送给该APPID应用在开放平台设置的所有开发者

支付宝小程序开发文档 真机预览

发布

开发者选中"发布"功能后, 需要确定如下发布信息:

  • 填写在开放平台后台创建小程序时生成的APPID
  • 根据开放平台当前版本, 填写待发布的版本号

支付宝小程序开发文档 发布


分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)