Hybrid App series tools

  hbuilder, html5, hybrid-app, mui

Let’s get straight to the point, “sharpening knives and cutting firewood without delay”. The first step is to introduce the development tools, mainlyDCloudcompositiveHybrid AppMobile development framework. IncludingHBuilder5+RuntimeMUIThree main tools.

1. Create the first mobile App application

The first step is to download and decompressHBuilder, create a new moveAppProjects, choicesMui projectAs a template, the next step is to set up a mobile phone running simulator, which is selected here.Night god simulator, open the lower right cornerSetting-> developer options, checkUSB debugging. And then inSystem settingsInsideAdvanced settingsConfigured toMobile versionAndSpeed mode.

The second step, inHBuilderFrom insideTools-> options ->HBuilderTheThird Party Android Analog Portinstead62001Make a match.

At this point, the basic configuration of Android has been completed. The configuration of the Apple side needs to be usedMacAnd also refer to the methods provided on the official website.

2. Cloud Packaging-Native Installation Package

NewAppThe application uses the default style. If you need to add your own material resources, you need to pack them after completing the project. The configuration contents here are mainly as followsmanifest.jsonIn the configuration file.

  1. Basic informationhit the targetApplication nameIt can be set by itself.appidIf it isCloud packagingYou need to start fromCloud acquisition,Local packingYou can set it yourself. The remaining contents are operated according to their own needs.
  2. Chart settingsStart picture settingsSkip it and do it yourself.SDK settingsAndModule permission settingsIt needs to be operated according to the document tutorial, which is used more in specific projects.
  3. After completing the above two actions, packaging can be carried out.Issue-> hit native installation package, double-click after typing the packageunpackage->releaseinferiorapkThe files are automatically installed on the simulator.

This is the introduction of the tool article. New configurations or contents that need to be updated are added later.