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

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

  • 最近更新2020年06月04日
购买后再次打开这个商品页面就可以看到下载地址了,看不见请刷新页面,提取码:在下载按钮旁点击即可复制

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

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

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

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

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

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

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

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

【方法一】

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

http://www.appcan.cn

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

2.创建应用

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

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

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

4.选择应用打包

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

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

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

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

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

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

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

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

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

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

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

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

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

【方法二】

1.下载appcan开发工具:https://pan.baidu.com/s/1STrf8P3Ix41XrNFu19kYrA     提取码:6ttr
下载模板源码:https://zhongyao.lanzous.com/ihb65dbu52b

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.打开你的开发中心,在该应用打包中修改如方法一各项设置即可。

分享到 :
相关推荐

发表评论

电子邮件地址不会被公开。 必填项已用*标注