ionic总结

总结一:

intall cordova && ionic 参考文档

npm install -g cordova ionic

Create the project cd /home/ubuntu/

ionic start myApp tabs

Configure Platforms

ionic platform add android ionic build android

build 过程中错误解决方法

[Error: Please install Android target: "android-22". Hint: Open the SDK manager by running: /opt/android-sdk/tools/android You will require: 1. "SDK Platform" for android-22 2. "Android SDK Platform-tools (latest) 3. "Android SDK Build-tools" (latest)]

cd到myApp修改下面目录中的target=android-22为target=android-23
<uses-sdk android:minSdkVersion="16" android:targetSdkVersion="23" />
原因为执行Android SDK Manager 下载tools时最新版本为22

  • myApp/platforms/android/project.properties
  • myApp/platforms/android/CordovaLib/project.properties
  • myApp/platforms/android/AndroidManifest.xml

bulid 完成后apk 生成目录
/home//ubuntu/myApp/platforms/android/build/outputs/apk/android-debug.apk

总结二:

问题:

CordovaLib:compileDebugJava/Users/jasontanner/Documents/ion/fip/platforms/android/CordovaLib/src/org/apache/cordova/CordovaResourceApi.java:31: error: package org.apache.http.util does not exist import org.apache.http.util.EncodingUtils; ^ /Users/jasontanner/Documents/ion/fip/platforms/android/CordovaLib/src/org/apache/cordova/CordovaResourceApi.java:430: error: cannot find symbol byte[] data = base64 ? Base64.decode(dataPartAsString, Base64.DEFAULT) : EncodingUtils.getBytes(dataPartAsString, "UTF-8"); ^ symbol: variable EncodingUtils location: class CordovaResourceApi Note: Some input files use or override a deprecated API. Note: Recompile with -Xlint:deprecation for details. 2 errors FAILED FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ‘:CordovaLib:compileDebugJava‘. > Compilation failed; see the compiler error output for details. * Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. BUILD FAILED Total time: 2.663 secs

解决:

  • ionic platform remove android
  • ionic platform add android
时间: 2024-08-06 03:46:26

ionic总结的相关文章

ionic 打包安卓包

一.配置环境: 先按照之前的文章,配置好环境需要: 二.安装 1. 这里前提是 需要安装  node (地址: http://nodejs.cn/download/) 命令: node -v   //返回版本号 查看自己是否安装过node,如果没有安装,请访问上面地址 进行安装: 2. 使用npm安装Cordova和 ionic npm install -g ionic cordova 如果长时间没有安装成功,则使用 cnpm 淘宝镜像进行安装: 首先安装 cnpm : npm install

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

【No.2 Ionic】超级逗表情 App

本人使用Ionic框架开发了一个 超级逗表情 的App 依赖插件 cordova-plugin-app-version 0.1.9 "AppVersion" cordova-plugin-file 4.3.0 "File" cordova-plugin-file-opener2 2.0.2 "File Opener2" cordova-plugin-file-transfer 1.6.0 "File Transfer" cor

ionic框架对Android返回键的处理

在HybridApp移动跨平台开发中,android平台会遇到一些比较特殊并难以解决的问题,这些问题在原生应用开发中很easy, Android的返回键处理就是问题之一,假如我们要实现一个在很多App中都有的在主页按返回键弹出对话框提示用户退出应用的功能,在原生应用开发中是很容易的,只要在onKeyUp事件里面对返回键事件进行处理就可以了.按2次返回键退出应用的Java代码如下: private long exitTime = 0; @Override public boolean onKeyD

ionic开发之优化目录结构

当我们来个ionic start circleApp tabs的时候,会自动生成目录结构,基本如下: 显然这不利于项目的管理,当你的项目越来越复杂的时候,这是不够的.我们必须要按照模块进行文件夹的方式去管理 以下为优化后的目录结构 在模板处,我们将其按照模块文件夹的方式去分开管理,每个模块带着自己的控制器走.采用就近原则的管理方式. 当然只要你百度,还有更具备模块化的管理方式,当项目大到一定程度的时候,这种管理方式显然也是不够的,这里不做讨论. 接下来讲讲如何定制化自己的ionic主题样式. i

Ionic在Android上部署app步骤

详情链接:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/ionic%E5%9C%A8android%E4%B8%8A%E9%83%A8%E7%BD%B2app%E6%AD%A5%E9%AA%A4/ 使用ionic建立了一个项目之后想要将它发布到各个应用商店,那么我们就要部署想要发布的版本,这段时间学习了Android的发布过程,下面我来介绍一下: 这个命令是我们在调试代码时候所需要的,一般下载模板的时候就有了,但是我们在发布版

Android开发学习--Ionic+Cordova 环境搭建

我们看 Ionic 能给我们提供什么?  一个样式库,你可以使用它 来 装饰你的 HTML 网页 ,看起来 想 移动程序的 界面,什么 header .content.footer.grid.list.这貌似没什么 实质性的东西, sencha touch ,jq 都能提供 .一个用 AngularJS 写的 工具库,姑且叫它 组件库吧.Ionic的 grid 设计的比较合理,比 bootstrap的 更强大.当然它 还包含 了angular-animate.angular-resource.a

记录一下ionic canvas图片

import { Component, Inject, forwardRef } from '@angular/core'; import { IonicPage, NavController, NavParams } from 'ionic-angular'; import { Screenshot } from '@ionic-native/screenshot'; import { GlobalFunction } from'../../services/GlobalFuntion'; i

Ionic开发实战

折磨的两个月!Ionic从零单排,到项目发布!遇到了很多问题但都一一解决了,此篇文章留作记录. 当初想着因为项目不大人力足够的并且因为团队没有移动开发经验的情况下,是不是能够是用hybrid app来代替原生来完成这个项目,经过一些技术调研之后选择了Ionic.当时是对Ionic一无所知,凭借一些盲目的自信,想着方正有开发文档能有什么问题呢.现在想想都觉得当时有点冲动万一中间出现什么坑或者无法解决的问题都找不到可以咨询的人.不过好歹结果是好的,基本实现了当初需求设计,并且效果还不错. 因为Ion

ionic start 创建ionic项目报错,及解决过程

问题描述: 前一次创建利用命令行创建ionic项目一次性成功,第二次没有运行: $ npm install -g ionic cordova 直接运行: ionic start ionicDemo 出现上图错误: × Running command - failed!Exception: npm ERR! path C:\work\ionicdemo\node_modules\fsevents\node_modulesnpm ERR! code EPERMnpm ERR! errno -4048