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], the use of HBuilderX web page packaged into 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], the use of HBuilderX web page packaged into APP tutorial, Jinan OneSoft Network Technology](https://www.yfxw.cn/wp-content/uploads/2021/04/1619338304-48642833499568a.png)
![Picture [3], the use of HBuilderX web page packaged into 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], the use of HBuilderX web page packaged into 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], the use of HBuilderX web page packaged into APP tutorial, Jinan OneSoft network technology](https://www.yfxw.cn/wp-content/uploads/2021/04/1619339168-fe1a941726fbbec.png)
![Picture [6], the use of HBuilderX web page packaged into 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], the use of HBuilderX web page packaged into APP tutorial, Jinan OneSoft network technology](https://www.yfxw.cn/wp-content/uploads/2021/04/1619339428-2204b025932777a.png)
![Picture [8], the use of HBuilderX web page packaged into APP tutorial, Jinan One Soft Network Technology](https://www.yfxw.cn/wp-content/uploads/2021/04/1619339547-582e36ca576e747.png)
![Picture [9], the use of HBuilderX web page packaged into APP tutorial, Jinan OneSoft network technology](https://www.yfxw.cn/wp-content/uploads/2021/04/1619339705-7104b5b83429702.png)
![Picture [10], the use of HBuilderX web page packaged into 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], the use of HBuilderX web page packaged into an APP tutorial, Jinan OneSoft network technology](https://www.yfxw.cn/wp-content/uploads/2021/04/1619339945-017e30c8825d6db.png)
![Picture [12], the use of HBuilderX web page packaged into an APP tutorial, Jinan OneSoft network technology](https://www.yfxw.cn/wp-content/uploads/2021/04/1619340080-23d876a0067dd32.png)
![Picture [13], the use of HBuilderX web page packaged 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 not encrypted genuine soft , 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 to the source code rapid deployment, Jinan One Soft Network Technology](https://www.99blog.cn/wp-content/uploads/2022/08/b99a030f33000949-300x54.png)
English 
简体中文 
