HBuilder package App method, hbuilder package app

HBuilder package App method, hbuilder package app

HBuilder is a Web development IDE that supports HTML5 launched by DCloud (Digital heaven. This software supports both web code writing and packaging the compiled project code as a mobile APP.

HBuilder provides two types of packages: cloud packaging and local packaging. The cloud packaging feature is that DCloud has officially configured the native packaging environment and can compile HTML and other files into the native installation package.

 

1. Download HBuilder, register and log on to HBuilder. First, open "file"-"New"-"mobile APP", enter "Application name", and select "location" as needed. We recommend that you select an empty template for "select template;

2. After the project is created, the Project Manager displays the newly created Project directories, including css,img,js and index.html, which can be deleted and replaced.

The unpackage folder contains pictures of the app icon and startup interface.

Manifest. A json file is a configuration file of a mobile App. It is used to specify the display name, icon, application entry file address, and required Device Permissions Of an App, you can configure mobile App information through the visual interface view or source code view of HBuilder.

3. If CSS, img, JS folder, and index.html files are deleted, copy other project files to the folder. Note that the reference path in the html file must be correct.

For example, if you copy a project by yourself:

 

4. After the file is copied, refresh the updates and double-click the manifest. json file to configure the App.

Appid: Click cloud to get it. Version: edit it as needed. Page entry: index.html. You can change the APP startup page based on your project requirements. Application Description: Enter it by yourself. Whether the application is displayed in full screen: The application is displayed in full screen.

5. Icon configuration: Click the icon configuration at the bottom of the page to configure the APP display icon.

1) Click the square box of "+", select the path of the icon material, find the icon material, and click "automatically generate all icons and replace" to generate and replace the icon.

2) The generated icon is automatically in the unpackage folder.

6. Start the image (splash) configuration and click to switch to the image STARTUP configuration.

1), start option: Default

2) Enable the image settings. Set the startup Image Based on your needs, Android or iOS platform.

3) create a new file named "splash" under the unpackage → res file and put the prepared startup image in this file.

4) Click "select" in the startup image settings to find the launched image.

7. SDK configuration: configure the SDK if necessary. If not, configure the SDK by default.

8. Module permission configuration: configuration is required. If not, configuration is performed by default.

9. Page reference relationship:

First, click the scanner scan code, and then click the index.html file on the left.

What does this function mean: Click the html file on the left, and different files and images will be displayed on the right. Indicates the resources required for loading the html file on the left.

10. Code view: Check whether the settings are correct in the Code view. Press ctrl + s to save the settings.

11. Set the configuration options to officially enter the packaging stage.

In HBuilder, click "release"-"release as native installation package" to start packaging.

Here we will introduce iOS Packaging

1) if you select the jailbreak package, you do not need an apple certificate. The package can be successfully packaged by default. However, the packaged App can only be installed on a jailbroken mobile phone, but cannot be installed without jailbreak.

2) if you use an apple certificate, we recommend the Appuploader tool for applying for an iOS certificate. The free developer account of Apple can directly use a common Apple id to apply for an ios test certificate using Appuploader and package ipa to install it on a non-jailbreaking device.

Tool installation URL: http://www.applicationloader.net/blog/zh/72.html

Free developer account to apply for iOS certificate Tutorial: http://www.applicationloader.net/blog/zh/1073.html

 

12. After the application is submitted, click OK to view the App package status.

After the package is successful, you can download it manually and install it on the ipad using a third-party tool, Apple assistant.

13. debug and install the simulator

If you need to debug on your computer, you need to install the simulator. For more information, see.

If you need to install HBuilder on your mobile phone for debugging, connect your mobile phone to your computer with the data cable, and restart HBuilder → run on your mobile phone → connect to the real machine.