ionic+cordova 学习开发App(一)
一、项目所需环境
(一)jdk
1、jdk的安装,必须同时包含Java 和javac 【一般安装包中都包含有,可以确定下】
(二)node.js 和NPM
1、大多插件和辅助工具都运行在NPm平台上。
2、安装完成,检查安装是否成功:npm -v 或者node -v
(三)Android SDK
(四)Gradle
1、如果只安装了Android SDK,没有安装Android Studio ,那么你需要借助Gradle,来帮助运行项目。
(五)环境变量的配置
set ANDROID_HOME=C:\<installation location>\sdk
set PATH=%PATH%;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools
set GRADLE_HOME=C:\<installation location> 【Gradle也需要在path中配置】
(六)在npm基础上,安装ionic 、cordova 两个插件,执行命令如下:
1、安装:
ionic 安装命令:npm install -g ionic --如果指定版本的话:npm install -g ionic@4.0.3 版本号
cordova安装命令:npm install -g cordova --指定版本同上: npm install -g cordova@7.1.0
2、查看版本号:
ionic -v
cordova -v
3、移除ionic Cordova
ionic 移除命令:npm remove -g ionic
cordova 移除命令:npm remove -g cordova
二、项目的生成和签名
(一)生成项目
1、切换到项目存放的路径:例如:D:\Project
2、执行生成项目的命令:ionic start helloWorld blank
注:blank:项目生成类型,还有其他类型,如:
tabs
: a simple 3 tab layoutsidemenu
: a layout with a swipable menu on the sideblank
: a bare starter with a single pagesuper
: starter project with over 14 ready to use page designstutorial
: a guided starter project
(二)项目签名--手动签名方式
1、切换到jdk的bin项目下,目的是:利用keytool.exe 生成自己的签名.keystore,文件;
2、执行命令,生成签名.keystore文件:
keytool -genkey -alias myDriver.keystore -keyalg RSA -validity 10000 -keystore D:\Project\myDriver\doc\myDriver.keystore
注:-alias:文件的别名;
--keystore D:……:文件生成后存放的路径
10000 :文件的有效期
3、编写系统根据项目打包自动签名的.bat文件:【执行语句如下】
echo off
rem 请自行修改密钥地址和加密后的文件地址与加密前的文件地址
jarsigner -verbose -keystore D:/JoyPlus_AN/软件设计开发/APP签名/android2.keystore -storepass ubest2 -signedjar D:/JoyPlus_AN/软件设计开发/APP签名/ayb-cargo-%.apk D:/JoyPlus_AN/DCLC/trunk/ShipperMobileApp/platforms/android/build/outputs/apk/android-release-unsigned.apk ubest2.keystore
start D:/JoyPlus_AN/软件设计开发/APP签名
注意:ubest2:生成keystore过程中,输入的密码口令
4、将编写好的.bat文件,放到system32文件下,这样在项目执行打包时候,会自动加入签名。
三、编译、打包项目
1、npm install :安装项目所需的npm上的一些查件;
2、ionic cordova platform add android |ios :将ionic 和 cordova 两个插件放到安卓平台 的命令;
注意:需要在项目build.gradle中,关键对象allprojects中,添加一段代码:
configurations.all {
resolutionStrategy.force 'com.android.support:support-v4:24.0.0'
}
否则编译会报错的,错误异常:Exception …… *** processReleaseResource
3、ionic cordova build android :ionic+cordova在android上编译;
4、npm run buildtest :打包项目; 【这个命令语句,定义在项目package.json中,可以根据自己的需求自己定义!】
5、npm run startdev :启动项目;【定义方式,同4】
ionic+cordova 学习开发App(一)的更多相关文章
- cordova + Vue 开发 APP 上手指南
什么是 cordova cordova 是由 Apache 基金会支持的,使用 HTML5 + CSS3 + JS 来构建多平台 APP 程序的开发框架.其支持调用手机系统(Android.IOS.W ...
- hybrid cordova+vue开发APP(一) 环境搭建
没有选择react-navite,而选择cordova+vue2.x,是因为react-navite有学习成本,并且cordova+vue2.x程序员 可以直接上手,性能上可以满足需求,成本低,开发速 ...
- ionic + cordova开发APP遇到的一些坑
ionic1时期接触了这套体系,做了一个APP之后就放置了,最近又要开发一个APP,但时间不足以让我重头了解typescripts,于是又把之前做过的东西翻了出来,一边做一边掉坑里,爬上来再掉坑里,所 ...
- 实践分享:开始用Cordova+Ionic+AngularJS开发App
http://www.cocoachina.com/webapp/20150707/12395.html 本文是一篇关于我本人在使用Cordova+Ionic以及AngularJS开发移动App的过程 ...
- androidAndroid开发学习--Ionic+Cordova 环境搭建
我们看 Ionic 能给我们提供什么? 一个样式库,你可以使用它 来 装饰你的 HTML 网页 ,看起来 想 移动程序的 界面,什么 header .content.footer.grid.list ...
- ionic 开发APP 安装配置详解以及 cordova 环境配置详细过程
整个安装过程: 1. jdk 1.7.2 (http://www.oracle.com/technetwork/java/javase/downloads/index.html) 安装好之 ...
- Cordova 开发 App
Cordova 是一个开源的移动开发框架.允许你用标准的 Web 技术——HTML5,CSS3 和 JavaScript 做跨平台开发.应用在每个平台的具体执行被封装了起来,并依靠符合标准的 API ...
- 搭建 AngularJS+Ionic+Cordova 开发环境并运行一个demo
目前的手机APP有三类:原生APP,WebAPP,HybridApp:HybridApp结合了前两类APP各自的优点,越来越流行. Cordova就是一个中间件,让我们把WebAPP打包成Hybrid ...
- angular+ionic+cordova(实战项目开发中,持续更新自己学到的和遇到的)
最近公司开始准备做app了,大佬选择了angular+ionic+corvoda的开发结构,但是对于刚刚才开始对angular才有一点点感觉的我,就像是被一击闷棍敲了,半天没反应过来,emmm,怎么办 ...
随机推荐
- Excel文本型数据转为数值型的方法
操作步骤非常简单,适用于所有版本的Excel. 在任意一个空白单元格中输入数值1,然后选中该单元格,执行复制操作: 选中需要转换的单元格(或区域),执行“编辑.选择性粘贴”命令,打开“选择性粘贴”对话 ...
- PAT 1136 A Delayed Palindrome[简单]
1136 A Delayed Palindrome (20 分) Consider a positive integer N written in standard notation with k+1 ...
- [React-Native]入门(Hello World)
(1)需要一台Mac(OSX),这个是前提,建议还是入手一本啦. (2)在Mac上安装Xcode,建议Xcode 6.3以上版本 (3)安装node.js:https://nodejs.org/dow ...
- 一步一步学EF系列二【Fluent API的方式来处理实体与数据表之间的映射关系】
EF里面的默认配置有两个方法,一个是用Data Annotations(在命名空间System.ComponentModel.DataAnnotations;),直接作用于类的属性上面,还有一个就是F ...
- Python 控制台进度条的实现
进行爬虫等耗时的任务时,有时会想在控制台输出进度条,以显示当前任务进度.这里总结了两种方法. 方法1:使用tqdm模块 示例代码: from time import sleep from tqdm i ...
- Java设计原则—依赖倒置原则(转)
依赖倒置原则(Dependence Inversion Principle,DIP)的原始定义: 高层模块不应该依赖底层模块,两者都应该依赖其抽象: 抽象不应该依赖细节: 细节应该依赖抽象. 依赖倒置 ...
- Codeforces Round #403 (Div. 2, based on Technocup 2017 Finals) E Underground Lab
地址:http://codeforces.com/contest/782/problem/E 题目: E. Underground Lab time limit per test 1 second m ...
- CSS Table(表格)
CSS Table(表格) 一.表格边框 border 指定CSS表格边框,使用border属性. 下面的例子指定了一个表格的Th和TD元素的黑色边框: table, th, td { border: ...
- Python3.x:BeautifulSoup()解决中文乱码问题
Python3.x:BeautifulSoup()解决中文乱码问题 问题: BeautifulSoup获取网页内容,中文显示乱码: 解决方案: 遇到情况也是比较奇葩,利用chardet获取网页编码,然 ...
- 关于MVC打印问题,打印指定的内容
首先你的内容一定要放在一个div中如下代码 <div id="divprint"> <table class="table table-striped ...