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,怎么办 ...
随机推荐
- 简单认识TCP/IP协议
HTTP协议—— 简单认识TCP/IP协议 本文转自: https://www.cnblogs.com/roverliang/p/5176456.html 大学没读计算机专业,所以很多的专业知识都 ...
- 在eclipse添加第一次添加Python项目时,提示: Project interpreter not specified
按图片操作,添加Python的路径,就能解决该问题
- oracle的字符集设置与乱码
oracle的字符集设置与乱码 字符集问题一直叫人头疼,究其原因还是不能完全明白其运作原理. 在整个运行环节中,字符集在3个环节中发挥作用: 1.软件在操作系统上运作时的对用户的显示,此时采用操作系统 ...
- hdu1403 Longest Common Substring
地址:http://acm.split.hdu.edu.cn/showproblem.php?pid=1403 题目: Longest Common Substring Time Limit: 800 ...
- Docker+.Net Core 的那些事儿-4.还有这种操作!?
1.通过docker run -v命令映射工作目录 通过一系列上述操作,我们可以发现我们的发布是基于镜像的,也就是说,在后期的迭代过程中,如果有些代码修改,我们就不得不删除旧的容器和镜像,dotnet ...
- 解决日志unicode编码问题
Xcode打印日志里如果有汉字,有时会以Unicode编码形式展示,另需工具转码,降低了开发的效率,未解决这一问题,简便的解决方法是 pod 'HYBUnicodeReadable' 这个第三方库很好 ...
- Android 4.4 音量调节流程分析(一)
最近在做Android Audio方面的工作,有需求是在调节Volume_Up_Key & Volume_Down_key时,Spearker or Headset每音阶的衰减变为3db左右. ...
- Use the SVN command-line tool
欢迎关注我的社交账号: 博客园地址: http://www.cnblogs.com/jiangxinnju/p/4781259.html GitHub地址: https://github.com/ji ...
- sublime 安装插件报错
sublime 安装插件报错,大部分原因是本地防火墙开启了,关闭本地防火墙
- iOS开发之UITableViewController重写
# UITablViewController方法的使用介绍 - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView { // ...