Today to bring you an issue of how to package the site into an APP, the use of the tool is HBuilderX.
moveFirst of all, we go to the official website of HBuilderX to download the tool, remember to choose the APP development version. According to their own system to choose the corresponding version!
![Picture [1]|Use HBuilderX to package the web page into an APP tutorial | Jinan OneSoft Network Technology](https://www.yfxw.cn/wp-content/uploads/2021/04/1619338031-5c861ab5adb1f79.png)
② After the download, we extract the program to the corresponding disk you want to decompress it, and then enter the folder to open the application
![Picture [2]|Use HBuilderX to package the web page into an APP tutorial | Jinan OneSoft Network Technology](https://www.yfxw.cn/wp-content/uploads/2021/04/1619338304-48642833499568a.png)
![Picture [3]|Use HBuilderX to package the web page into an APP tutorial | Jinan OneSoft Network Technology](https://www.yfxw.cn/wp-content/uploads/2021/04/1619338315-a21b6c845d333e8.png)
③ then we go to register an account and authentication, for the next step to get ready, my side is already applying for good
![Picture [4]|Use HBuilderX to package the web page into an APP tutorial | Jinan OneSoft Network Technology](https://www.yfxw.cn/wp-content/uploads/2021/04/1619338441-4a050f10432e448.png)
④We create a project, remember to select the project as 5+App, template selection for Hello H5+
![Picture [5]|Use HBuilderX to package the web page into an APP tutorial | Jinan OneSoft Network Technology](https://www.yfxw.cn/wp-content/uploads/2021/04/1619339168-fe1a941726fbbec.png)
![Picture [6]|Use HBuilderX to package the web page into an APP tutorial | Jinan OneSoft Network Technology](https://www.yfxw.cn/wp-content/uploads/2021/04/1619339210-84b502efc14ef47.png)
⑤ Open the project and configure the corresponding content information.
![Picture [7]|Use HBuilderX to package the web page into an APP tutorial | Jinan OneSoft Network Technology](https://www.yfxw.cn/wp-content/uploads/2021/04/1619339428-2204b025932777a.png)
![Picture [8]|Use HBuilderX to package the web page into an APP tutorial | Jinan OneSoft Network Technology](https://www.yfxw.cn/wp-content/uploads/2021/04/1619339547-582e36ca576e747.png)
![Picture [9]|Use HBuilderX to package the web page into an APP tutorial | Jinan OneSoft Network Technology](https://www.yfxw.cn/wp-content/uploads/2021/04/1619339705-7104b5b83429702.png)
![Picture [10]|Use HBuilderX to package the web page into an APP tutorial | Jinan OneSoft Network Technology](https://www.yfxw.cn/wp-content/uploads/2021/04/1619339765-be7fe463b479552.png)
⑥After the above configuration, we will start to publish it as an app!
![Picture [11]|Use HBuilderX to package the web page into an APP tutorial | Jinan OneSoft Network Technology](https://www.yfxw.cn/wp-content/uploads/2021/04/1619339945-017e30c8825d6db.png)
![Picture [12]|Use HBuilderX to package the web page into an APP tutorial | Jinan OneSoft Network Technology](https://www.yfxw.cn/wp-content/uploads/2021/04/1619340080-23d876a0067dd32.png)
![Picture [13]|Use HBuilderX to package the web page into an APP tutorial | Jinan OneSoft Network Technology](https://www.yfxw.cn/wp-content/uploads/2021/04/1619340166-ba8f664afc35a10.png)
Tutorial here on the end of it, interested can look at the study, need more related tutorials can be proposed to the official Oh!
Thanks for visiting, get more great articles please bookmark this site.
© copyright statement
THE END
![One Soft AI Star] ChatGPT V7.0 full open source JAVA intelligent AI robot openai open source unencrypted genuine soft writings | Jinan One Soft Network Technology](https://www.99blog.cn/wp-content/uploads/2023/04/6deaa2a89c160026-300x300.jpg)
![One key deployment tutorial] anonymous letter build / novice 1 minute on-line build anonymous letter / Pagoda one key rapid deployment / a letter source code rapid deployment | Jinan One Soft Network Technology](https://www.99blog.cn/wp-content/uploads/2022/08/b99a030f33000949-300x54.png)
English 
简体中文 
