一、项目所需环境

  (一)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 layout
    •   sidemenu: a layout with a swipable menu on the side
    •   blank: a bare starter with a single page
    •   super: starter project with over 14 ready to use page designs
    •   tutorial: 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(一)的更多相关文章

  1. cordova + Vue 开发 APP 上手指南

    什么是 cordova cordova 是由 Apache 基金会支持的,使用 HTML5 + CSS3 + JS 来构建多平台 APP 程序的开发框架.其支持调用手机系统(Android.IOS.W ...

  2. hybrid cordova+vue开发APP(一) 环境搭建

    没有选择react-navite,而选择cordova+vue2.x,是因为react-navite有学习成本,并且cordova+vue2.x程序员 可以直接上手,性能上可以满足需求,成本低,开发速 ...

  3. ionic + cordova开发APP遇到的一些坑

    ionic1时期接触了这套体系,做了一个APP之后就放置了,最近又要开发一个APP,但时间不足以让我重头了解typescripts,于是又把之前做过的东西翻了出来,一边做一边掉坑里,爬上来再掉坑里,所 ...

  4. 实践分享:开始用Cordova+Ionic+AngularJS开发App

    http://www.cocoachina.com/webapp/20150707/12395.html 本文是一篇关于我本人在使用Cordova+Ionic以及AngularJS开发移动App的过程 ...

  5. androidAndroid开发学习--Ionic+Cordova 环境搭建

    我们看 Ionic 能给我们提供什么?  一个样式库,你可以使用它 来 装饰你的 HTML 网页 ,看起来 想 移动程序的 界面,什么 header .content.footer.grid.list ...

  6. ionic 开发APP 安装配置详解以及 cordova 环境配置详细过程

    整个安装过程:     1. jdk 1.7.2   (http://www.oracle.com/technetwork/java/javase/downloads/index.html) 安装好之 ...

  7. Cordova 开发 App

    Cordova 是一个开源的移动开发框架.允许你用标准的 Web 技术——HTML5,CSS3 和 JavaScript 做跨平台开发.应用在每个平台的具体执行被封装了起来,并依靠符合标准的 API ...

  8. 搭建 AngularJS+Ionic+Cordova 开发环境并运行一个demo

    目前的手机APP有三类:原生APP,WebAPP,HybridApp:HybridApp结合了前两类APP各自的优点,越来越流行. Cordova就是一个中间件,让我们把WebAPP打包成Hybrid ...

  9. angular+ionic+cordova(实战项目开发中,持续更新自己学到的和遇到的)

    最近公司开始准备做app了,大佬选择了angular+ionic+corvoda的开发结构,但是对于刚刚才开始对angular才有一点点感觉的我,就像是被一击闷棍敲了,半天没反应过来,emmm,怎么办 ...

随机推荐

  1. Excel文本型数据转为数值型的方法

    操作步骤非常简单,适用于所有版本的Excel. 在任意一个空白单元格中输入数值1,然后选中该单元格,执行复制操作: 选中需要转换的单元格(或区域),执行“编辑.选择性粘贴”命令,打开“选择性粘贴”对话 ...

  2. PAT 1136 A Delayed Palindrome[简单]

    1136 A Delayed Palindrome (20 分) Consider a positive integer N written in standard notation with k+1 ...

  3. [React-Native]入门(Hello World)

    (1)需要一台Mac(OSX),这个是前提,建议还是入手一本啦. (2)在Mac上安装Xcode,建议Xcode 6.3以上版本 (3)安装node.js:https://nodejs.org/dow ...

  4. 一步一步学EF系列二【Fluent API的方式来处理实体与数据表之间的映射关系】

    EF里面的默认配置有两个方法,一个是用Data Annotations(在命名空间System.ComponentModel.DataAnnotations;),直接作用于类的属性上面,还有一个就是F ...

  5. Python 控制台进度条的实现

    进行爬虫等耗时的任务时,有时会想在控制台输出进度条,以显示当前任务进度.这里总结了两种方法. 方法1:使用tqdm模块 示例代码: from time import sleep from tqdm i ...

  6. Java设计原则—依赖倒置原则(转)

    依赖倒置原则(Dependence Inversion Principle,DIP)的原始定义: 高层模块不应该依赖底层模块,两者都应该依赖其抽象: 抽象不应该依赖细节: 细节应该依赖抽象. 依赖倒置 ...

  7. 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 ...

  8. CSS Table(表格)

    CSS Table(表格) 一.表格边框 border 指定CSS表格边框,使用border属性. 下面的例子指定了一个表格的Th和TD元素的黑色边框: table, th, td { border: ...

  9. Python3.x:BeautifulSoup()解决中文乱码问题

    Python3.x:BeautifulSoup()解决中文乱码问题 问题: BeautifulSoup获取网页内容,中文显示乱码: 解决方案: 遇到情况也是比较奇葩,利用chardet获取网页编码,然 ...

  10. 关于MVC打印问题,打印指定的内容

    首先你的内容一定要放在一个div中如下代码 <div id="divprint"> <table class="table table-striped ...