将网站打包成webApp
前言
将LIEFox打包成APP这个灵感,也多亏了某数字1,他们也推出了一个APP,说具有VIP免权限的功能,就信了他的邪,发现下载后,和网页版的没啥区别,要收费还是要收费,但是比网页版的快上很多,那这么说LIEFox也可以这样。好,理论存在,实践开始!
webAPP是?
Web App即是一种框架型APP开发模式(HTML5 APP 框架开发模式),该开发方式拥有跨平台的优势,该模式通常由“HTML5云网站+APP应用客户端”两部分构成,封装的APP通过访问数据进行直接运作,像网页直接打开的方式直接访问,这种方式跟网页连接访问是一样的,所以封装的APP大多数也多由网页端h5系统封装而来,也因此网页访问手机硬件参数以及对手机的权限控制的话可能会相对受限。
这方面的好处就是:
1、链接分享会灵活点毕竟是网页形式压缩的app
2、封装app就基本上多数是网页的形式进行封装的,所以你只要有网站,网址、应用名等就可以给你封装出一个app。
3、封装APP其本质是网页端内容,如果出现bug不用更新版本,只需要在后台修改即可修复bug;原生APP一旦发现bug,就需要技术开发人员去修复,然后进行更新,用户所使用的版本才能修复bug。
准备:
-
自己的网站(博客)
-
一个APP logo
-
webAPP在线打包工具(http://www.appcan.cn/)
正戏
进入APPCan官网:http://www.appcan.cn/
点击注册
按照要求注册
注册成功后登录
创建应用
点击webapp
点击应用打包:图标设置、状态栏设置、启动页设置,按照指定要求设置上传
注意:启动页设置需要素材按照提示尺寸进行上传
设置引擎选择→安卓
注意:打包成iOS APP的话会很麻烦,要涉及到iOS企业签名,所以推荐打包成安卓
引擎选择
sdksuit_4.4_210112_01(官方引擎)
发布时间为2021-01-25
或最新的。
注意:莫选择不兼容的引擎,会导致APP安装后出现各种问题。
插件暂时不需要
证书管理→Android证书→一键创建证书
Keystore别名:用户名
Android证书存储库口令:密码
点击创建
保存
注意:自定义包名格式最好为 "com.公司名.产品名",例:"com.sq.liefox".
点击生成安装包
点击下一步
耐心等待,属于你的APP即将OK!(p≧w≦q)
打包完成→更多→下载
手机扫码下载即可
收工
属于你的第一款APP就这样做出来了,多去发现,多去实践,或许下一个惊讶世人的APP就出自于你手。
大家也可以下载一下我的APP体验一下。
也可点击链接下载
🎉点击下方图片,便可下载app🎉
在创建过程中出现了问题可以加群质询,里面大佬会热心帮助你的。
作者:zjh