HTML code packaged directly into an app document

Source: Internet
Author: User


Lbuilder is an online packaging site platform, can be very convenient to make a mobile website into an app, you can also directly pack H5 code, free to use!


Here's how to use Lbuilder to package HTML code


in seven steps

1. Register Lbuilder Platform Account

2. Create app, configure basic information

3. Configuring the expansion plug-in

4. Configure the Packaging project

5. Configure the Android Certificate

6. Configure the iOS certificate

7. Compiling the App


First, registered Lbuilder platform account


1, open Lbuilder official website http://www.lbuilder.com, click on the upper right corner to register an account.




Second, create an app


1, Login Lbuilder platform Click Make app, enter the app management background, click on the left to create a new app.



2. Fill in the basic information of the app


Set up to save next.


3. Set app icon and start diagram.

Set up to save next.


third, set up plug-ins


Choose a plugin configuration based on your app's needs.



Lbuilder can be directly packaged H5 code, if not set up a domain name, only the code can be easily packaged into an app.

Iv. Configuring HTML code

1, choose the code package, download the code template, decompression has two folders. Of course there are URLs can also be directly packaged website.


2. Copy code to code template

Click on the www folder, delete the code template inside the two files, copy your code into this folder.



3, re-compress the zip package, upload and save.


Five, configure the Android certificate


You can request a custom certificate configuration, or you can use the system to bring your own certificate packaging.




vi. Setting up an iOS certificate



iOS certificate requests are complex and require an Apple developer account to apply. If you have a jailbreak phone, you can use the system iOS certificate to package the Jailbreak edition installation test directly.


The iOS certificate request is more complicated and patient to look at.


Requesting an iOS certificate requires an Apple developer account


The iOS certificate separately sends the certificate and publishes the certificate, here first applies a development certificate, first packs installs to own mobile phone test.


iOS Development Certificate Request tutorial (real Machine Debug test)


iOS Publishing certificate request tutorial (app Store on shelves)


Applying for a good certificate will get two certificate files. P12 and. Mobileprovision, this is a set of certificates.


Select the. P12 and. mobileprovision files to upload, enter the password to create the iOS certificate settings before you save!



Vii. Packaging and compiling apps


Optional packaged Android or iOS


In this way, a copy of the HTML code is packaged as an app.


HTML code packaged directly into an app document

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.