将HTML5打包为Android应用可以使用HBuilder
下载安装完毕后 *** 作步奏如下:
点击文件->新建->新建移动APP
2.设置你的应用名称后点完成
3.写入你的代码
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title></title>
<script type="text/javascript">
document.addEventListener('plusready', function(){
//console.log("所有plus api都应该在此事件发生后调用,否则会出现plus is undefined。"
})
</script>
</head>
<body>
<p>这是一个手机APP</p>
</body>
</html>
4.设置你的APP信息
在IDE的右方,项目管理器处双击manifest.json,进入设置应用名称,权限,图标,签名等设置
5.全部设置完毕后,生成APP
点击菜单中的发行->发行为原生安装包
选择安卓,也可同步打包为IOS的Ipk文件,打包为远程打包,无需本地安装环境。
确定后,稍等片刻
6.打包完成
关于这个问题,还是看看官网是怎么说的吧:
翻译一下:
听上去蛮不错的,那么我们就开始用它来做一个app吧!
创建应用
如果按照Cordova( http://cordova.apache.org/ )官网所述,直接用npm全局安装 cordova ,并创建应用,你可能遇到以下错误:
此时不要紧张,卸载 cordova ,使用 yarn 重新安装一下,猜测可能和npm版本不兼容。
安装好 yarn 和 cordova 之后,使用cli命令 cordova create MyApp 创建project,此时你可能会遇到以下错误:
这是什么原因呢?
原来我们没有将 yarn 的bin目录加入到环境变量 path ,作为一个Windows僵尸粉,判断出这点还是不难的。执行以下命令,找到 yarn 的bin目录所在:
将 d:\Users\gy.wang\AppData\Local\Yarn\bin 此目录添加到windows环境变量 path
配置好环境,重新打开CLI窗口,我们终于可以顺利地创建 cordova 应用,cordova使用默认模板创建好一个Project。
添加Android平台
在项目根目录下,运行命令 cordova build android 来编译你的项目,你可能遇到以下错误:
原因是啥呢?当前cordova要求的Android版本比较高,需要安装 Android SDK Platform 25 才能顺利编译,怎么办? 装!
打开 Android Studio , 安装SDK
安装成功之后,执行命令 cordova build android ,这次终于成功了!
APK包成功打好,这次我们运行一下,执行命令:
这次我们会遇到 环境坑四
不急,仔细看报错信息的意思是没有可用的设备或模拟器。这个简单,打开Android Studio添加一个:
再次运行 cordova run android , 哈! 这次成功了!
什么!闪退!WTF!
运行命令 cordova run android ,将APK包安装到模拟器上结果又报错了!
离成功就差一步了,别泄气!我们慢慢查找原因~
至此,APP终于搞定了!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)