分享把网站封装成APP的方法

正文 乐搜网   2020-06-4   201



 

Webapp虽然有很多弊端,但是比较容易更新,制作简单快捷。

有很多平台都能轻松制作,比如大部分人会用到的变色龙APP。

但是使用这些制作平台制作的话使用手机权限较多,APP文件比较大,做视频网站的话只能调用系统播放器,体验不好。

分享一个自己最近发现的好方法去制作自己的Webapp,只需三项手机权限,APP文件3M以下,可内置腾讯X5播放器。

 

该封装方法操作简单,无需开发。支持内置QQ浏览器;可封装成多种平台应用;占用权限少;APP体积小。

方法一和方法二虽然效果差不多,都是简单的封装了webapp。

但是方法一不支持旋转。使用方法二固定横屏旋转可以制作成TV版的Webapp。
方法二有一定的开发性,也比较简单,有兴趣的可以自己研究。

 

【方法一】

1.打开Appcan平台,注册-开发

http://www.appcan.cn

分享把网站封装成APP的方法插图

2.创建应用

分享把网站封装成APP的方法插图(2)

3.选择webapp,输入APPA名称,描述,你的网站地址。确定

分享把网站封装成APP的方法插图(4)

 

4.选择应用打包

分享把网站封装成APP的方法插图(6)

 

5.图标设置,状态栏设置,启动页设置。请按照要求尺寸上传。注意:启动页设置横竖屏最后保存哪个,你生成的APP就是哪个。

分享把网站封装成APP的方法插图(8)

6.引擎选择。选择引擎类型包含腾讯X5内核的引擎。

分享把网站封装成APP的方法插图(10)

 

7.证书管理。可一键生成。这一步也可以不生成。

分享把网站封装成APP的方法插图(12)

 

8.打包。切记引擎类型,改选成腾讯X5内核。然后自定义包名,如com.app.abc。不能使用数字。其他选项按照需要选择。

分享把网站封装成APP的方法插图(14)

 

9.生成安装包。生成前把蓝汛服务器前对勾去掉。只保留appcan服务器。耐心等待排队。生成好之后可以扫二维码下载,也可以在电脑上下载到本地。

 

分享把网站封装成APP的方法插图(16)

分享把网站封装成APP的方法插图(18)

分享把网站封装成APP的方法插图(20)

 

【方法二】

1.下载appcan开发工具:https://pan.baidu.com/s/1nvwq5tR
下载模板源码:链接:https://pan.baidu.com/s/1qaRXH1-3m3fay1jlyEQIHw    提取码:i7i2

2.进入appcan开发中心,创建应用→选择hybrid→输入名称、描述。
3.复制该应用的ID。
4.打开开发工具。登录你的开发中心账号。文件→新建→appcan项目→选择刚才创建的应用→完成
5.在右侧会出现你的应用源码。删除整个phone文件夹。把第1步中下载的模板源码中的phone文件夹移动到里面。
6.右键congfig.xml→打开方式→文本编辑。修改appid,把第3步中复制的应用ID粘贴到这里。修改<name>你的APP名称</name>。保存。
注意:制作TV版本:右键congfig.xml→打开方式→config编辑器。修改支持屏幕旋转:仅勾选横屏状态。
7.打开index.html→拉到最下面,找到url,在这一栏把网址改成你的网站地址。保存。
8.右键phone→Team→提交→OK!
9.打开你的开发中心,在该应用打包中修改如方法一各项设置即可。

相关说明
1、本站大部分资源收集于网络以及网友投稿,本不保证资源的完整性以及安全性,请下载后自行测试。
2、本站所发布的一切非原创资源等仅限用于学习和研究目的;不得用于商业或者非法用途,否则,一切后果请用户自负。
3、本站非原创信息来自互联网收集,版权归原创作者所有,版权争议与本站无关,如有侵权请邮件与我们联系处理。我们会在三个工作日内予以清除。
4、所收取费用仅是收集整理费用,用来维系网站运营,性质为用户友情赞助,并非售卖文件费用,本站不对所实际的版权问题负法律责任。
5、根据2013年1月30日《计算机软件保护条例》为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬。鉴于此,本站希望大家严格按此说明研究软件学习,如需商业运营请购买正版!由于未及时购买正版发生的侵权行为,与本站无关。
乐搜网 » 分享把网站封装成APP的方法

发表评论

发表评论

正版源码,海量素材,专业课程应有尽有!

立即查看 了解详情