当前位置: 主页 > 建站知识 > APP开发

小程序调试-CloudIDE便于开发者查看源码,支持多种预览方式和在线调试

发布时间:2023-06-09 10:10   浏览次数:次   作者:佚名

简介

Demo 在线调试(Beta)是支付宝开放平台近期与 阿里云-云开发平台 合作推出的 Demo 体验工具。

传统的 Demo 是以一个示例工程源码压缩包的形式分发,要把 Demo 跑起来,还需繁琐的搭建本地环境、为 Demo 申请用于测试的支付宝开放平台应用、修改 Demo 中的各种对接参数等,调试期间可能还会遇到各种问题,跑通一个 Demo,与上线一个真实的应用工作量相当。

程序调试时应避免用异常数据去调试_小程序调试_小程序真机调试

Demo 在线调试致力于打造开箱即用的极致 Demo 体验,无需搭建复杂的环境,提供 Step by Step 的指引体验,支持多种预览的方式和在线断点调试小程序调试,让开发者快速跑通 Demo。同样地,Demo 在线调试会自动对接隔离的沙箱环境,不会对线上造成任何影响。

操作指引在 API中心 进入某款产品的详情页,可以通过点击 Demo示例 的 立即调试 按钮。

小程序真机调试_程序调试时应避免用异常数据去调试_小程序调试

立即调试.png

选择 Demo 开发语言后,点击 在线调试 开始在线调试流程。

小程序调试_小程序真机调试_程序调试时应避免用异常数据去调试

选择语言.png

Demo 在线调试提供了 Cloud IDE 便于开发者查看源码,同时提供 Demo 的体验指引,帮助开发者一步一步的完成 Demo 的体验准备工作。

小程序真机调试_小程序调试_程序调试时应避免用异常数据去调试

说明:首次使用会涉及一系列初始化操作,需要 10s ~ 20s 左右小程序调试,请耐心等待。

开发向导.png

程序调试时应避免用异常数据去调试_小程序调试_小程序真机调试

最终可在沙箱支付宝客户端上体验 Demo 小程序,或者直接生成外部可访问域名体验 Demo 的前端界面(非小程序场景)。

体验.png

体验 Demo 功能过程中,支持断点调试,开发者可以更清晰的了解每行代码在实际运行过程中的用途,快速理解Demo示例。

断点调试.png