Back to Doc.qt.io
Contact Us Blog Download Qt

Previewing on devices Creating a single page navigation web application

Sharing applications online

{Qt Design Viewer example}

In Qt Design Studio, you can share your applications in most widely-used web browsers, such as Apple Safari, Google Chrome, Microsoft Edge, and Mozilla Firefox, on the desktop and on mobile devices.

The application shared online runs in Qt Design Viewer, which is a QML viewer that runs in your web browser.

The startup and compilation time depend on your browser and configuration. However, the actual performance of the application once started is indistinguishable from the same application running on the desktop.

Connecting to the Qt Design Viewer web service

  1. Open a project in Qt Design Studio.
  2. Select the Share Project button in the top toolbar, then select Sign in.

    {Sign in to the Design Viewer web service}

  3. Log in with your Qt account. After logging in, you receive 10 GB of space on the Qt Design Viewer server to upload your projects.

    {After signing in to the Design Viewer}

To sign out of the Qt Design Viewer web service, select the Share Project button in the top toolbar, then select Sign out.

Sharing your application online from Qt Design Studio

To share your Qt Design Studio application online:

  1. Open the application in Qt Design Studio.
  2. Connect Qt Design Studio to the Qt Design Viewer web service.
  3. Select the Share Project button in the top toolbar, then select Share.

Running the shared Qt Design Studio application in the Qt Design Viewer web service

  1. Go to the Qt Design Viewer web service.

    {Qt Design Viewer homepage}

  2. Log in with your Qt account.
  3. Select Projects, then select the project you want to run.

Note: The changes you make after sharing the application from Qt Design Studio are not immediately reflected in the Qt Design Viewer web service. Share the application again from Qt Design Studio to have the latest changes in the Qt Design Viewer web service.

Sharing an application from the Qt Design Viewer web service

  1. Go to the Qt Design Viewer web service.
  2. Log in with your Qt account.
  3. Select Projects, then find the project you want to share.
  4. To open the extra options, select the More button in the project thumbnail, then select Share.

    {Share application from Qt Design Viewer}

  5. Select the corresponding options to add a description, set an expiration date, or protect the project with a password.

    {Options for shared application in Qt Design Viewer}

  6. After selecting your preferred options, select Create new link.

Share the generated link with others to allow them direct access to the application.

{Generated link after sharing the application from Qt Design Viewer}

Note: You cannot update the description, expiration date, or password on an existing shared link. Instead, create a new link by following the above process.

Best practices

Creating a single page navigation web application

Previewing on devices Creating a single page navigation web application

Available under certain Qt licenses.
Find out more.