查看: 313|回复: 0

[前端资源] html代码打包封装成APP文档

发表于 2018-4-17 14:27:23


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


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


分七步进行

1、注册lbuilder平台账号

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

3、配置扩展插件

4、配置打包项目

5、配置安卓证书

6、配置ios证书

7、编译APP


一、注册lbuilder平台账号


1、打开lbuilder官网http://www.lbuilder.com,点击右上角注册一个账号。




二、创建一个app


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



2、填写APP基本信息


设置好保存下一步



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

设置好保存下一步


三、设置插件


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




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

四、配置html代码

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




2、复制代码到代码模板

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





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




五、配置安卓证书


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





六、设置ios证书




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


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


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


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


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


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


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


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



七、打包编译APP


可选打包安卓或者ios




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





回复

使用道具 举报