ionic打包配置

  最近项目要收尾了,需要将项目的开发与测试分离,需要将打包程序也搬到云服务器上,于是整理相关内容,分享给大家,希望对您能有一定的帮助!

步骤一:安装node.js   

去nodejs官网下载nodejs最新版本,地址:https://nodejs.org/en/ (这里官网会根据当前访问网页电脑的操作系统自动提供版本!选择最新版下载即可!)

1.下载好以后点击安装,安装在哪个盘都可以 安装的时候选择 add to path 安装 ,一直next即可,nodejs系统变量会自动配置好,在系统环境变量path(PATH)中你会看到。

    

2.安装完毕,打开命令窗口(快捷键win+r,win是有四个格子的系统图标的按键,接着输入cmd回车即可) ,输入 node -v 会提示nodejs 版本 说明nodejs安装成功;

步骤二:安装java jdk

具体安装办法以及下载地址,请查看http://www.cnblogs.com/BetterMyself/p/6420807.html

步骤三:安装android sdk

1、下载地址http://www.android-studio.org/

2、配置环境变量:

步骤四:安装 cordova ionic 

npm install -g cordova //安装成功

npm install -g ionic //安装成功

步骤五:新建项目,打包程序

1、新建文件夹Test(公司项目与java环境集成,所以移动端代码单独拿出来打包),在文件夹上按住shift键右击,选择“在此处打开命令窗口”,如图所示:

2、ionic start myapp blank       //执行成功(过程中会有警告,没有错误就可以),myapp是文件夹的名字,可以更具实际情况自己定义

Test中会多一个myapp的文件,其中包含很多的文件,www中存放需要打包成apk的项目(其中会有默认项目,可以删除所有,将自己的项目文件放进去)

3、打开项目目录myapp,执行ionic platform add android   //安装成功

4、进行打包   ionic build android   //安装成功

遇到的坑:

1、一直下载,最后提示失败,于是关机走人下班,第二天打开eclipse,发现打不开,原来是打包的时候更换了jdk的版本,电脑是64位,jdk是32位导致的,于是重新安装了jdk,结果在重新打包,这个问题就过去了,不知道是不是jdk版本问题导致的

2、如果打包过程中提示resources相关错误,具体是什么忘记了,执行ionic resources  //创建平台的icon.png图标以及启动页面

参考相关资料:http://www.cnblogs.com/ahao68/p/6234005.html

时间: 2024-08-06 16:05:26

ionic打包配置的相关文章

ionic打包apk 的三个环境变量配置

ionic--安装Java jdk并配置环境变量 前言:jdk是 Java 语言的软件开发工具包,它包含了Java 的运行环境,Java 工具和Java 基础的类库.做java web开发,android开发,还有现在流行的混合式App开发,都需要安装jdk oracle官网下载jdk 如下4张图按步骤可以找到jdk的下载路径,也可以点这里去选择你想要的版本 Paste_Image.png Paste_Image.png Paste_Image.png Paste_Image.png 安装jdk

Ionic Android 签名打包配置

onic Android 签名打包配置 Android SDK Tools配置 所谓的Anrdoid打包,就是将ionic项目打包成一个可以安装在Android系统上的apk文件,打包的时候,使用的是cordova工具,不过在此之前,需要一些准备工作:配置JDK.Android SDk还有各个android版本包的下载,最重要的是需要成功的创建了一个Ionic项目,有关ionic项目创建的详细教程,请参考以下文章: Ionic3 Start 配置JDK 主要就是以下流程:下载 > 配置环境变量

一个简单移动页面ionic打包成app

先贴JS代码好了,缓动和调整透明度的功能,最后用ionic打包成应用就可以 window.onload=function(){ search(); move(); calc();}function search(){ var search = document.querySelector(".hw_header_box"); var banner = document.querySelector(".img_content"); var height = banne

[原] Jenkins Android 自动打包配置(转)

一.Jenkins自动打包配置 目标:1. 自动打包:2. 自动上传:3. 友好下载 1. Jenkins简介 Jenkins是基于Java开发的一种持续集成工具,用于监控持续重复的工作. 减少重复劳动,减少人工成本. 持续.自动地构建/测试软件项目: 监控一些定时执行的任务: 2. Jenkins配置 添加git plugin和 role插件 设置人员权限,根据角色授权 启动访问http://ip/8080即可,见下3.1 开机自启脚本 添加git项目,配置脚本,见下3.2 项目打包脚本和3.

ionic环境配置

ionic环境配置摘要 ionic是一个专注于用WEB开发技术,基于HTML5创建类似于手机平台原生应用的一个开发框架.目前绑定的与angularJS和SASS.这个框架的目的是从web的角度开发手机应用,基于PhoneGap的编译平台,可以实现编译成各个平台的应用程序. 安装node.js,打开命令行,安装cordova和ionic $ npm install -g cordova ionic 新建项目 新建项目,在命令行输入 $ ionic start myApp tabs 新建一个带底部标

maven打包配置

maven打包配置,到底要打包哪些文件,如何配置?? <build> <finalName>weatherAdminSys</finalName> <plugins> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-war-plugin</artifactId> <version>2.1.1&l

在游览器上可以连网,Ionic打包后不能连接网络

在游览器上可以连网,Ionic打包后不能连接网络.可能是没有安装cordova-plugin-whitelist插件.  解决方案:

webpack基本打包配置流程

项目搭建以及webpack打包配置流程 创建文件夹EC(文件夹和文件名根据需求自定义) 在EC文件夹下新建文件夹APP 在APP文件夹下新建入口文件index.js 和运行该入口文件的index.html文件 在APP文件夹下新建两个js文件:a,js   b.js   (当项目级别如react项目,可以根据需求创建components文件夹等等,用于更好地管理模块化项目) APP/index.html <!DOCTYPE html> <html> <head> <

POM文件编译打包配置整理

1.整个打包过程就是插件添加过程,添加build插件 2.指定testng.xml路径的编译插件:执行mvn clean package <build> <finalName>test</finalName> <plugins> <!--编译打包配置--> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-s