> 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="/files/9M2F5hGTGBJO8XalQROY" alt="" width="50%">
{% endstep %}

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

<img src="/files/Jdc8LTiS75pPEgmCx235" 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="/files/jglFe9DchhDJOk4NoFbU" alt="" width="50%">
{% endstep %}

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

<img src="/files/0V6wYNVU0wwVBju7EXY9" 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.![](/files/2nhvAa4Ygb4ysdNeh1Rc)

### 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="/files/S8pd0QNfHJ8oSD06bvlU" alt="" width="50%">
{% endstep %}

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

<img src="/files/0FqSURXCuhhaqSKdcKE7" 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="/files/KSx1NGgGaGQz1KPOLb6J" 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="/files/UzEOBvvQy3XmDLNp5KaS" alt="" width="50%">
{% endstep %}

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

<img src="/files/4Zhv1KfjPuIjO4Qrf3Z6" 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="/files/KJkwgsr8mR33abw6336x" 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="/files/wSPMV6EkVvC0pd4Iz7VF" 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="/files/GFsDoWr2Y2UU4xfuBAJI" 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="/files/ZVilBdmjrKm8bHNWZ0mE" 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="/files/wOSthIl00QdlucEsxjCi" 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="/files/MoWrQ8QqBmJ86HCxCyBQ" alt="" width="50%">
