Azure API 管理提供以下控件，用于开发人员门户模板。
若要使用控件，请将控件放置在开发人员门户模板的所需位置。 某些控件（如 应用操作 控件）具有参数，如以下示例所示：
<app-actions params="{ appId: '{{app.id}}' }"></app-actions>
参数的值作为模板的数据模型的一部分传入。 在大多数情况下，只需粘贴所提供的示例，以便每个控件正常工作。 有关参数值的详细信息，可以查看可用于控件的每个模板的数据模型部分。
如需详细了解如何使用模板，请参阅如何使用模板自定义 API 管理开发人员门户。
注释
以下文档内容与已弃用的开发人员门户有关。 你可以像往常一样继续使用它，直到它在 2023 年 10 月停用，届时将从所有 API 管理服务中将其删除。 弃用的门户只会接收关键安全更新。 有关更多详细信息，请参阅以下文章：
适用于：开发人员|基本|标准|高级
开发人员门户模板页控件
应用程序操作
app-actions 控件提供了一个用户界面，用于在开发人员门户中的用户配置文件页上与应用程序交互。
用法
<app-actions params="{ appId: '{{app.id}}' }"></app-actions>
参数
| 参数 | 说明 |
|---|---|
| 应用程序ID | 应用程序的 ID。 |
开发人员门户模板
app-actions 控件可用于以下开发人员门户模板：
基础登录
basic-signin 控件提供了一个控件，用于在开发人员门户中的登录页中收集用户登录信息。
用法
<basic-SignIn></basic-SignIn>
参数
没有。
开发人员门户模板
basic-signin 控件可用于以下开发人员门户模板：
分页控件
paging-control 提供分页功能，用于开发者门户页面上显示项列表。
用法
<paging-control></paging-control>
参数
没有。
开发人员门户模板
paging-control 控件可用于以下开发人员门户模板：
供应商
providers 控件提供一个控件，用于在开发人员门户中的登录页中选择身份验证提供程序。
用法
<providers></providers>
参数
没有。
开发人员门户模板
providers 控件可用于以下开发人员门户模板：
搜索控制
search-control 在显示项列表的开发人员门户页面上提供搜索功能。
用法
<search-control></search-control>
参数
没有。
开发人员门户模板
search-control 控件可用于以下开发人员门户模板：
注册
sign-up 控件用于在开发人员门户的注册页面中收集用户个人信息。
用法
<sign-up></sign-up>
参数
没有。
开发人员门户模板
sign-up 控件可用于以下开发人员门户模板：
订阅按钮
subscribe-button 提供一个控件，用于让用户订阅产品。
用法
<subscribe-button></subscribe-button>
参数
没有。
开发人员门户模板
subscribe-button 控件可用于以下开发人员门户模板：
取消订阅
subscription-cancel 控件用于在开发人员门户的用户配置文件页中取消产品订阅。
用法
<subscription-cancel params="{ subscriptionId: '{{subscription.id}}', cancelUrl: '{{subscription.cancelUrl}}' }">
</subscription-cancel>
参数
| 参数 | 说明 |
|---|---|
| 订阅ID | 要取消的订阅的ID。 |
| 取消链接 | 订阅取消 URL。 |
开发人员门户模板
subscription-cancel 控件可用于以下开发人员门户模板：
后续步骤
如需详细了解如何使用模板，请参阅如何使用模板自定义 API 管理开发人员门户。