在博客系列的这一部分，大数据培训哪好，返利公众号，我将向您展示使用SAP WebIDE创建扩展应用程序的步骤。

使用SAP WebIDE创建基于HTML5的扩展应用程序

下面是我的SuccessFactors租户的主页。在本系列博客的结尾，将有一个新的自定义磁贴添加到此主页，用于启动扩展应用程序。

导航到"管理OAuth2客户端应用程序"。找到名为"HCP\u EXT\u SERVICE\uu"的应用程序。这将在我们之前触发配置过程时自动创建。这是针对SAP云平台中的门户服务。

当您查看应用程序时，您将看到API密钥。您可以在SAP Cloud Platform cockpit中创建的目标中使用此API密钥。

作为最佳实践，建议为您的每个应用程序创建一个oAuth客户端。您可以单击"注册客户端应用程序"按钮来创建一个新的oAuth客户端。在应用程序URL中，您需要提供HTML5应用程序的完整URL。对于X.509证书，请复制从SAP云平台扩展帐户的信任设置中获取的"签名证书"的内容。

您需要提供权限才能访问帮助页中记录的扩展站点目录。导航到"管理权限组"并选择"扩展管理员"

在人员组中，选择用户名并添加需要访问扩展目录的相关用户

在开始构建基于HTML5的扩展应用程序之前，我们首先需要找出可用API的列表。最好的地方是SAP API Hub。

这是一个所有SAP解决方案API和云集成内容的一站式商店。你可以很容易地浏览并发现所有从成功因素中暴露出来的API。在下面的屏幕截图中，我在SeaFieldFraseAPI中，试图探索用户管理API。当我选择工件"用户管理"时，它将列出所有的ODATA实体端点和允许的每个操作。他们。我可以通过提供的文档和模式结构来理解输入/输出参数。有一个选项可以尝试API，也可以在不同的运行时生成示例代码。

下面是所有成功因素API服务器的列表。

让我们尝试使用这个API并构建一个扩展应用程序。我将使用sapwebide构建一个基于Fiori主细节模板的应用程序。这里需要注意的是SuccessFactors扩展支持的SAPUI5版本是维护版本。在撰写本博客时，1.44是稳定的维护版本。如果您使用创新版本构建应用程序，它将无法在SuccessFactors扩展站点模板中正确呈现，返利宝，稍后我将向您展示该模板。

当您在SAP WebIDE中时，大数据与应用，请使用菜单"文件">"新建">"从模板项目"。

在"数据连接"选项卡中，选择先前创建的目标。因为我试图使用扩展应用程序中的用户信息，所以我提供了一个后缀"/User"。点击"测试"将获取元数据并列出该实体的所有属性。

在模板定制中，我为主细节模板选择了以下属性。

这将生成一个基本的主细节应用程序，我可以在以后使用布局编辑器添加/更改屏幕上的字段进行定制。在做了所有更改之后，这里是最后一个应用程序，它显示所有用户及其直接下属。

SAP WebIDE中另一个有趣的功能是能够将这个HTML5应用程序转换为门户小部件。使用上下文菜单，我可以轻松地将此应用程序转换为门户服务组件。关于这方面的更多信息，请参阅openSAP课程-在SAP云平台上构建门户网站

我需要选择组件.js文件并提供小部件的名称。

一旦完成此操作，项目工作区中将有一个新文件，并且很少有现有文件被修改。更多信息可在此帮助页面中找到。

SAP WebIDE的最后一步是将应用程序部署到SAP云平台。

部署扩展应用程序后，靠谱云服务器，可从SAP云平台驾驶舱的HTML5应用程序菜单查看应用程序的详细信息。

在下一篇博客中，我们将看看如何创建一个门户网站（扩展模板）和设计一个页面，其中嵌入了HTML5应用程序作为一个小部件