Skip to Content
Last modified by Erik Bakker on 2024/08/23 11:32
From version 20.1
edited by Erik Bakker
on 2022/06/10 08:37
Change comment: Imported from XAR
To version 17.1
edited by eMagiz
on 2022/05/05 16:38
Change comment: There is no comment for this version

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.ebakker
1 +XWiki.marijn
Content
... ... @@ -1,10 +1,17 @@
1 -{{container}}{{container layoutStyle="columns"}}(((
1 +{{html wiki="true"}}
2 +<div class="ez-academy">
3 + <div class="ez-academy_body">
4 +
5 +<div class="doc">
6 +
7 +
8 +
2 2  = Configure a backend operation =
3 3  
4 4  In this microlearning, we will focus on learning about how you can correctly configure the backend operations.
5 5  A crucial part of setting up your (API) Gateway with the help of RESTful services is knowing which backend operations you want to expose with the help of the API Gateway.
6 6  
7 -Should you have any questions, please contact [[academy@emagiz.com>>mailto:academy@emagiz.com]].
14 +Should you have any questions, please contact academy@emagiz.com.
8 8  
9 9  * Last update: April 14th, 2021
10 10  * Required reading time: 6 minutes
... ... @@ -30,7 +30,7 @@
30 30  
31 31  Configuring backend operations is done in the Design phase of eMagiz. When you are in the Design overview you can double click on the backend system that holds the operation(s). This action will show you the following pop-up
32 32  
33 -[[image:Main.Images.Microlearning.WebHome@crashcourse-api-gateway-configure-backend-operations--system-edit.png]]
40 +<p align="center">[[image:crashcourse-api-gateway-configure-backend-operations--system-edit.png||]]</p>
34 34  
35 35  In here you need to fill in the technical name, just as with any other system. Furthermore, you have two decisions to make:
36 36  
... ... @@ -42,7 +42,7 @@
42 42  
43 43  In case the answer to the first decision is XML you should switch the default format to XML and unselect the OpenAPI 3.0 spec. The result should be something like this.
44 44  
45 -[[image:Main.Images.Microlearning.WebHome@crashcourse-api-gateway-configure-backend-operations--system-edit-xml-result.png]]
52 +<p align="center">[[image:crashcourse-api-gateway-configure-backend-operations--system-edit-xml-result.png||]]</p>
46 46  
47 47  === 3.1 Importing a specification ===
48 48  
... ... @@ -49,16 +49,16 @@
49 49  If the external party can provide you with an OpenAPI 3.0 specification you can manage your backend system by pressing the Import button
50 50  when you are editing the system (double click on the system in question)
51 51  
52 -[[image:Main.Images.Microlearning.WebHome@crashcourse-api-gateway-configure-backend-operations--system-edit-manage.png]]
59 +<p align="center">[[image:crashcourse-api-gateway-configure-backend-operations--system-edit-manage.png||]]</p>
53 53  
54 54  After you have pressed the Import button you enter the following pop-up. Here you can select the OpenAPI 3.0 JSON file to be imported in eMagiz.
55 55  
56 -[[image:Main.Images.Microlearning.WebHome@crashcourse-api-gateway-configure-backend-operations--import-open-api-pop-up.png]]
63 +<p align="center">[[image:crashcourse-api-gateway-configure-backend-operations--import-open-api-pop-up.png||]]</p>
57 57  
58 58  Press Import and let eMagiz do the heavy lifting for you. eMagiz will now import all backend operations that are specified in the OpenAPI 3.0 JSON file you have selected.
59 59  A result of such an import could be as follows.
60 60  
61 -[[image:Main.Images.Microlearning.WebHome@crashcourse-api-gateway-configure-backend-operations--import-open-api-result.png]]
68 +<p align="center">[[image:crashcourse-api-gateway-configure-backend-operations--import-open-api-result.png||]]</p>
62 62  
63 63  Congratulations you have successfully imported your OpenAPI 3.0 specification.
64 64  
... ... @@ -69,24 +69,24 @@
69 69  
70 70  In all these cases you can manage your backend system by pressing the Manage button when you are editing the system (double click on the system in question)
71 71  
72 -[[image:Main.Images.Microlearning.WebHome@crashcourse-api-gateway-configure-backend-operations--system-edit-manage.png]]
79 +<p align="center">[[image:crashcourse-api-gateway-configure-backend-operations--system-edit-manage.png||]]</p>
73 73  
74 74  When you select the option Manage you will be presented with the following pop-up. The first time this pop-up will be empty. All other times it should contain at least one backend operation.
75 75  
76 -[[image:Main.Images.Microlearning.WebHome@crashcourse-api-gateway-configure-backend--manage-pop-up.png]]
83 +<p align="center">[[image:crashcourse-api-gateway-configure-backend--manage-pop-up.png||]]</p>
77 77  
78 78  Let us manually fill a simple GET call to retrieve all HTTP methods. So we start at the top left of the screen in the resource section and press New.
79 79  In the pop-up that follows we enter the resource path that is defined in the specification and press Save. The result will be as follows.
80 80  
81 -[[image:Main.Images.Microlearning.WebHome@crashcourse-api-gateway-configure-backend--manage-pop-up-resource-filled-in.png]]
88 +<p align="center">[[image:crashcourse-api-gateway-configure-backend--manage-pop-up-resource-filled-in.png||]]</p>
82 82  
83 83  The next step will be to add an operation via the option New under Operations in the middle of your screen. The result of that action will be something as follows.
84 84  
85 -[[image:Main.Images.Microlearning.WebHome@crashcourse-api-gateway-configure-backend--manage-pop-up-operation-filled-in.png]]
92 +<p align="center">[[image:crashcourse-api-gateway-configure-backend--manage-pop-up-operation-filled-in.png||]]</p>
86 86  
87 87  As there are no parameters in this case you have now successfully configured your first backend operation. When you close this screen you will see the results on system level
88 88  
89 -[[image:Main.Images.Microlearning.WebHome@crashcourse-api-gateway-configure-backend--pop-up-result.png]]
96 +<p align="center">[[image:crashcourse-api-gateway-configure-backend--pop-up-result.png||]]</p>
90 90  
91 91  Now you can Save or add another operation to add to your specification.
92 92  
... ... @@ -95,8 +95,8 @@
95 95  After you have correctly configured your backend operation you can start to think about how you can best expose the operations via the API Gateway.
96 96  In the next three microlearnings, we will delve deeper into the various components and also learn how you can quickly expose these backend operations in your API Gateway.
97 97  
105 +===== Practice =====
98 98  
99 -
100 100  == 4. Assignment ==
101 101  
102 102  Manually configure a GET operation with the resource path /httpmethods in an API Gateway system.
... ... @@ -120,6 +120,10 @@
120 120  
121 121  This video demonstrates how you could have handled the assignment and gives you some context on what you have just learned. Disclaimer, you only see the eMagiz part but if you follow the above steps you are good to go!
122 122  
123 -{{video attachment="crashcourse-api-gateway-configure-backend-operation.mp4" reference="Main.Videos.Microlearning.WebHome"/}}
130 +<iframe width="1280" height="720" src="../../vid/microlearning/crashcourse-api-gateway-configure-backend-operation.mp4" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
124 124  
125 -)))((({{toc/}}))){{/container}}{{/container}}
132 +</div>
133 +</div>
134 +</div>
135 +
136 +{{/html}}