You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
-**Tutorials:**<br>[Enable the SAP Web IDE Full-Stack Service](https://www.sap.com/developer/tutorials/webide-onboarding-mc.html) <br>
11
-
[Add API Business Hub API to a UI5 Application](https://www.sap.com/developer/tutorials/hcp-abh-api-ui5-app.html)
11
+
-**How-Tos:** Enable the SAP Web IDE Full-Stack
12
+
-**Tutorials:**[Add API Business Hub API to a UI5 Application](https://www.sap.com/developer/tutorials/hcp-abh-api-ui5-app.html)
12
13
13
14
## Next Steps
14
15
- Select a tutorial group from the [Tutorial Navigator](https://www.sap.com/developer/tutorial-navigator.html) or the [Tutorial Catalog](https://www.sap.com/developer/tutorial-navigator.tutorials.html)
15
16
16
17
## Details
17
18
### You will learn
18
-
In this tutorial, you will explore some of the new features that are part of SAP Web IDE Full-Stack. Learn how to use the SAP API Business Hub services catalog that is available out of the box in this version of SAP Web IDE. Create and run an SAPUI5/Fiori Application.
19
+
In this tutorial, you will explore some of the new features that are part of the SAP Web IDE Full-Stack. Learn how to use the SAP API Business Hub services catalog that is available out of the box in this version of SAP Web IDE. Create and run an SAPUI5/Fiori Application.
19
20
20
21
### Time to Complete
21
22
**15 Min**
22
23
23
24
---
24
25
25
-
[ACCORDION-BEGIN [Step 1: ](Open SAP Web IDE Full-Stack)]
26
-
Make sure you have SAP Web IDE Full-Stack open.
26
+
[ACCORDION-BEGIN [Step 1: ](Open SAP Web IDE FullStack)]
27
+
Make sure you have the SAP Web IDE Full-Stack open.
27
28
28
29
29
30
30
-
Steps on how to find and enable SAP Web IDE Full-Stack are available under the how-to guides.
31
+
Steps on how to find and enable the SAP Web IDE Full-Stack are available in the Tutorial Navigator.
31
32
32
33
33
34
34
-
35
+
[DONE]
35
36
[ACCORDION-END]
36
37
37
38
[ACCORDION-BEGIN [Step 2: ](Create a new project)]
38
-
In the SAP Web IDE, select **New Project from Template** by either selecting the icon on the home screen or by going to `File > New > Project from Template`.
39
+
In the Web IDE, select **New Project from Template** by either selecting the icon on the home screen or by going to `File > New > Project from Template`.
39
40
40
41
41
42
@@ -45,7 +46,7 @@ On the Template Selection page, choose the **SAP Fiori Worklist Application** Te
45
46
46
47
Click **Next**.
47
48
48
-
49
+
[DONE]
49
50
[ACCORDION-END]
50
51
51
52
@@ -56,27 +57,29 @@ On the **Basic Information** page of the template wizard, provide a name for the
56
57
57
58
Click **Next**.
58
59
59
-
60
+
[DONE]
60
61
[ACCORDION-END]
61
62
62
63
[ACCORDION-BEGIN [Step 4: ](Select the data connection)]
63
-
On the **Data Connection** page of the template wizard, select **SAP API Business Hub** from under the _Sources_ options.
64
+
On the **Data Connection** page of the template wizard, select **Service Catalog** from under the _Sources_ options. In the drop down menu to select a system, find the **SAP API Business Hub** option.
64
65
65
66
66
67
67
-
A list of APIs will populate in the table. You can filter down the APIs by either selecting an API Package from the drop-down or by entering a search term in the search box. **In the search box, type _employee_**to find the services available for employee information. Select the **Employee Entity Type** service from the list.
68
+
You may be prompted for a username and password. Enter your credentials for the SAP Cloud Platform, which should be the same credentials you use to log in to the SAP API Business Hub.
68
69
69
-
70
+
70
71
71
-
You may be prompted for a username and password. This is in order for SAP API Business Hub to generate an API key for you. Enter your credentials for the SAP Cloud Platform, which should be the same credentials you use to log in to the SAP API Business Hub. **Enter your credentials and click Login**.
72
+
If you successfully login, a list of services will populate in the Services pane. **In the search box, type _employee_**to find the services available for employee information.
72
73
73
-
74
+
74
75
75
-
Once you are successfully logged in, you should see a blue message on the top of the screen saying that _Service: Employee Entity Type selected_. Once the proper data service is selected, click **Next**.
76
+
Select the **Employee Entity Type** service from the list. You should see a blue message on the top of the screen saying that _Service: Employee Entity Type selected_.
76
77
77
78
78
79
80
+
You can open up the Employee Entity Type service to see what collections are provided with this API Service. Drilling down further reveals the attributes available for each collection. Once the proper data service is selected, click **Next**.
79
81
82
+
[DONE]
80
83
[ACCORDION-END]
81
84
82
85
[ACCORDION-BEGIN [Step 5: ](Customize the template)]
@@ -111,15 +114,15 @@ Once the data binding and application settings are complete, click **Next**.
111
114
112
115
113
116
114
-
117
+
[DONE]
115
118
[ACCORDION-END]
116
119
117
120
[ACCORDION-BEGIN [Step 6: ](Finish the app)]
118
121
On the **Confirmation** page of the template wizard, click **Finish** to create your application.
119
122
120
123
121
124
122
-
125
+
[DONE]
123
126
[ACCORDION-END]
124
127
125
128
[ACCORDION-BEGIN [Step 7: ](Run the application)]
@@ -141,7 +144,7 @@ When your application loads, you will see a list of employee names and emails pu
141
144
142
145
0 commit comments