> For the complete documentation index, see [llms.txt](https://developer.collibra.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://developer.collibra.com/tutorials/collibra-connect-hello-world.md).

# Collibra Connect Hello World

{% hint style="warning" %}
Collibra Connect is End of Life and therefore no longer supported. This documentation is no longer maintained and is likely out of date, but it remains available for reference purposes.
{% endhint %}

In this tutorial, you create a basic Mule application to display Hello World! in a browser window.

### Prerequisites

* You have [installed](/tutorials/getting-started-with-collibra-connect.md#installation) MuleSoft Anypoint Studio.

### Create a MuleSoft project

{% stepper %}
{% step %}
Click **File** → **New** → **Mule Project**.

<img src="https://2912049260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8DYDBo6jzvQ73H6CZj6k%2Fuploads%2Fgit-blob-cc935672e4ee2cf25904431795638a5864471fcc%2Fdocs_tutorial_hello-anypoint-project-new.png?alt=media" alt="" width="50%">
{% endstep %}

{% step %}
Enter a name for your project and click **Next**. We are using *Hello\_World* in this example.

<img src="https://2912049260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8DYDBo6jzvQ73H6CZj6k%2Fuploads%2Fgit-blob-3df319f34b0f4c36ca1839d113bf76691c040a93%2Fdocs_tutorial_hello-anypoint-project-new-settings-name.png?alt=media" alt="" width="50%">

{% hint style="info" %}
Blank spaces are not supported as part of the project name.
{% endhint %}
{% endstep %}

{% step %}
Leave all the default values and click **Next**.

<img src="https://2912049260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8DYDBo6jzvQ73H6CZj6k%2Fuploads%2Fgit-blob-b7889453f04d4357844639f785fc0ea5e4f09f2e%2Fdocs_tutorial_hello-anypoint-project-new-settings-java.png?alt=media" alt="" width="50%">
{% endstep %}

{% step %}
Click **Finish**.

<img src="https://2912049260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8DYDBo6jzvQ73H6CZj6k%2Fuploads%2Fgit-blob-f3277cfdb0afa05ba79c3ac6b476e964e8261f6a%2Fdocs_tutorial_hello-anypoint-project-new-settings-finish.png?alt=media" alt="" width="50%">
{% endstep %}
{% endstepper %}

<i class="fa-chevrons-right">:chevrons-right:</i> The project is created. The **Package Explorer**, **Palette** and **Connections Explorer** are populated.![](https://2912049260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8DYDBo6jzvQ73H6CZj6k%2Fuploads%2Fgit-blob-f9382d1bb69f675f368a2d466181c41981588339%2Fdocs_tutorial_hello-anypoint-project-blank.png?alt=media)

### Create the connect flow

In this section you create connect flow by adding the required building blocks to the canvas and connecting them.

{% stepper %}
{% step %}
From the **Palette**, drag the **HTTP** connector to the **Canvas**.

<img src="https://2912049260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8DYDBo6jzvQ73H6CZj6k%2Fuploads%2Fgit-blob-8404f50bba431eafd4de6b4672ba66d6d3336b48%2Fdocs_tutorial_hello-anypoint-flow-http-add.png?alt=media" alt="" width="50%">
{% endstep %}

{% step %}
In the **Console** area, click the green **+** under **General Settings** to create a new connector configuration:

<img src="https://2912049260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8DYDBo6jzvQ73H6CZj6k%2Fuploads%2Fgit-blob-345ff0055050ef89b804272d13a7df21f58b3bd2%2Fdocs_tutorial_hello-anypoint-http-config-add.png?alt=media" alt="" width="50%">
{% endstep %}

{% step %}
Enter a value for the **Base Path** field. We are using */start* in this example.
{% endstep %}

{% step %}
Leave all other default values and click **OK**.

<img src="https://2912049260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8DYDBo6jzvQ73H6CZj6k%2Fuploads%2Fgit-blob-9f64697afec58b808f744af9616919397ade664f%2Fdocs_tutorial_hello-anypoint-http-config-path.png?alt=media" alt="" width="25%">

{% hint style="info" %}
The **Base Path** is the home page of your application.
{% endhint %}
{% endstep %}

{% step %}
From the **Palette**, select **Transformers** and scroll down to find the **Set Payload** transformer.

{% hint style="success" %}
You can also use the search function to look for specific building blocks.
{% endhint %}
{% endstep %}

{% step %}
Drag the **Set Payload** transformer from the **Palette** to the **Canvas**, next to the **HTTP Connector**.

<img src="https://2912049260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8DYDBo6jzvQ73H6CZj6k%2Fuploads%2Fgit-blob-0d10273e78e667fd6f0bb4a41ed54c34345bd4b9%2Fdocs_tutorial_hello-anypoint-flow-payload-add.png?alt=media" alt="" width="50%">
{% endstep %}

{% step %}
In the **Value** field, enter `#['Hello World!']`.

<img src="https://2912049260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8DYDBo6jzvQ73H6CZj6k%2Fuploads%2Fgit-blob-6f5c01c5f5673927350ec75cca58a59aef1d3d91%2Fdocs_tutorial_hello-anypoint-flow-payload-config-value.png?alt=media" alt="" width="50%">
{% endstep %}
{% endstepper %}

#### Add a Logger component

Anypoint Studio automatically logs all error, warning, tracing, and debugging information in a **log4j2.xml** file.

To manage logging you can also add a logger component to your application:

{% stepper %}
{% step %}
From the **Palette**, select **Components** and scroll down to **Logger** or use the search function.
{% endstep %}

{% step %}
Drag the **Logger** component from the **Palette** to the **Canvas**, next to the **Set Payload** transformer.

<img src="https://2912049260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8DYDBo6jzvQ73H6CZj6k%2Fuploads%2Fgit-blob-b875fef8b4e6538e9070f7e98a1a5ce1d73ccc80%2Fdocs_tutorial_hello-anypoint-flow-logger-add.png?alt=media" alt="" width="50%">

{% hint style="info" %}
Note: Ensure all building blocks are in the same **Flow** box on the **Canvas**.
{% endhint %}
{% endstep %}

{% step %}
In the **Message** field, enter `#[payload]`.

<img src="https://2912049260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8DYDBo6jzvQ73H6CZj6k%2Fuploads%2Fgit-blob-2829e436e11ca0c15b83aa95cce361fd150ac39d%2Fdocs_tutorial_hello-anypoint-logger-config-message.png?alt=media" alt="" width="50%">
{% endstep %}
{% endstepper %}

Save your project.

### Run the application

To start the application in your development environment, right-click the XML file in the **Package Explorer** and select **Run As** → **Mule Application**.

<img src="https://2912049260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8DYDBo6jzvQ73H6CZj6k%2Fuploads%2Fgit-blob-3c658ec6040b4e12102d4923147a47cd072bb670%2Fdocs_tutorial_hello-anypoint-project-run.png?alt=media" alt="" width="25%">

<i class="fa-chevrons-right">:chevrons-right:</i> If there are no errors, the console will show that the application has started.

<img src="https://2912049260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8DYDBo6jzvQ73H6CZj6k%2Fuploads%2Fgit-blob-03e192f7d80a18b9ce4430c09ccc0bee55dab1bd%2Fdocs_tutorial_hello-anypoint-project-deployed.png?alt=media" alt="" width="50%">

To run the application, open a browser window and go to *<http://localhost:8081/start>* to see 'Hello World!' printed on the page. If you used another value for the base path, replace */start* with your own path.

<img src="https://2912049260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8DYDBo6jzvQ73H6CZj6k%2Fuploads%2Fgit-blob-5327b99c6c5c326bfa905c3b070411204c9bb663%2Fdocs_tutorial_hello-browser-result.png?alt=media" alt="" width="25%">

<i class="fa-chevrons-right">:chevrons-right:</i> Since the logger component was instructed to deliver the payload message, the console will reflect this activity.

<img src="https://2912049260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8DYDBo6jzvQ73H6CZj6k%2Fuploads%2Fgit-blob-1b42cfa0ec294e994591e2628d90e326ddf26dbb%2Fdocs_tutorial_hello-anypoint-console-log.png?alt=media" alt="" width="50%">
