跨平台ionic+cordova环境搭建
来源:互联网 发布:sound软件手机版 编辑:程序博客网 时间:2024/06/15 19:10
跨平台APP:ionic+cordova搭建
一,搭建过程之前,用户需要安装java jdk,gradle,git。之前博客有写这些环境的搭建过程。
二,安装node.js:下载node-v6.11.3-x64,直接安装即可:
三,安装ionic、cordova:
用管理员账户运行命令行,分别运行(选择阿里的镜像快很多):
npm install -g cordova --registry https://registry.npm.taobao.org
npm install -g ionic --registry https://registry.npm.taobao.org
分别运行ionic -v 和cordova -v 判断是否安装成功,出现版本号则成功。
四,安装express:
npm install -g express-generator
注释:npm install -g express-generator 是说全局安装express4以上的版本;express -e 是说创建一个以ejs模板的项目 e是说ejs。
到此环境基本搭完。
五,配置adt-bundle-windows:
1,将 Android SDK 的 tools 和 platform-tools 路径添加至“Path变量值”末尾并保存,如:D:\wjanzhuang\android-sdk-windows\platform-tools;D:\wjanzhuang\android-sdk-windows\tools。输入“android”命令,能打开 Android SDK Manager 窗口说明安装成功。
2,如用真实Android 设备来开发,只需选择 Android SDK Tools、Android SDK Platform-tools、Android SDK Build-tools、Android Support Repository、Google USB Driver,以及Android API 19-24 的 SDK Platform。
六,创建App安装包
ionic start myapp tabs 新建移动APP项目
ionic platform add android 增加声明一个android应用,也可以根据android最低版本号新建apk,如:
ionic add platform android @4.1.1 表示目标版本是android4.1.1
ionic cordova build --release android 生成apk包
编译成功之后,在项目路径的\platforms\android\build\outputs\apk
七,android生成签名文件
1、执行命令:keytool -genkey -v -keystore demo.keystore -alias moon -keyalg RSA -keysize 2048 -validity 10000,输入的密码要 记住,其他姓名地区等信息随便填吧,最好还是记住,成功之后在主目录下就生成了demo.keystore文件,命令中demo.keystore是生成文件的名字,moon 是别名,随便起但是要记住,一会签名要用到,其他信息如加密、有效日期等就不说了,无需改动。
2、签名应用文件
把在第二步生成的test.apk拷贝到与生成的keystore同一目录下,也就是项目的主目录下,执行命令:jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore demo.keystore test.apk moon,输入签名文件的密码,成功之后主目录下的test.apk就被签名成功了,会比原来未被签名的apk文件大一点,能够安装到手机或android虚拟机上了。
八,跨平台前端开发原则
1,一个应用尽量使用单页面(使用css和js加载),避免页面切换造成性能下降。
2,大小单位尽量是用rem。
- 跨平台ionic+cordova环境搭建
- cordova+Ionic环境搭建
- ionic +cordova环境搭建
- Ionic+Cordova开发环境搭建
- Apache Cordova + Ionic 环境搭建
- Ionic+AngularJs+Cordova环境搭建
- 在ubuntu搭建AngularJS+Ionic+Cordova环境
- nodejs+ionic+cordova+intellijIdea搭建webApp环境
- Ionic、Angularjs、Cordova搭建Android开发环境
- 搭建Ionic AngularJS Cordova开发环境
- 搭建 AngularJS+Ionic+Cordova 开发环境
- Ionic + Angularjs + Cordova(Ionic2环境搭建)
- cordova 移动跨平台开发(一) ---- 环境搭建
- Phonegap、Cordova、Ionic 开发环境搭建(Windows OS)
- 搭建Cordova + Ionic + WebStorm环境开发Web App应用
- 搭建 AngularJS+Ionic+Cordova 开发环境并运行一个demo
- nodejs+ionic+cordova+intellijIdea搭建webApp环境分析
- window环境下搭建ionic+cordova安卓app
- 交互式rebase
- instlanceof的用法
- 二分查找
- windows系统中端口被占用时的处理方法(Vue项目为例)
- 剑指offer
- 跨平台ionic+cordova环境搭建
- ImportTsv-HBase数据导入工具
- java中连接MySQL数据库的几种方式
- spring零碎知识点
- Java语法基础练习题
- Bulk Load-HBase数据导入最佳实践
- Docker Registry 本地私有化仓库搭建和使用
- A*寻路算法
- iOS 合并真机和模拟器的.framework