codecamp

支付宝小程序 开发工具概览

简介

小程序开发者工具(简称 IDE,点此下载)是支付宝开放平台打造的一站式小程序研发工具,提供了编码、调试、测试、上传、项目管理等功能。

IDE 不仅支持开发支付宝小程序,相同代码还通用于蚂蚁开放生态,可直接发布至淘宝、钉钉、高德等应用平台。

功能介绍

本文档按照小程序开发流程的不同阶段来梳理 IDE 功能用法:

image

开发准备

可自行选择 下载安装 IDE 工具 本地开发或者 web 在线开发

  • IDE 本地开发:本地 新建项目 并且使用实验室、扩展市场以及项目管理等工具高效开发。
  • web 在线开发:网页在线对小程序代码进行调整、修改。

编码效率

在实际开发过程中,下列工具能够大幅提升开发效率:

调试模式

如果需要排查 bug 或性能瓶颈,可选择下列调试模式:

  • 模拟器调试:通过 IDE 模拟器初步调试基础功能与样式。
  • 预览调试:通过真机调试面板查看小程序运行信息。
  • 真机调试:通过 IDE 远程至真机,设置断点、查看运行信息。
  • 性能调试:通过 IDE 远程至真机,进行性能分析。

测试途径

开发者在本地测试、beta 测试之外,还可选用开放平台的两款云测试服务:预检测与真机云测。

  • 预检测:在一键上传的同时,免费调用一台真机进行测试。
  • 真机云测:免费的规模化真机自动检测方案。
  • 体验版测试:生成体验版小程序,用于 beta 版本测试。

一键上传

在工具栏 上传 菜单中,点击 上传 即可将小程序上传至开放平台。

项目管理

在上述流程相关功能之外,IDE 还集成了其他常用的管理工具,例如 git 源码管理npm 包管理 等功能。

支付宝小程序API 图片内容安全
支付宝小程序API 启动界面
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

支付宝小程序开发文档

支付宝小程序 快速示例

支付宝小程序 小程序快速示例

支付宝小程序 框架

支付宝小程序 组件

支付宝小程序组件 基础组件

支付宝小程序组件 无障碍访问

支付宝小程序 扩展组件

支付宝小程序扩展组件 UI组件

支付宝小程序 API

支付宝小程序 开发工具

支付宝小程序 云服务

支付宝小程序 Serverless

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }