Get Started with
Anypoint Code Builder
Alex Martinez
Developer Advocate at Salesforce
alexmartinez.ca
About me
Safe Harbour Statement
Please be advised that both the speaker and the host are participating in this meet-up solely in their individual capacities and are
not acting in any official or formal capacity on behalf of their respective companies. The opinions, views, and content presented
during this event represent only those of the speaker and host and do not reflect the official positions, endorsements, or policies of
their employers. The organizers and speakers do not endorse, promote, or represent any products, services, or companies
discussed during the event and are not authorized spokespersons for their employers.
The primary purpose of this presentation is to provide educational insights and general information. While the organizers and
speakers aim to offer valuable and relevant knowledge, there is no guarantee that the solutions, strategies, or recommendations
discussed will be applicable, effective, or appropriate for your specific business requirements or individual circumstances. The
effectiveness of any advice or solutions presented may vary based on particular contexts, and it is strongly advised that you seek
professional consultation tailored to your specific needs before making any decisions or taking any actions based on the
information provided.
Additionally, this presentation is intended solely for informational and educational purposes and is not intended as a promotional
tool or endorsement of any products, services, or companies. The organizers and presenters disclaim any and all responsibility or
liability for any decisions, actions, or outcomes resulting from the use or application of the information shared during this event.
Your understanding and critical engagement with the content are appreciated, and professional advice should be sought as
necessary.
THANK YOU
Agenda
• Pre-requisites
• First look at ACB
• Design an API
• Implement local API
• Navigating the Mule project
• Running and Debugging
Pre-requisites
(Desktop)
● Latest version of Visual Studio Code
● Install and set up git
● Anypoint Platform account (can be a trial version)
Once those are done, then you can install the
Anypoint Extension Pack into your VS Code.
ℹ️For more info, see Getting Started with Anypoint Code Builder.
Pre-requisites
First look at ACB
First look
Note:
Everything from this presentation/event is based on ACB’s June ‘24 release
(Anypoint Extension Pack v1.2.2).
There are still a few features that need to be added to ACB for it to be comparable
to Studio.
If you try to follow through the steps in a future release, they might be different.
The ACB team appreciates any feedback you may have for future releases.
First look
* Theme: MuleSoft Community Theme
First look
Log in to Anypoint Platform from here
First look
Open the ACB settings
Add JVM arguments:
-M-Denv=local
Select default values when
creating a new app
Enable Einsten (GA coming this month)
First look
Quick Actions:
● Design an API: RAML/OAS specification or fragment.
● Implement an API: Create a Mule app based on an API
Specification from Exchange (GraphQL, REST, or
AsyncAPI). Requires Anypoint Platform account.
● Develop an Integration: Create an empty Mule app or a
Mule app based on a template/example project from
Exchange.
ℹ️You can choose Mule runtime versions 4.4, 4.6, or 4.7 and Java versions 11 or 17 on all new projects.
Design an API
Design an API
❏Click on Design an API
❏Write a project name,
select a location, and
choose a language
❏Click on Create Project
❏Copy and paste the
contents of this file into
your project
❏Save the file (ctrl+s for
Windows or cmd+s for
Mac)
Design an API
❏Preview it with the API
Console
Design an API
❏Open Governance
Design an API
❏Open the command
palette (ctrl+shift+P for
Windows or cmd+shift+P
for Mac)
❏Search for mulesoft:
❏Press esc to close
Design an API
Implement local API
❏Implement it locally (no Exchange)
Implement local API
1 2 3
4
5
6
API Spec
Mule app
ℹ️A Workspace is created to have both API spec and Mule app open at the same time
Graphical view
XML view
Implement local API
Navigating the Mule
project
Navigating
ℹ️When you click on a component, you open the Config Panel
Running and
Debugging
Run/Debug
❏Run/Debug the app
❏App will run normally as
long as there are no
breakpoints. Otherwise,
the app will be debugged
at any point you add the
breakpoints.
❏Once it deploys locally,
call your api on
localhost:8081/api/users
❏You should receive a 200
OK
Run/Debug
❏Add a breakpoint in the
XML
❏Call the app again
Run/Debug
ℹ️You can make small changes and hot-deploy a new file locally
Q&A
Share Your Feedback
THANK YOU

Montréal Dreamin'24 - Get Started with ACB

  • 1.
  • 2.
    Alex Martinez Developer Advocateat Salesforce alexmartinez.ca About me
  • 3.
    Safe Harbour Statement Pleasebe advised that both the speaker and the host are participating in this meet-up solely in their individual capacities and are not acting in any official or formal capacity on behalf of their respective companies. The opinions, views, and content presented during this event represent only those of the speaker and host and do not reflect the official positions, endorsements, or policies of their employers. The organizers and speakers do not endorse, promote, or represent any products, services, or companies discussed during the event and are not authorized spokespersons for their employers. The primary purpose of this presentation is to provide educational insights and general information. While the organizers and speakers aim to offer valuable and relevant knowledge, there is no guarantee that the solutions, strategies, or recommendations discussed will be applicable, effective, or appropriate for your specific business requirements or individual circumstances. The effectiveness of any advice or solutions presented may vary based on particular contexts, and it is strongly advised that you seek professional consultation tailored to your specific needs before making any decisions or taking any actions based on the information provided. Additionally, this presentation is intended solely for informational and educational purposes and is not intended as a promotional tool or endorsement of any products, services, or companies. The organizers and presenters disclaim any and all responsibility or liability for any decisions, actions, or outcomes resulting from the use or application of the information shared during this event. Your understanding and critical engagement with the content are appreciated, and professional advice should be sought as necessary.
  • 4.
  • 5.
    Agenda • Pre-requisites • Firstlook at ACB • Design an API • Implement local API • Navigating the Mule project • Running and Debugging
  • 6.
  • 7.
    ● Latest versionof Visual Studio Code ● Install and set up git ● Anypoint Platform account (can be a trial version) Once those are done, then you can install the Anypoint Extension Pack into your VS Code. ℹ️For more info, see Getting Started with Anypoint Code Builder. Pre-requisites
  • 8.
  • 9.
    First look Note: Everything fromthis presentation/event is based on ACB’s June ‘24 release (Anypoint Extension Pack v1.2.2). There are still a few features that need to be added to ACB for it to be comparable to Studio. If you try to follow through the steps in a future release, they might be different. The ACB team appreciates any feedback you may have for future releases.
  • 10.
    First look * Theme:MuleSoft Community Theme
  • 11.
    First look Log into Anypoint Platform from here
  • 12.
    First look Open theACB settings Add JVM arguments: -M-Denv=local Select default values when creating a new app Enable Einsten (GA coming this month)
  • 13.
    First look Quick Actions: ●Design an API: RAML/OAS specification or fragment. ● Implement an API: Create a Mule app based on an API Specification from Exchange (GraphQL, REST, or AsyncAPI). Requires Anypoint Platform account. ● Develop an Integration: Create an empty Mule app or a Mule app based on a template/example project from Exchange. ℹ️You can choose Mule runtime versions 4.4, 4.6, or 4.7 and Java versions 11 or 17 on all new projects.
  • 14.
  • 15.
    Design an API ❏Clickon Design an API ❏Write a project name, select a location, and choose a language ❏Click on Create Project
  • 16.
    ❏Copy and pastethe contents of this file into your project ❏Save the file (ctrl+s for Windows or cmd+s for Mac) Design an API
  • 17.
    ❏Preview it withthe API Console Design an API
  • 18.
  • 19.
    ❏Open the command palette(ctrl+shift+P for Windows or cmd+shift+P for Mac) ❏Search for mulesoft: ❏Press esc to close Design an API
  • 20.
  • 21.
    ❏Implement it locally(no Exchange) Implement local API 1 2 3 4 5 6
  • 22.
    API Spec Mule app ℹ️AWorkspace is created to have both API spec and Mule app open at the same time Graphical view XML view Implement local API
  • 23.
  • 24.
    Navigating ℹ️When you clickon a component, you open the Config Panel
  • 25.
  • 26.
    Run/Debug ❏Run/Debug the app ❏Appwill run normally as long as there are no breakpoints. Otherwise, the app will be debugged at any point you add the breakpoints.
  • 27.
    ❏Once it deployslocally, call your api on localhost:8081/api/users ❏You should receive a 200 OK Run/Debug
  • 28.
    ❏Add a breakpointin the XML ❏Call the app again Run/Debug ℹ️You can make small changes and hot-deploy a new file locally
  • 29.
  • 30.
  • 31.