各位同事好,
第一步:
让我们为应用程序添加服务。打开清单.json转到"模型"部分sap.ui5版本"然后添加OData服务,如下所示
图:1.1
步骤2:
在视图1中添加一个表,以显示特性实体集的数据。
图:1.2
现在通过转到清单.yml文件通过命令提示符存在(您可以看到登录的步骤和cf push在第一个blog中)
cf push完成后打开应用程序,您将看到没有数据的表。
如果打开开发工具(F12(或)Ctrl+Shift+I),你会发现404个对服务元数据的调用
图:1.3
因为它是一个静态应用程序,它不知道如何路由(如果你打开整个URL,它会在webapp文件夹中检查这个)
让我们通过创建一个app router将我们的应用程序转换为一个动态应用程序,并创建一个到ABAP系统的路由
这是云铸造的架构与ABAP系统连接
图:1.4
因此我们需要以下服务来连接ABAP系统
目的地服务维护URL主要用于跨站点管理,也可用于配置管理。连接服务因为ABAP系统在防火墙后面,所以您需要一个连接云到本地呼叫的连接器XSUAA
让我们创建服务
第3步:
转到您的SAP Cloud Platform试用帐户并导航到您的Cloud Foundry子帐户。
选择连接|目的地|新目的地。
图:1.5
填写以下详细信息
名称–>如图1.1 odata URI部分所述。
键入:HTTP
网址:服务器:port
proxyType:OnPremise
您可以通过将身份验证模式更改为Basic来提供您的ABAP系统的用户名和密码。
如果将其保留为NoAuthentication,大数据是数据,则会出现一个弹出窗口,并在UI中请求凭据。
第4步:–
云连接器设置
按照此URL中的步骤进行设置云连接器中用于连接ABAP系统的相同目的地的配置。(在协议中,在第2步和第3点选择云中的HTTPS)。
第5步:创建目的地服务
转到您的帐户并选择服务|。服务市场筛选目的地并选择目的地。
图:1.6.1
屏幕服务:目的地-实例选择。新建实例
图1.6.2
跳过所有可选参数按下下一屏幕上的下一步按钮
,使用asdestination实例名和选择。完成
图:1.6.3
步骤6:–创建连接服务
进入太空并导航到。服务按连接过滤市场并选择连接。
图:1.7.1
屏幕服务:连接-实例选择新实例。
图:1.7.2
按跳过所有可选项下一步按钮
在下一个屏幕上,使用connectivity demo lite作为实例名称并选择Finish。
图:1.7.3
步骤7:–创建XSUAA服务
应用程序路由器将使用XSUAA实例对用户进行身份验证,快云服务器,然后将HTTP请求路由到定义的目的地。有关更多常规信息,请参阅官方文档中的云铸造环境中的授权和信任管理。
转到您的共享空间并导航到服务市场。按授权过滤,选择授权和信任管理。
图:1.8.1
屏幕服务:授权和信任管理-实例选择新实例。
图:1.8.2
选择应用程序作为服务计划,选择下一步。
图:1.8.3
提供以下参数,选择下一步:
{"xsappname":"approuter demo",海淘返利,
"租户模式":"专用","范围":[{"名称":uaa.user用户","description":"UAA"}],"角色模板":[{"name":"令牌交换","description":"UAA",营销数据分析,"范围引用":["uaa.user用户"]}]}
注意:approuter demo是您将要部署的应用程序名称,返利,您可以在您的清单.yml文件
图:1.8.4
图:1.8.4
步骤8:创建包.json使用以下参数
图:1.9
步骤9:–创建文件xs-应用程序.json以下细节
该文件类似于neo-应用程序.json在web ide中用于路由
下面的目的地字段是我们在Cloud Foundry的目的地中提供的确切名称。
图:2.0
注:真实类型:xsuaa forlocalDir是您的后端服务必须加载的路径。
路径staticsapui5app/StaticSAPUI5application是您的应用程序组件名称,您可以在组件.js
图:2.1
步骤10:创建文件清单.yml具体如下
图:2.2
服务名称应与图1.8.4、1.7.3相同,1.6.3
第11步:–执行CF推送操作
现在当您打开应用程序时,您将能够看到带有ABAP系统数据的应用程序。
图:2.3
应用程序的文件夹结构将类似于
图:2.4
C结论:-
以上博客解释了如何使用ABAP在cloud foundry中开发SAPUI5应用程序作为后端服务。
您可以在这里找到代码。