蚂蚁开发者工具是支付宝官方推出的一款专为支付宝小程序量身打造的集成开发环境,是企业级开发者进入支付宝小程序生态的必备编程软件。随着支付宝小程序正式开放公测,该工具为开发者提供了从编码、调试到预览上线的全方位支持。它集成了代码编辑、实时模拟器、智能调试等核心功能于一体,极大地简化了开发流程,助力开发者高效、便捷地构建出稳定、高性能的支付宝小程序应用。
官方原生,生态兼容
作为支付宝官方工具,确保与小程序底层平台完美兼容,提供最准确的API模拟和运行环境,从源头上保障项目的稳定性和上线后的合规性。
开发高效,功能集成
将代码编写、实时预览、调试纠错等多个开发环节整合在统一界面中,支持代码提示和快速编译,实现了“所见即所得”的开发体验,显著提升开发效率。
调试精准,定位快捷
内置强大的调试功能,支持设置断点、查看网络请求、监控存储变化等,能帮助开发者快速定位并修复代码中的逻辑错误与性能瓶颈。
面向企业,安全可靠
当前公测主要面向企业开发者,工具设计充分考虑了企业级应用对安全性、稳定性和高性能的要求,为商业项目的顺利开发保驾护航。
智能代码编辑器
提供语法高亮、智能代码补全、错误提示等功能,专为支付宝小程序开发优化,支持JavaScript、AXML(支付宝模板语言)和ACSS(支付宝样式语言),提升编码速度与准确性。
实时模拟器
内置手机模拟器,可在编写代码的同时实时预览小程序在支付宝环境下的真实表现效果,并支持切换不同机型、网络状态(如2G/3G/4G/Wi-Fi)以进行适配测试。
深度调试系统
包含Console日志、Sources源码调试、Network网络请求分析、Storage数据存储查看与编辑等面板,为开发者提供全面的调试信息,便于排查问题。
项目与管理
支持创建、打开和管理多个小程序项目,方便地进行项目配置、版本管理,并集成了一键上传、预览等便捷功能,直接与支付宝开放平台对接。
代码编辑与智能提示
内置强大代码编辑器,支持语法高亮、自动补全(AXML标签、API函数)、代码折叠等功能,大幅提升编码效率。
例如,输入
实时预览与模拟器
代码修改后,模拟器立即刷新显示效果,无需真机即可快速调试界面布局和交互逻辑。
支持多种设备尺寸模拟(如iPhone、安卓手机),还能模拟地理位置、扫码、摇一摇等真实场景。
调试与性能分析
断点调试:在代码中设置断点,逐步执行查看变量值,精准定位问题。
性能分析:检测小程序启动速度、内存占用等指标,优化用户体验。
日志查看:通过Console面板实时输出系统日志和自定义日志,方便排查错误。
发布与管理
一键上传小程序至支付宝开放平台,支持版本管理、回滚操作,确保发布流程安全可靠。
集成Git源码管理,方便团队协作开发。
跨平台支持
相同代码可直接发布至支付宝、钉钉、高德等平台,降低多端开发成本。
新建项目 新建项目前需要确认项目要发布的端;
新建项目类型分为两类:示例模板 与 空白脚手架;
【示例模板项目】
开放平台提供入门、UI、云与开放能力、行业四类模板,内含大量示例代码(仍在持续更新中),为开发者演示如何实现小程序各项能力。新建步骤见下:
1. 点击需要创建的模板,然后点击 下一步 ;或者直接双击所需模板卡片。
2. 在 新建项目 页面设置 项目名称 与 项目路径,点击 完成,进入主界面。
【空白脚手架项目】
空白脚手架仅包含最基础的 文件结构。新建步骤如下:
1. 选择 空白模板,点击 下一步;
2. 在 新建项目 页面设置 项目名称 与 项目路径。选配 后端服务:不启用云服务、小程序 Serverless 或 小程序云应用。点击 完成,进入主界面。
【打开项目】
本地现有项目也有两种打开方式:选择最近项目 与 选择项目文件夹。
【选择最近项目】
在启动界面已呈现的列表中,点击需要打开的项目,然后点击 打开;或者直接双击所需项目卡片。
【选择项目文件夹】
1. 点击右上角的 打开项目,弹出文件窗口。
2. 导航至项目文件夹,点击 选择文件夹。
3. 在 打开本地项目 页面确认或修改 项目名称 与 项目类型。点击 打开,进入主界面。
【删除最近项目记录】
如需保持启动界面整洁,鼠标右键选择希望清理的项目卡片,然后点击 删除。
注意: 此项操作仅会清理启动界面记录,不会实际删除硬盘中的项目文件。
模拟器布局
模拟器默认位于主界面右侧:
开发者也可点击左下角设置图标将模拟器设置为展示在主界面左侧。
说明: 该操作仅支持 IDE 3.0.0 及以上版本。
模拟器顶部各项功能(从左至右)设备尺寸:选择预设的 iOS 或 Android 设备尺寸,或者新建自定义的设备尺寸,用于测试适配性。也可在此处开启/关闭模拟器皮肤。缩放比例:控制小程序的显示缩放比例。刷新:重新编译代码并刷新模拟器。小工具:打开/关闭模拟器的小工具菜单。模拟器日志:在编辑器打开模拟器日志窗口。独立窗口:改用独立窗口方式显示模拟器。
说明: 在独立窗口模式下,界面新增 窗口置顶 按钮;独立窗口 变为 合并窗口 按钮。
【设备皮肤】
在模拟器中,IDE 提供了常见设备皮肤供开发者直观调试小程序在不同机型上的视觉效果,可以通过模拟器顶部菜单栏上的设备列表进行切换。
可将设备的缩放倍数设置为 自适应,以获得最大的显示面积。
【品牌/机型支持】
目前支持苹果、谷歌、华为、三星、魅族、一加、小米、红米、索尼 9 种品牌共计 50 种机型。
● 苹果:iPhone 5、iPhone SE、iPhone 6、iPhone 6 Plus、iPhone 7、iPhone 7 Plus、iPhone 8、iPhone 8 Plus、iPhone X、iPhone XS、iPhone XS Max、iPhone XR、iPhone 11、iPhone 11 Pro、iPhone 11 Pro Max、iPhone 12、iPhone 12 Mini、iPhone 12 Pro、iPhone 12 Pro Max、iPhone 13、iPhone 13 Mini、iPhone 13 Pro、iPhone 13 Pro Max
● 谷歌:Nexus 5、Nexus 5x、Nexus 6、Pixel 2、Pixel 2 XL、Pixel 3、Pixel 3 XL、Pixel 4、Pixel 4 XL、Pixel 5、Pixel 6、Pixel 6 Pro
● 华为:Huawei Mate 20 Pro、Huawei Mate 30 Pro、Huawei P30 Pro、Huawei P40 Pro+
● 三星:Galaxy Note10 +、Galaxy S10 5G、Galaxy S20 Ultra
● 魅族:Meizu 16S Pro、Meizu 17
● 一加:OnePlus 8 Pro、OnePlus 7T Pro
● 红米:Redmi K30 Pro
● 小米:Xiaomi 10 Pro
● 索尼:Xperia 1 II、Xperia 5
屏幕类型支持
目前支持全面屏、直板屏、曲面屏、刘海屏、挖孔屏 5 种屏幕类型的模拟。
【设备皮肤的关闭】
皮肤设置默认开启,如不需要则可选择手动关闭皮肤。
模拟器底部三项功能
● 页面路径:显示当前页面路径。点击路径,可直接打开当前页面 js 文件。
● 页面参数:显示当前页面收到的参数。点击参数,可快速复制至剪贴板。
● 自动刷新:如需避免频繁刷新,可取消勾选此功能。
说明: 点击 ^ 可以切换显示 页面路径 或 页面参数。
注意事项
网络要求
IDE需联网使用,部分功能(如真机调试)依赖稳定网络。
兼容性问题
确保Node.js版本与IDE兼容,避免因环境问题导致编译失败。
代码规范
遵循支付宝小程序开发规范,避免使用违规API或敏感操作。
数据安全
调试时注意保护用户隐私,避免在日志中输出敏感信息。