Scribd
Upload
6 views15 pages

Hands On 6

Uploaded by

Yannick Assouman
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
6 views15 pages

Hands On 6

Uploaded by

Yannick Assouman
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 15

Create an API based on a pre-Defined API Provider

Create an API based on a pre-Defined API Provider

Explanation Screenshot

We want to connect
the API provider to a
new API that we
create in API
Management.

To learn more about


how to create an API
based on a pre-
Defined API Provider,
follow this interactive
tutorial.

In the following steps,


you will create an
API.

1. To navigate to
APIs, choose Design
> APIs.

1
Create an API based on a pre-Defined API Provider

Explanation Screenshot

2. Choose Create.

3. Open the API


Provider list.

4. Select
SAPGatewayDemoS
ystemES5_Provider.

2
Create an API based on a pre-Defined API Provider

Explanation Screenshot

5. Choose Discover.

After clicking on the


Discover button, a
new pop-up window
opens and the
available
interfaces on the ES5
system are displayed.

6. To display
additional APIs,
select the scroll bar
to scroll down.

3
Create an API based on a pre-Defined API Provider

Explanation Screenshot

7. Select the
GWSAMPLE_BASIC
radio button.

8. Choose OK.

You get back to the


first pop up window
and most fields are
prefilled with data.

4
Create an API based on a pre-Defined API Provider

Explanation Screenshot

9. In the Version field,


enter v1.

You can now see that


the v1 is immediately
appended as a prefix
in the Name field.
And as a path postfix
in the API Base Path
field.

10. Choose Create.

5
Create an API based on a pre-Defined API Provider

Explanation Screenshot

11. Choose Save.

12. To navigate back


to the Develop view
of your API, choose
Back.

13. To deploy your


API, choose Action >
Deploy.

6
Create an API based on a pre-Defined API Provider

Explanation Screenshot

If the API is deployed


you can see the
status deployed.

14. Choose
GWSAMPLE_BASIC
_v1.

15. Choose
Resources.

7
Create an API based on a pre-Defined API Provider

Explanation Screenshot

You will find the


openAPI standard
client based on your
OData API from the
ES5 system.

16. Choose Try out.

17. To view API,


select the scroll bar
to scroll down.

8
Create an API based on a pre-Defined API Provider

Explanation Screenshot

18. Choose Execute.

19. To display HTTP


code, select the scroll
bar to scroll down.

You can now see an


HTTP code 401 -
Unauthorized. The
user and password in
the API provider is
only used to create
the API provider but
not for the actual call
of the API.

9
Create an API based on a pre-Defined API Provider

Explanation Screenshot

The open API client


based on a
specification
according to openAPI
3.0. This is written in
yaml or JSON.

20. Choose Edit >


Edit in API Designer.

In the API Designer


you are able to adjust
all OpenAPI
specifications.

Based on this open


API editor you can
design API’s from
scratch.

10
Create an API based on a pre-Defined API Provider

Explanation Screenshot

In the following steps,


you will test the API.

Your API is deployed


but not accessible
directly via the
openAPI client due to
lack of authorization
to the ES5 interface.

21. Choose Test >


APIs.

11
Create an API based on a pre-Defined API Provider

Explanation Screenshot

22. Choose
GWSAMPLE_BASIC
_v1.

In the address bar


and url with
/ProductSet on the
end of the path. GET
is automatically
selected.

23. Choose
Authentication: None.

12
Create an API based on a pre-Defined API Provider

Explanation Screenshot

24. Choose Basic


Authentication.

Enter you user id in


the User field.

For this tutorial,


enter XXXX.

Enter your password


in the Password field.

For this tutorial, enter


XXXX.

13
Create an API based on a pre-Defined API Provider

Explanation Screenshot

25. Choose OK.

26. Choose Send.

The HTTP status


code is 200 and
everything worked as
expected.

14
Create an API based on a pre-Defined API Provider

Explanation Screenshot

You have
successfully created
an API based on a
pre-Defined API
provider.

This concludes the


interactive tutorial.

15

You might also like