All Products
Search

This Product

    Mobile Platform as a Service:Extended features

    Document Center

    Mobile Platform as a Service:Extended features

    Last Updated:Feb 02, 2026

    Extension toolbox

    You can configure mPaaS miniapp extensions in the IDE extension Toolbox. Click the Toolbox icon (toolbox) on the left side of the interface to open the IDE extension tools.

    Settings

    Whitelist settings

    In the Toolbox, click Settings > Whitelist Settings, enter the user IDs for the whitelist, and click Confirm. This whitelist corresponds to the userId used to log on to the app client. Only users whose userId is on the whitelist can obtain miniapp packages for Preview and Debug.

    Miniapp settings

    In the Toolbox, click Settings > Miniapp Settings to open the miniapp settings page. The system highlights common error-prone configuration items based on the configurations in your miniapp code.

    image

    Features

    Export

    In the Toolbox, click Features > Export. Select a miniapp version and click Export.

    This feature pulls the latest official miniapp package and downloads it to your local machine.

    Purge cache

    In the Toolbox, click Features > Purge Cache to purge the cache files generated by the mPaaS miniapp.

    Multi-platform development

    Miniapps developed in the mPaaS miniapp IDE can be released to apps built on the mPaaS framework. The mPaaS miniapp IDE also lets you launch the WeChat Mini Program IDE for joint debugging or quickly build HTML5 applications for real-device previews.

    WeChat mini program

    1. Open the miniapp IDE. In the Select Template window, create a multi-platform miniapp project from the multi-terminal development template (uni-app) or multi-terminal development template (remax). You can also open an existing multi-platform miniapp project. image

    2. If you are creating a new multi-platform miniapp, you are prompted to install dependencies. Click Install All Dependencies.

      Alternatively, you can click the dependency management icon () on the left side of the interface and install the dependencies through the dependency management extension. After the dependencies are installed, you can preview the miniapp in the IDE emulator.

      Note

      If an error occurs after the installation, switch to the terminal and manually install the dependencies using yarn, as shown in the following figure.

      lQLPJxmZqrAh0D_NAqLNBEywqCdKOFvvtB0JTBNdbtiyAA_1100_674

    3. Download and install the WeChat Mini Program IDE. Then, log on and enable the service port.

    4. Click the mPaaS Toolbox icon (toolbox) on the left side of the IDE interface, and then select the Multi-platform Development tab on the right.

    5. Select WeChat Mini Program. In the configuration items that appear, enter the following information:

      • Configure Developer Tools: The installation path of the WeChat Developer Tools on your local machine.

      • Project Name: The name of the miniapp project to be displayed in the WeChat Developer Tools.

      • appid: The ID of the project in the WeChat Developer Tools that you want to associate.

    6. Click Start Debugging. The WeChat Mini Program Developer Tools launches and displays a real-time preview of the current miniapp. image

    7. To preview on a real device, click Preview in the upper-right corner of the WeChat Mini Program Developer Tools interface. Scan the generated QR code with WeChat on your mobile phone to preview the miniapp on your device.

    HTML5

    1. Open the miniapp IDE and select a project that you want to use for multi-platform development.

    2. Click the mPaaS Toolbox icon (toolbox) on the left side of the IDE interface, and then select the Multi-platform Development tab on the right.

    3. Select and expand HTML5. No additional configuration is needed.

    4. Click Start Debugging. The IDE opens an HTML Debug window, starts the build process, and generates a QR code for scanning on a real device. image

    5. Preview the application. You can preview on a real mobile device or in a desktop browser.

      • Real-device preview: On your mobile phone, open an app that supports HTML5 and scan the generated QR code to preview the miniapp in the app. You can also select Open in Browser to preview the miniapp in your phone's browser.

        Note

        When you preview the HTML5 version on a mobile phone, make sure your phone and computer are on the same network.

      • Computer browser preview: Copy the URL from the Local field, as shown in the following figure, and paste it into a browser on your local computer to preview the miniapp.

        image