This document summarizes a MuleSoft meetup in Patna, Bihar about exposing the mappings in a dataweave (DWL) file through a web GUI. The meetup agenda includes introducing the purpose, which is to visualize and modify DWL mappings without restarting applications using a web page. The speaker will cover hosting a basic web page with Mule, dynamically loading DWL files, and rendering the mappings on an HTML page so they can be viewed and edited. The full application workflow will also be explained. The goal is to allow changing mappings without downtime through a simple web interface instead of requiring access to remote machines.

1. 12 Feb 2022: MuleSoft Meetup Patna, Bihar
Patna, India

2. All contents © MuleSoft Inc.
Safe Harbor Statements
2
– Both the speaker and the host are organizing this meet-up in individual capacity
only. We are not representing our companies here.
– This presentation is strictly for learning purposes only. Organizer/Presenter do
not hold any responsibility that same solution will work for your business
requirements.
– This presentation is not meant for any promotional activities.

3. All contents © MuleSoft Inc.
Agenda
3
• Introductions, Check-in
• Exposing WEB GUI for DWL mapping file
• Purpose:
• Visualize and Modify DWL mappings of an application running in a server without restarting the Mule
application using a user-friendly web page.
• In this working session, we will cover the below points
1) How to Host a basic Web page with Mule using a parse template connector?
2) How to dynamically load different DWL files with a dynamic evaluate connector?
3) Render HTML file with the mappings present in different DWL files.
4) Visualize and modify Mappings present in DWL file with WEB page.
• Quiz, Q&A.

4. All contents © MuleSoft Inc.
Introductions
4
• About the organizer:
– Patna MuleSoft Meetups Group
Moderator :
- Amit Mohan
- Om Prakash
• About the speaker:
– Dhileephan Ravindran

5. All contents © MuleSoft, LLC
Exposing WEB GUI for DWL
mapping file

6. All contents © MuleSoft, LLC
What is the purpose?
6
● Modify and Add new Mappings in a DWL file.
● Dynamically Loading different DWL files.
● Application or Runtime Restart not required.
● zero Server Downtime.
● Visualize DWL file.
All these operations with the ease of HTML page!!

7. All contents © MuleSoft, LLC 7

8. All contents © MuleSoft, LLC 8

9. All contents © MuleSoft, LLC 9
How Submit button Triggers Mule Flow:

10. All contents © MuleSoft, LLC 10
Where this model Fits:

11. All contents © MuleSoft, LLC 11
Where this model Fits:

12. All contents © MuleSoft, LLC 12
Where this model Fits:

13. All contents © MuleSoft, LLC
Step by Step Process :
13
1. Dynamically load different transformations - Dynamic Evaluate
1. Run a Static webpage - Set Payload
1. Render a webpage with simple Elements - Parse Template
1. Show the contents of DWL file in an existing Webpage template.

14. All contents © MuleSoft, LLC
1. Dynamically load different
transformations - Dynamic Evaluate

15. All contents © MuleSoft, LLC
Dynamic Evaluate :
15
The Dynamic Evaluate component is capable of reading a script stored in a
expression then evaluates the scripts to transform a payload. With the help of
Dynamic Evaluate component we can dynamically select the script, instead of
hardcoding it into the Transform Message component.

16. All contents © MuleSoft, LLC
2. Host a Static webpage - Set Payload

17. All contents © MuleSoft, LLC
Steps:
17
1. Use a File Connector to load a static HTML page in text format.
1. With Set payload modify the content type to text/html.

18. All contents © MuleSoft, LLC
3. Render a webpage with simple
Elements and values - Parse Template

19. All contents © MuleSoft, LLC
Parse Template :
19
Parse Template is the Mule component to use for processing a template and
obtaining a result. A template is defined as text with embedded Mule expressions
that are evaluated and replaced with their result.
Two ways to feed the template,
1)Directly feeding template in text format in content field of connector.
2)Using location field to give reference of the file containing in text format.

20. All contents © MuleSoft, LLC
4. Show the contents of DWL file in an
existing Webpage template

21. All contents © MuleSoft, LLC
Flow:
21

22. All contents © MuleSoft, LLC
Full Application
Code Walkthrough

23. All contents © MuleSoft, LLC
Summary:
23
● Change Mappings without any restart.
● A Hub Model where a visualization service will be used for changing and
visualising the DWL files those are used in business applications for business
transformations.
● Any one can change the mappings with minimal coding knowledge.
● Presence of HTML page eradicates login into remote machines for modifying dwl
in case of on-prem deployments.
● Can customize the Design and implement for suitable environment.

24. All contents © MuleSoft, LLC
See you next time!
Please send topic suggestions to the organizer
Thank you everyone for joining us today
and making our Meetup successful.