Difficulty: beginner
Estimated Time: 15 minutes

In this tutorial you will learn how to use the Project Flogo Web UI and build ultralight microservices.

Let's get started!

If you've never heard of Flogo before, you might be wondering what it is. Project Flogo is an open source framework to simplify building efficient & modern serverless functions and edge microservices. Some of the highlights include

🎈 Ultra-light process engine 20x-50x lighter than Java or NodeRed
🌈 Painless development Visual modeler & elegant DSL
⚡️ Event driven by design for Function as a Service (FaaS)
⚙️ Edge deployment model Static binaries for painless edge deployments
🏘 Extensible & reusable by design to build your own apps, frameworks & platforms
🎉 100% Open Source for your dev & hacking pleasure

There are several components for Flogo, and for this tutorial we'll use the Web UI.


If you have any questions, feel free to post an issue on GitHub and tag it as a question, email [email protected] or chat with the team and community:

  • The project-flogo/Lobby Gitter channel should be used for general discussions, start here for all things Flogo!
  • The project-flogo/developers Gitter channel should be used for developer/contributor focused conversations.

Woohoo! You've just mastered the basics of Project Flogo. That does feel good right?

Next steps

In this first tutorial we've taken you through setting up the Flogo Web UI and creating your first microservice! You can take the exact same steps and run the Flogo Web UI in a docker container on your machine.

For more tutorials and information, check out our docs

Don’t stop now! The next scenario will only take about 10 minutes to complete.

Getting started with the Flogo Web UI

Step 1 of 9

Launch the Web UI

Installing the Flogo Web UI is quite simple and requires nothing more than having Docker installed on your machine. As you can see in the terminal on the right side of the screen, we've already began launching the container for you, to give you a flying start!

To launch the container we used the below command:

docker run -it -p 3303:3303 flogo/flogo-docker:latest eula-accept

It will take a few seconds to download the image and start the container for you, so please bare with us until you see

[success] open http://localhost:3303 in your browser

Everything is now fully configured and awaiting your first steps in the world of Project Flogo.

Load Dashboard

To launch Flogo WebUI simply open your favorite web browser, and navigate to https://[[HOST_SUBDOMAIN]]-3303-[[KATACODA_HOST]].environments.katacoda.com/ or using the Web UI tab from the console. You’ll see our mascot Flynn there to greet you!

In the next steps, you'll use the Web UI to create your new microservice.