1. The document provides an agenda for using Anypoint Studio to build RESTful APIs that connect to databases and transform data. 2. It includes steps for creating a Mule application with HTTP listeners and transforming payloads, connecting to a MySQL database, mapping fields with DataWeave, and creating RESTful interfaces from RAML files. 3. The final sections discuss implementing a RESTful web service by connecting flows defined in a RAML file to API implementations that query a database.

1. WT4 Building APIS

2. Agenda
● Use Anypoint Studio to build, run, and test Mule applications
●Use a connector to connect to database
●Use the graphical DataWeave editor to transform data
●Create RESTful interfaces for applications from RAML files
●Connect API interfaces to API implementations

3. WT 4-1: Create a Mule application with Anypoint Studio
1
2
3
4
Drag & drop Listener (HTTP) connector
Click the Listener

4. WT 4-1: Create a Mule application with Anypoint Studio
1
2
3
Enter /flights
Press OK button
with default value

5. WT 4-1: Create a Mule application with Anypoint Studio
1
2
3
4
Drag & drop Set Payload
component
Click fx button to change literal
mode
Run Mule Application
5

6. WT 4-1: Create a Mule application with Anypoint Studio
You can test after DEPLOYED is
shown at console log
The content is set at Set Payload
component

7. WT 4-2: Connect to data (MySQL database)
1
2
3
4
Drag & Drop Database 1.4.0
Drop & Drop Select component
Set Payload component
is replaced with
Database
Click Select component

8. WT 4-2: Connect to data (MySQL database)
1
2
3
4
MUFundamentals4.1_snippets.tx
t contains connection info. The
database is hosted by MuleSoft
Confirm connection
is valid after step 4

9. WT 4-2: Connect to data (MySQL database)
1
3
4
Response message will be transformed in next
section
2

10. WT 4-3: Transform data
1
2
3
4
Drag & Drop Transform
Message Component to next
Select component
5
変更
Saving files automatically
trigger deploy app
Click Transform Message
component

11. WT 4-3: Transform data
1
2
Response body contains rows
in MySQL database
We can see the difference
between data format at API
spec we created and one by the
mule app. We will correct this at
next section

12. WT 4-3: Transform data
Click
1
2
3
4
5
６

13. WT 4-3: Transform data
1
2
3
4
american-flights-
example.json looks like
Click
MUFundamentals4.1_stu
dentFiles_22sept2018.zip
contains the file

14. WT 4-3: Transform data
Mapping fields by drag & drop
fields
Output fields are shown based on
american-flights-example.json

15. WT 4-3: Transform data
1
after
before
2

16. WT 4-4: Create a RESTful interface for a Mule application
Click
Copy training4-American-
wsFlow
Click1
2
3
4
6
Click
5

17. WT 4-4: Create a RESTful interface for a Mule application
1
2
3
Click
Click

18. WT 4-4: Create a RESTful interface for a Mule application
1
2
3
4
5
Click
Response body contains
data with ID = 1
After save the file, the
app is automatically
deployed

19. WT 4-4: Create a RESTful interface for a Mule application
4
1
2
3
Double click
4
After save the file, the
app is automatically
deployed
ID is dynamically set by
uri parameter

20. WT 4-4: Create a RESTful interface for a Mule application
1
2
3
6
5
Click
Drag & drop Listener above traing4-
American-wsFlow
4
Click

21. WT 4-4: Create a RESTful interface for a Mule application
1
2
3
4
5
Drag & Drop Set Payload
component
Submit Request
Click fx button to change literal
mode

22. WT 4-5: Use Anypoint Studio to create a RESTful API interface
from a RAML file
1
2
3
4

23. WT 4-5: Use Anypoint Studio to create a RESTful API interface
from a RAML file
1
2
3
Download American
Flights API by RAML at
design center

24. WT 4-5: Use Anypoint Studio to create a RESTful API interface
from a RAML file
After donwload API
spec, american-flights-
api.xml is created

25. WT 4-5: Use Anypoint Studio to create a RESTful API interface
from a RAML file
Sample data defined
by Design Center
Object schema
defined by Design
Center
Click

26. WT 4-5: Use Anypoint Studio to create a RESTful API interface
from a RAML file
Delete HTTP Listener
at postFlight flow
1
2
3
4
Delete HTTP Listener
at training4-American-
wsFlow flow
Delete HTTP Listener
at getFlightsByID flow
5

27. WT 4-5: Use Anypoint Studio to create a RESTful API interface
from a RAML file
Stop app and deploy it again
1
2
4
4
Deployed
Click
Confirm the path
3

28. WT 4-5: Use Anypoint Studio to create a RESTful API interface
from a RAML file
Add api
Since you call API spec, the
response body contains static data
defined by Design Center.

29. WT 4-5: Use Anypoint Studio to create a RESTful API interface
from a RAML file
1
2
3
4

30. WT 4-6: Implement a RESTful web service
1
3
4
2Click
Select get:flights:american-flights-api-config
Drag & Drop
Select training4–
American-wsFlow at
implementation.xml
Delete
Transform
Message

31. WT 4-6: Implement a RESTful web service
Drag & Drop
1
2
3
Delete two Transform
Message ComponentsSelect get:flights:american-flights-api-config
Select getFlightsByID at
implementation.xml

32. WT 4-6: Implement a RESTful web service
Show data from
MySQL with given
ID