Skip to main content
Version: 2.4

Install CODE & DRAW locally to run with the Community

The steps in this tutorial will allow you to:

  • code and run your own bricks locally
  • run Service Apps as back-ends

Prerequisites for installing Olympe

You will need to have the following installed:

  • Node.js 18 or greater
  • Note: while npm is also needed, it comes directly whenever Node.js is installed
  • Your favorite IDE e.g. Visual Studio Code

Install Olympe

Open a Terminal window and run the following command in a folder of your choice. It will create an "olympe" folder there and install Olympe inside it

/bin/bash -c "$(curl -fsSl https://support-dev.olympe.ch/olympe_install.sh)"

Then navigate to the newly created "olympe" folder

cd olympe

Finally launch DRAW

npm run serve

To stop the server, press Ctrl-C. Closing the terminal window, will also stop the process.
Restart it with the "npm run serve" command.

Start composing with DRAW

  • In your browser, open this url http://localhost:8888/
  • Authenticate with your Community credentials
  • See that your Community projects are present

That's all!
You can now take a look at our guides and tutorials, and start building a first app and add a first coded function.

Also, take a look at the README.md file for more details on the local commands.

Launch a Service App as a back-end service

If you have a Service App and want to run it as an actual node.js back-end process, these are the steps to follow:

  1. Get the tag (the Olympe unique identifier) of the Service App from the context menu of the Service App:

    Get the tag of the service app

  2. Then use it as the value of the parameter sc.app in the file res/oConfigNode.js of your project:

    {
    "sc.app": "<your application tag>"
    }

    Example:

    {
    "sc.app": "018722493753c408c7dd"
    }
  3. Finally, run your service application using the following command:

    npm run serve:node

How it works

A full Olympe runtime has multiple components. The installation above only sets up the minimal set of components locally. When building and running coded bricks or a Service App locally, the Olympe runtime is are started locally, and it then connects to an event bus and to the Olympe Orchestrator running in the Olympe Cloud. The runtime then retrieves the app composition from the Community environment and then starts running the application.

You can therefore collaborate freely with other Community DRAW users. Updates done in DRAW will be distributed in realtime to all users just like if you were logged into the DRAW Community cloud instance, and vice versa. Your coded bricks though, will remain local.

This is a summary of what runs where:

When running locallyWhen connected to https://community.fluidapp.io
Web serverRuns locally (webpack server)Runs in the cloud
DRAWRuns locallyRuns in the cloud
CODERuns locallyNew code cannot be deployed on the community. Get in touch to get a dedicated instance.
Olympe OrchestratorRuns in the cloudRuns in the cloud
RabbitMQRuns in the cloudRuns in the cloud
DatabaseRuns in the cloudRuns in the cloud

Local Install

Updating your setup after a new Olympe release

When a new release occurs, your package.json file also needs to be updated. The goal is to have you local setup properly in synch with the online Community.

For instance, when release 2.2.2 was out, the following changes had to be made to update the olympe dependencies in the setup's package.json file:

@olympeio/draw: 2.2.2,
@olympeio/runtime-web: 9.2.1,
@olympeio/runtime-node: 9.2.1,
@olympeio/dev-tools:2.2.0
@olympeio/core: 2.2.3

Fetch these package.json dependencies info automatically

  • Simply generate a new project from scratch inside a different folder using this same tutorial mentioned above
  • Copy-paste the package.json to get the lastest versions of the dependencies.
  • Then, don't forget to run npm install in your project.