html代码直接打包封装成APP文档

从来好事天生俭,自古瓜儿苦后甜。这篇文章主要讲述html代码直接打包封装成APP文档相关的知识,希望能为你提供帮助。

html代码直接打包封装成APP文档

文章图片



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


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


分七步进行
1、注册lbuilder平台账号
2、创建APP、配置基本信息
【html代码直接打包封装成APP文档】 3、配置扩展插件
4、配置打包项目
5、配置安卓证书
6、配置ios证书
7、编译APP


一、注册lbuilder平台账号


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


html代码直接打包封装成APP文档

文章图片





二、创建一个app


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


html代码直接打包封装成APP文档

文章图片



2、填写APP基本信息


设置好保存下一步


html代码直接打包封装成APP文档

文章图片

3、设置应用图标和启动图。
html代码直接打包封装成APP文档

文章图片

设置好保存下一步


三、设置插件


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


html代码直接打包封装成APP文档

文章图片



lbuilder可以直接打包H5代码,如果没有搭建域名,只有代码也可以很方便的打包成APP。
四、配置html代码
1、选择代码打包,下载代码模板,解压有两个文件夹。当然有网址也可以直接打包网站。
html代码直接打包封装成APP文档

文章图片

html代码直接打包封装成APP文档

文章图片



2、复制代码到代码模板
点击www文件夹,删除代码模板里面的两个文件,复制你的代码到这个文件夹。
html代码直接打包封装成APP文档

文章图片

html代码直接打包封装成APP文档

文章图片





3、重新压缩为zip包,上传保存。
html代码直接打包封装成APP文档

文章图片

html代码直接打包封装成APP文档

文章图片



五、配置安卓证书


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


html代码直接打包封装成APP文档

文章图片

html代码直接打包封装成APP文档

文章图片



html代码直接打包封装成APP文档

文章图片



六、设置ios证书


html代码直接打包封装成APP文档

文章图片



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


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


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


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


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


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


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


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




七、打包编译APP


可选打包安卓或者ios
html代码直接打包封装成APP文档

文章图片
html代码直接打包封装成APP文档

文章图片

html代码直接打包封装成APP文档

文章图片



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


    推荐阅读