# Install ONEWEB Page Designer

This section describes how to **deploy and initialize the ONEWEB Page Designer** on WildFly using the **WildFly Management Console**.

ONEWEB Page Designer provides design‑time capabilities for building web pages and mobile application pages. In addition to deploying the application archive, an **initial database migration** is required before the Page Designer can be used.

***

#### Step 1: Access WildFly Management Console

Log in to the **WildFly Management Console** using a web browser.

By default, the console is available at:

```
http://<Application Server IP>:9990
```

Ensure that you are logged in using an administrator account with deployment privileges.

***

#### Step 2: Navigate to the Deployment Panel

1. From the Management Console dashboard, navigate to the **Deployment** panel
2. Click **Add** to deploy a new application archive

The Deployment panel is highlighted in the example below:

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FtkmqngLzR05h17jmV7KE%2F0?alt=media" alt=""><figcaption></figcaption></figure>

***

#### Step 3: Upload the Page Designer WAR File

1. Select **Upload new deployment**
2. Click **Next**
3. Choose the ONEWEB Page Designer WAR file

The package name follows this format:

```
ONEWEB.PGD.x.x.x.x.YYMMDD24HHMM.wildfly.war
```

Example upload screen:

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2Foxr4AZMdXCvS1bStVZLL%2F1?alt=media" alt=""><figcaption></figcaption></figure>

After selecting the file, click **Next** to continue.

***

#### Step 4: Enable the Deployment

1. Select **Enable** to activate the Page Designer immediately after deployment
2. Click **Finish** to complete the deployment process

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2Fu7K7jLLgKD2l9nPiGxoH%2F2?alt=media" alt=""><figcaption></figcaption></figure>

Wait until the confirmation message indicates that the application package has been deployed successfully.

***

#### Step 5: Initialize Page Designer Database

After deployment, the Page Designer database schema must be initialized.

1. Open a web browser
2. Navigate to the Page Designer database migration page:

```
http://<Application Server IP>:<Port>/PageDesigner/#/settings/db/migration
```

1. Click **Install** to start the database initialization process

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FbsDuQZhhZSO2otP85HTF%2F3?alt=media" alt=""><figcaption></figcaption></figure>

The application will perform database validation and migration.

***

#### Step 6: Verify Database Initialization

When the initialization completes successfully, the system will respond with a **“Validated”** status.

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FJvw1LBSSLzD4XBKGOlnI%2F4?alt=media" alt=""><figcaption></figcaption></figure>

This indicates that the Page Designer database has been created and initialized correctly.

***

#### Step 7: Verify Page Designer Access

After initialization, verify that the Page Designer application is accessible.

Open a web browser and navigate to:

```
http://<Application Server IP>:<Port>/PageDesigner
```

A successful load of the Page Designer interface confirms that the deployment and initialization were completed correctly.

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FgWXHks9nZaqW23eN3IFQ%2F5?alt=media" alt=""><figcaption></figcaption></figure>

***

#### Deployment Result

After completing the above steps:

* ONEWEB Page Designer is deployed on WildFly
* Required database schema is initialized
* Page design functionality is available to authorized users
* The platform is ready for page‑based application development


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.onewebstack.com/oneweb-platform-th/getting-started/platform-configuration/platform-components-overview-and-management/install-oneweb-application-components/install-oneweb-page-designer.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.