websyhg 发表于 2017-2-25 08:50:33

将HTML5封装成android应用APK

    借鉴了网上很多的教程终于是把整个过程走通了,最主要的还是墙的问题....
  先是要搭建环境(每一步都要检查,确保安装正确):
  1.安装 nodejs
  淘宝镜像:



npm install -g cnpm --registry=https://registry.npm.taobao.org
    检查是否安装成功: cmd下输入node -v 出现版本号
  2.jdk并配置java环境传送门
    检查是否安装成功: cmd下输入javac 出现帮助提示
  3.安装Cordova



npm install -g cordova

  检查是否安装成功: cmd下输入cordova -v 出现版本号
    
  4.安装安卓sdk并配置环境传送门
    检查是否安装成功: cmd下输入adb version
  5.安装 ionic
   



$ npm install -gionic

    检查是否安装成功: cmd下输入ionic -v 出现版本号
  创建Ionic项目 项目内容在WWW内
    



ionic start cutePuppyPics --v2//测试用
ionic start myIonic blank//项目中创建空模版

  要运行你的应用程序时,cd到创建的目录,然后运行Ionic服务命令(Windows下去掉'$'):



$ cd cutePuppyPics
$ ionic serve

  完成后会在浏览器中如下显示:

  部署到手机



ionic platform add android
ionic platform add ios

  输入ionic platform list 可以查看版本号

调试



ionic run android --livereload -c -s

    -c是开启客户端日志输出,-s是开启服务器端日志输出 注:项目内不能存在任何中文命名的文件,否则有可能报错

android打包
  如果以上均可执行,则输入命令即可玩成打包   APK存放路径:cutePuppyPics(项目名)\platforms\android\build\outputs\apk



ionic build android -release

  此时的APK还无法使用,需要进行签名 传送门 :




keytool -genkey -alias demo.keystore -keyalg RSA -validity 40000 -keystore demo.keystore
jarsigner -verbose -keystore demo.keystore -signedjar demo_signed.apk demo.apk demo.keystore
//注意着两段代码都是整行输出,百度经验上的直接复制可能出错,还有密钥口令其实是输进去了的,只是被隐藏了。
页: [1]
查看完整版本: 将HTML5封装成android应用APK