About HTML5 mini programs

With this topic, you can learn what an HTML5 mini program is, its benefits, and how it works.

The following two types of mini programs are supported on AIMPDP:

  • Mini Program based on DSL (Domain Specific Language)

We recommend that you develop the default DSL-based mini programs. For more information, see About Mini Program.

  • Mini Program based on HTML5

However, to help you integrate your existing HTML5 (H5) mobile app or web page with the super app, you can transform the exiting H5 web page or mobile app into HTML5 mini programs manually.

What is H5 mini program

HTML5 mini programs are mini programs that are transformed from H5 mobile apps or web pages that use HTML5 code (HTML, CSS, and Javascript). H5 mini programs run in the WebView environment, so you can develop an H5 mini program as you do for a web page. Compared with H5 mobile apps, H5 mini programs are powered with more capabilities by calling mini program JSAPIs, thus improving user experience.

Benefits

Above all, you don't need to start from scratch if you already have an H5 mobile app or web page. Developing an H5 mini program will bring the following benefits to multiple parties:

image.png

How it works

The figure below illustrates how message transmits between mini programs and web pages. With the mini program bridge and H5 bridge, the web page can use the mini program APIs easily.

image

For security reasons, the mini program container controls API callings initiated by web pages, as shown in the above picture. However, some specific APIs are necessary for certain scenarios, such as the authorization API. To allow the web page to use the required APIs conveniently, the mini program container provides a set of scalable APIs.

Guides

How to develop H5 mini programs

See the procedures of mini program development for HTML5 web pages and H5 upgrades for mini program.

Related links

About Mini Program