The Camunda bpm stacks currently includes three web apps: cycle, cockpit, Tasklist. All of them are rewrites from a JSF 2.0 ancestor version and with this post I want to explain the decision to built them on a HTML5 plus REST architecture and not with <insert java web framework here>.

Its clear that the web itself is based on the client-server principle. Many Web frameworks like JSF, Vaadin etc. implement it like this:

  1. Provide a abstraction layer to define the HTML + JS + CSS Code to generate (Java Code, Facelets etc.) which in the end is your application
  2. On request, generate the code sent to the browser, initially create a session model for data binding etc.
  3. Keep the generated browser client in sync with the backend session
The main purposes of this approach: reduce the need to touch JavaScript and make it possible to abstract even more to build reusable components. One consequence is a hard wiring of the client and the server session and you will need to have a integration layer between your application code and the framework, which is unlikely to be reused in case of a framework switch.
In the end all that matters is: give the browser the HTML + JS  + CSS it needs to show the application. So why not write just this code without a server side abstraction or knowledge about the server side implementation?

That’s the idea behind the HTML5 buzz. We are now living in the age of web APIs (see and this concept can be applied to web app development very easily.

So you provide a server side stateless implementation of you business logic or data and define the interface for your clients (typically URL paths and the JSON structure) to have a reusable API for you applications.
html5 parts in camunda platform
What are the benefits:
  • You can build new apps around existing APIs very fast, the Tasklist and cockpit are using the same server side implementation
  • You are free in your choice on how to implement the client. There are many MVC JavaScript frameworks to help you kick-start the client side. Its possible to complement that with the whole universe of JavaScript libs and CSS Frameworks. We are using AngularJS, jQuery, dojo and Bootstrap for our apps.
  • You can easily write unit tests for the code running in the browser
  • Full control over the requests made and the browser compatibility layer
  • You make your application scale better because of the stateless backend
  • You can develop client and server in parallel and create mockups / prototypes very fast, e.g. to talk about different UI designs
“With great power comes great responsibility” so you will now need to take care of some aspects yourself:
  • How to structure you client side code (JavaScript + CSS) for reuse (we are using requirejs)
  • Browser Compatibility (luckily most frameworks we are using take care themselves)
  • All JavaScript related stuff like minifying, concatenation etc. (there are lots of tools out there)
But in the end these points are part of the flexibility as well.
We are really happy with the results and this setup is a future proof foundation for our upcoming features.
  • Monitoring Camunda Platform 7 with Prometheus

    Monitoring is an essential facet of running applications in a production system. Through this process, organizations collect and analyze data, and determine if a program is performing as expected within set boundaries. When combined with alerting, monitoring allows for detecting unexpected system behavior to mitigate exceptional situations as fast as possible. Furthermore, tracking the performance of a system enables organizations to improve those aspects that have the biggest impact with higher priority. One essential aspect of monitoring is the list of key metrics you want to observe. There are different categories of statistics that can be of interest here. To observe the defined metrics, there are plenty of application monitoring tools on the market today. They differ in many aspects...

    Read more
  • Securing Camunda 8 self-managed cluster and applications...

    Directory services are an effective way to manage an organization’s users, groups, printers, devices, and more. Most organizations accomplish this using Active Directory, Apache Directory, Oracle Internet Directory, or other similar tools. Recently I worked with a customer who wanted to see how he could secure the Camunda 8 Platform and process applications with such a directory. Their requirements consisted of: Allowing Directory users to access Camunda applications (Tasklist, Operate, Optimize) Accessing secured Tasklist & Operate APIs from our custom project Securing the custom project In this article, I’ll briefly explain the 3 easy steps taken to fulfill their requirements which include: Federate users from the Directory service into Keycloak Declare an application in Identity to access Camunda APIs Configure...

    Read more
  • Accelerate Connectivity with Camunda Platform 8.1

    We’re thrilled to announce Camunda Platform 8.1, the latest release of our process orchestration solution. This new version introduces features that accelerate connectivity to the many different systems and technologies that are required for true digital transformation, including: Create custom Connectors with our Integration Framework to accelerate connectivity New out-of-the-box Connectors for popular services Enhancements to Camunda Modeler that improve productivity Hot backups and official support for Amazon EKS and Red Hat OpenShift Plus, several upgrades requested by Camunda Platform 7 customers Organizations across all industries rely on complex technology stacks to adapt and enhance their operations in response to market dynamics, new disruptive companies, and increasing consumer expectations. Your technology stack likely includes everything from cutting-edge technologies to legacy...

    Read more

Ready to get started?

Still have questions?