支付宝小程序API 工具栏

2020-09-16 15:51 更新

工具栏

小程序开发者工具(简称 IDE)的工具栏位于主界面顶部,包含 IDE 中最常用的主要功能。本文档从左至右介绍各项功能。

工具栏.png

工具栏左侧功能

1.png

小程序类型

选择小程序的运行环境类型(默认为支付宝小程序),此外还支持淘宝、钉钉、高德等运行环境(详情请参见 多端支持)。

选择关联小程序

每个开发者账号可以拥有多个小程序的开发权限,因此需要关联具体小程序,决定小程序代码的上传位置。

在此项下拉列表中,点击 + 创建小程序,进入小程序管理页面,可以 创建小程序 供后续关联。

说明:

  • 在创建小程序命名时,注意遵循名称规范。
  • 如需关联其他账号中的小程序,但开发者账号还没有开发权限请进行以下操作:
    1. 使用主账号登录 小程序控制台,点击所需小程序,跳转至开发管理页面。
    2. 在左侧导航栏选择 成员管理,点击 添加,按照提示添加开发成员。
    3. 使用开发者账号在支付宝客户端 朋友 > 服务提醒 中接受邀请。
    4. 使用开发者账号登录 IDE,关联小程序。

关联云服务

在最初新建项目环节,如果后端选用云应用,此项功能才会显示。

如果未启用云服务或者选用 Serverless,此项功能则会隐藏。

每个小程序可以创建多个云应用,而云应用又包含测试与正式环境。因此需要关联具体的云应用环境,决定云应用代码的上传位置。

在关联云应用环境之后,此项下拉列表右侧会出现 ⚙️ 按钮,用于上传代码与管理云应用。

在此项下拉列表中,点击 + 创建新服务,进入云服务管理页面,可以 创建云应用 供后续关联。

工具栏中部功能

1.png

点击 编辑器调试器、模拟器,可以分别显示与隐藏这三个区域。

说明:**功能面板/编辑器 会同时显示/隐藏,而 编辑器/调试器** 无法同时隐藏。

工具栏右侧功能

1.png

编译模式

在普通编译模式下,小程序初始的启动页面是 app.json 文件 pages 列表的首个页面,且不带任何参数。

如需快速调试其他页面 或 设置参数请进行以下操作。

  1. 在此项下拉列表中点击 + 添加编译模式

  1. 在弹窗中填写 模式名称页面参数全局参数,选择 启动页面,点击 确定

  1. 随后模拟器将会改用新的启动页面,同时自动传入设置好的参数。

说明:弹窗中如果勾选 下次编译时模拟更新,可以模拟小程序更新效果,参见 UpdateManager

清除缓存

清除 数据缓存授权数据文件缓存构建缓存、网络缓存。

真机调试

通过 IDE 远程至真机,设置断点、查看运行信息。详情参见 真机调试

说明:如不希望频繁扫码,可以使用 自动预览 选项

预览

使用真机预览小程序,初步查看 API 真机调用效果。

说明:如不希望频繁扫码,可以使用 自动预览 选项

上传

上传项目代码至关联小程序的后台空间。上传之前的选项:

  • 上传版本:每次上传时版本默认递增 0.0.1(本次版本必须大于线上版本),从而确保后台每份代码版本唯一。
  • 创建预检测任务:免费调用一台真机进行测试(每天 5 次限额),详情参见 预检测

详情

  • 查看关联应用名称、项目本地目录、线上版本。

  • 选择是否启用自定义组件 component2 编译、axml 严格语法检查。

  • 查看 my.requestweb-view 域名白名单信息。设置是否忽略这两项域名检查。

注意:

  • 小程序 体验版提审之后版本 无法继续忽略检查,届时请务必设置域名白名单。
  • 域名白名单设置入口有两处:
    • 在详情页面,点击 域名信息 右侧蓝色按钮,进入设置页面,点击 开发设置
    • 登录 我的小程序,选择所需小程序;从左侧边栏进入 设置 > 开发设置

登录/用户头像

  • 在开发者未登录时,显示 登录 按钮。
  • 在开发者登录后,显示开发者头像。可以查看消息通知,或者退出登录。
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号