Skip to content

Wap2App package ​

1. Deploy H5 ​

  1. Use HBuilderX to package the project into an H5 page, and deploy the H5 page to your own server.

2. Creating a Wap2App Project ​

  1. In HBuilderX, choose File - New - Project to create a Wap2App project. Customize the project name, set the wap site home page address to the H5 deployment address, and select the default template.
Wap2App project creation page screenshot
  1. After the project is created, the default project structure is as follows:
Wap2App project creation page screenshot

3. Configuring the App Icon and Launch Image ​

  1. App icon: the app icon is the icon shown on the phone's home screen after the App is installed. Configure it as follows: double-click to open the manifest.json file, then click the "Icon Configuration" tab at the bottom.
App icon configuration page screenshot

It is recommended to configure a large 1024*1024 icon, then automatically generate and replace icons of various resolutions.

  1. Launch image: the launch image is the welcome image shown between tapping the desktop icon and entering the app's home page. Configure it as follows.
Launch image configuration page screenshot

Configure launch images of different resolutions as needed. For example, if you only generate an Android package, you only need to configure the Android launch images.

4. App Publishing ​

  1. A wap2app project can be packaged into an ipa installation package for the iOS platform or an apk installation package for the Android platform.

  2. In HBuilder, click the "Release" menu at the top, then click "Native App - Cloud Packaging", as shown below:

App publishing page screenshot
  1. Select the platform to package for and the packaging certificate (packaging for iOS requires an iOS certificate), then click the "Package" button to submit the cloud packaging job. When packaging is complete, the installation package is downloaded automatically; install it on a phone to try it out.

  2. It is recommended to use your own certificate to avoid strange problems during packaging.

FastBee | fastbee.cn