# Preview Mobile App

After completing the mobile screen design in **Page Designer**, you can validate and test your application using **PlayMe**, a built‑in preview and testing utility provided by ONEWEB. PlayMe allows developers to preview the mobile application both in a web browser and on a physical mobile device.

***

### Test and Preview App on Browser

To preview your mobile application in a browser:

1. In **Page Designer**, click the **PlayMe** button located at the top‑right corner of the editor.

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FzK5PBZ7Jax3phqlQTr3Y%2Fimage.png?alt=media&#x26;token=99dda18a-a7b6-4984-b747-7bad97d498cd" alt=""><figcaption></figcaption></figure>

> The **PlayMe** option is also available from the **Settings** screen in Page Designer.

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FyKlUVn0xr5iNLyEhR1gb%2Fimage.png?alt=media&#x26;token=af4839b6-69ce-4285-ba53-f266abf710eb" alt=""><figcaption></figcaption></figure>

2. Once PlayMe is triggered, the system builds all mobile pages contained in the application.
3. After the build process completes, a **“Build successful”** message is displayed together with a preview URL.

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FQyD6fwgU3kDxA20nFPuG%2Fimage.png?alt=media&#x26;token=c8c3192a-f7c4-43ed-9aa5-ea52d3c71f95" alt=""><figcaption></figcaption></figure>

4. You can preview the mobile application by opening the generated URL in a new browser tab or window.

The URL format is:

```
http://<Application Server IP>/preview/<UserId>/<Namespace>
```

For example, if the namespace is `com.team`, the preview URL will be:

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FysuZCKlGRvOlVIn9kYLi%2Fimage.png?alt=media&#x26;token=bbcd1408-821b-4fb9-9e90-0347c4b81602" alt=""><figcaption></figcaption></figure>

This preview mode is useful for quickly verifying layouts, navigation flow, and page behavior without deploying the application to a device.

***

### Preview and Test App on Mobile Using PlayMe

For device‑level testing, ONEWEB provides the **PlayMe mobile application**, which allows you to preview your mobile app on a physical device.

***

#### Install PlayMe Application

Download the **PlayMe App** from **Google Play Store** and install it on your mobile device.

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2Fs3TEfZSUKoNV7tI55kK3%2Fimage.png?alt=media&#x26;token=51e14091-a202-4cea-a807-329834614f01" alt=""><figcaption></figcaption></figure>

***

#### Generate QR Code for Mobile Preview

1. In **Page Designer**, open the **Deployment** tab.

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FmpNo9Vo7wTGrt9hS0Hc1%2Fimage.png?alt=media&#x26;token=b151002e-2ccc-4816-aec9-7045b92a1893" alt=""><figcaption></figcaption></figure>

2. If a build zip does not already exist, click **Build Zip** to generate one.

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FVwup4KkXmYQMa0YbRoVb%2Fimage.png?alt=media&#x26;token=fc4d4645-0144-4390-ac0f-87f9671ba24d" alt=""><figcaption></figcaption></figure>

3. After the build is completed, expand the build menu by clicking the options icon and select **PlayMe**.

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FDs0SyW30b95mSDwx3zgu%2Fimage.png?alt=media&#x26;token=d69657df-d706-4c0c-9478-03844c2f3acb" alt=""><figcaption></figcaption></figure>

4. The system generates a **QR Code** for the application.

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FxO6DqwPE0LRrNAlO0Fpr%2Fimage.png?alt=media&#x26;token=68b82013-4170-4dea-aead-b5ed800e2218" alt=""><figcaption></figcaption></figure>

***

#### Preview Application on Mobile Device

1. Open the **PlayMe App** on your mobile device.
2. Scan the generated **QR Code**.
3. The mobile application loads inside PlayMe, allowing you to interact with and test the app in a real mobile environment.

At this point, your application is ready for further testing, validation, and iteration.


---

# 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/building-apps/ui-page-designer/ux-ui-components/pages/create-your-first-mobile-app/preview-mobile-app.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.