html代码在线打包封装成APP文档



  • lbuilder是一个在线打包网站的平台,可以非常方便的把一个手机网站做成APP,也可以直接打包h5代码,免费使用!

    下面介绍如何使用lbuilder打包html代码

    分七步进行

    1、注册lbuilder平台账号

    2、创建APP、配置基本信息

    3、配置扩展插件

    4、配置打包项目

    5、配置安卓证书

    6、配置ios证书

    7、编译APP

    一、注册lbuilder平台账号

    1、打开lbuilder官网lbuilder免费在线打包,点击右上角注册一个账号。

    0_1523947710695_1.png

    二、创建一个app

    1、登录lbuilder平台点击制作APP,进入APP管理后台,点击左侧新建应用。

    1_1523948027455_2.png 0_1523948027454_1.png

    2、填写APP基本信息

    设置好保存下一步

    0_1523948009188_3.png

    3、设置应用图标和启动图。

    设置好保存下一步

    0_1523948000601_4.png

    三、设置插件

    根据app需求,选择插件配置。

    0_1523947983040_5.png

    lbuilder可以直接打包H5代码,如果没有搭建域名,只有代码也可以很方便的打包成APP。

    四、配置html代码

    1、选择代码打包,下载代码模板,解压有两个文件夹。当然有网址也可以直接打包网站。
    1_1523947973670_8.png 0_1523947973670_7.png

    2、复制代码到代码模板

    点击www文件夹,删除代码模板里面的两个文件,复制你的代码到这个文件夹。

    0_1523947946661_10.png
    0_1523947955269_11.png

    3、重新压缩为zip包,上传保存。

    0_1523947926282_11.png
    0_1523947914453_12.png

    五、配置安卓证书

    可以申请自定义证书配置,也可以使用系统自带证书打包。

    0_1523947882662_13.png
    0_1523947895535_14.png
    0_1523947904476_15.png

    六、设置ios证书

    ios证书申请比较复杂,需要苹果开发者账号才能申请。如有越狱手机,可以直接使用系统ios证书打包越狱版安装测试。

    ios证书申请比较复杂,耐心看下。

    申请ios证书需要一个苹果开发者账号

    ios证书分开发证书和发布证书,这里首先申请个开发证书,先打包安装到自己手机测试。

    iOS开发证书申请教程(真机调试测试)

    iOS发布证书申请教程(上架App Store)

    申请好证书会得到两个证书文件.p12和..mobileprovision,这是一套证书。

    选择.p12和.mobileprovision文件上传,输入之前创建ios证书设置的密码,保存!

    0_1523947808829_16.png

    七、打包编译APP

    可选打包安卓或者ios

    0_1523947783227_17.png
    0_1523947789370_18.png
    0_1523947793637_19.png

    这样就把一份html代码打包成了APP。


登录后回复