Layman hbuilder cloud packaging generates app

Time:2021-10-5

stay   In the hbuilder cloud packaging function, the. APK file is generated. Although the platform provides free Android certificates, if there are other requirements, such as publishing, you need to apply for various types of certificates. Here is how to generate certificates online and configure them to the packaging platform for publishing.

I   Android certificate

If you do not need to go to the application market, you can directly use the free certificate provided by the platform or package the app.

If you need to go to the application market, you need to apply for your own independent Android certificate.

Android certificate online production tool is a tool for online generation and production of Android Developer Certificates. Through the tool, you can easily and intuitively produce development certificates. Just enter the alias, password, creator name or company name of the certificate to create an Android certificate:

Android certificate online production tool  

http://www.applicationloader.net/appuploader/keystore.php

  1. Generate Android certificate keystore file online
  2. One click online generation of Android signature certificate
  3. Android packaging certificate quick production and download

Package and download the generated certificate for standby.

Open hbuilder, right-click the package to be packaged – > release – > cloud packaging – print the native installation package:

 

 

Enter the certificate alias and certificate password used in the newly generated certificate, select the certificate file and start packaging.

 

 

After a while, you can generate the. APK packaged file and download the installation test manually.

 

 

If the original mobile phone has an installation copy of the same app, if the two apps are packaged and generated with different certificates, you need to uninstall the apps packaged and generated with different certificates, and then install the app just generated. Otherwise, you will be prompted, “different versions cannot be installed”.

If the packaged. APK file starts, the image is still   For hbuilder, you need to configure the correct icon and splash diagram in manifest.json.

The startup picture must follow the three picture formats provided by the configuration file, and the picture format must be PNG format.

II   Apple certificate

IOS certificate is not as simple as Android certificate. To apply for IOS certificate, you must first have an apple development account. You can choose to apply for different types of Apple Developer accounts according to your own needs.

Only Apple Developer accounts can be put on the app store. Apple developers need an annual fee, which is collected by Apple!

IOS certificate application is complex and requires an apple developer account. If there is a jailbreak mobile phone, you can directly use the system IOS certificate to package the jailbreak version for installation and testing. The following two tutorials are from third parties and can be referred to:

IOS Development Certificate Application Tutorial (real machine debugging and testing)

IOS publishing Certificate Application Tutorial (online app store)

IOS developer account application tutorial

 

Because my computer is windows, I can’t provide this knowledge.

III   Settings before packaging

Before packaging, you need to set manifest.json, such as mobile phone status bar, status bar color, startup picture, APP icon, etc.

  • Mobile status bar immersive settings: manifest.json – >   Add the immersedstatusbar property under add – > distribute – > Google and set the value to true
  • Phone status bar color setting: manifest. JSON – >   plus -> distribute ->   Add under Apple   The statusbarbackground property and set the color

  • Because the immersive status bar sets the height of the original status bar to 0, the header style needs to add a height of 20px and the first node of the same level as the header, margin top 20px.
My Anviz





.anviz-header-bar{
    display: flex;
    align-items: flex-end;
    height: 64px;/* Add status bar 20px*/
}
.anviz-slider{
    margin-top: 64px; /* Immersive status bar 20px*/
}

For status settings, please refer to this article:

Hbuilder app status bar color problem

The final effect on the phone is:

 

Thank you very much for the tutorial on how to obtain Apple certificate.

 

Android certificate online production tool

The harder you work, the luckier you are. Stick to learning for one hour every day and absorb one knowledge point every day.
 

,

II   Apple certificate

IOS certificate is not as simple as Android certificate. To apply for IOS certificate, you must first have an apple development account. You can choose to apply for different types of Apple Developer accounts according to your own needs.

Only Apple Developer accounts can be put on the app store. Apple developers need an annual fee, which is collected by Apple!

IOS certificate application is complex and requires an apple developer account. If there is a jailbreak mobile phone, you can directly use the system IOS certificate to package the jailbreak version for installation and testing. The following two tutorials are from third parties and can be referred to:

IOS Development Certificate Application Tutorial (real machine debugging and testing)

IOS publishing Certificate Application Tutorial (online app store)

IOS developer account application tutorial

 

Because my computer is windows, I can’t provide this knowledge.

III   Settings before packaging

Before packaging, you need to set manifest.json, such as mobile phone status bar, status bar color, startup picture, APP icon, etc.

  • Mobile status bar immersive settings: manifest.json – >   Add the immersedstatusbar property under add – > distribute – > Google and set the value to true
  • Phone status bar color setting: manifest. JSON – >   plus -> distribute ->   Add under Apple   The statusbarbackground property and set the color

  • Because the immersive status bar sets the height of the original status bar to 0, the header style needs to add a height of 20px and the first node of the same level as the header, margin top 20px.
My Anviz





.anviz-header-bar{
    display: flex;
    align-items: flex-end;
    height: 64px;/* Add status bar 20px*/
}
.anviz-slider{
    margin-top: 64px; /* Immersive status bar 20px*/
}

For status settings, please refer to this article:

Hbuilder app status bar color problem

The final effect on the phone is:

 

Thank you very much for the tutorial on how to obtain Apple certificate.

 

Android certificate online production tool

Recommended Today

Solve a problem with responsewriter in golang

When using the three methods set / writeheader / write in context.responsewriter, the order of use must be as follows, otherwise a setting will not take effect. ctx.ResponseWriter.Header().Set(“Content-type”, “application/text”) ctx.ResponseWriter.WriteHeader(403) ctx.ResponseWriter.Write([]byte(resp)) As shown in Figure 1: ctx.ResponseWriter.Header().Set(“Content-type”, “application/text”) ctx.ResponseWriter.Write([]byte(resp)) ctx.ResponseWriter.WriteHeader(403) It will cause the return code to be 200 all the time Supplement: in go, […]