/driftyco/ionic 1.环境准备 安装nodejs 安装cordova和ionic $npm install -g cordova ionic 或者下载github上项目代码进行构建(不推荐...) 安装java JDK jdk是Java运行开发环境,按android开发必须的开发的环境 JAVA_HOME D:/program file/java/jdk_1.7.34/ path D:/program...配置移动平台 $ ionic platform add ios $ ionic platform add android $ ionic build android/ios $ ionic emulator.../run android/ios (emulator将在模拟器上启动,run将在真实手机上启动) 如果能够正常启动,就可以任性的开发了。...而客户端的主页面是通过一个入口html来开始运行的,如下: package com.ionicframework.demo862117; import android.os.Bundle; import
所以自己手动下载安装 4.安装ionic,cordova npm install -g ionic cordova 查看是否安装成功 //查看ionic版本 ionic -v //查看cordova...版本 cordova -v 5.创建项目 ionic start 项目名 创建完成项目然后启动查看下项目是否创建成功,如果启动成功后执行下一步 6.安装android-sdk(建议用方法二,简单快捷方便...Android Emulator | emulator/ extras;android;m2repository | 47.0.0 | Android...SDK emulator | 26.0.3 | Android Emulator extras;android;gapid;1...8.打包 cordova platform add android cordova build android ---- 至此打包完成
安装ionic和cordova 安装命令 命令行输入 `npm install -g cordova ionic` 安装示意图: ?...然后执行命令cnpm install -g cordova ionic安装ionic和cordova 查看是否安装成功: 查看ionic版本 `ionic -v` 查看cordova版本 `cordova...2.执行`cordova build android`命令, 编译安卓项目 3.执行`cordova run android`命令,就会自动打开模拟器,在模拟器运行安卓项目了,如果执行`cordova...run`,默认是在浏览器运行。...运行在浏览器 ? 运行在安卓模拟器
如果你需要开发原生功能,使用 web 技术是无法实现的,但是有些原生插件可以实现。 Ionic Native 是这些插件的精选集。 我第一次使用 Ionic 是在 2013 年底。...确保打开 Xcode 完成安装 ,然后运行 ionic cordova emulate ios 在模拟器中打开应用。 可能会提示你安装 @ionic/cli-plugin-cordova 插件。...如果你已经安装了Android Studio,请确保打开它以完成安装。 为了部署到 Android 模拟器,运行 ionic cordova emulate android。...Create an AVD by running: /Users/mraible/Library/Android/sdk/tools/android avd HINT: For a faster emulator...执行完这些步骤之后,你可以运行 ionic cordova emulate android 查看运行在 AVD 中的 app。
前言: 最近在做一个Android相关的小项目,因为之前这方面的项目做的比较的少。今天在使用虚拟机调试的时候经常出现一些莫名其妙的问题,经过自己多次的尝试和搜索终于解决了这些问题。...问题: 每次run(运行)项目在android Emulator一直显示黑屏问题,如下如所示: ? 可能是没有检测到匹配的虚拟设备(unknown devices): ?...解决方案: 重新创建一个新的虚拟设备(Create virtural devices),下载,安装:点击Android Virtual Device Manager(虚拟设备管理)按钮>Create...最后选择刚安装的虚拟设备运行android项目: ? 黑屏问题成功解决,项目界面正常展示: ? ?
在编译完了,同一个shell执行emulator没有问题,但如果新开shell,会发现emualtor报错: emulator: ERROR: You did not provide the name...of an Android Virtual Device with the '-avd ' option....仔细对比前后两个shell中环境变量的差异,总结出新shell中需要手动设置的环境变量如下: export ANDROID_PRODUCT_OUT=/home/aosp/AOSP/android-4.4.4..._r1_modify/out/target/product/generic export PATH=$PATH:/home/aosp/AOSP/android-4.4.4_r1_modify/out/host.../linux-x86/bin export ANDROID_BUILD_TOP=/home/aosp/AOSP/android-4.4.4_r1_modify
myApp 是新项目的工程及文件名 tabs是采用提供的模板类型 ionic提供了一些模板 tabs sidemenu blank super tutorial 运行项目 ionic serve...运行效果 这个运行是在浏览器中查看到的效果。...生成app 前提 安装java jdk 需要1.8.0及以上,但是java9也不行 安装Android Studio ionic cordova run android --device ?...目前遇到问题就是cordova platform add android指令过不去,无法添加android环境,就无法生成android的apk安装包,ios也是一样问题,但是不影响web访问。...image.png ionic cordova build android --prod --release 成功了 ? 成功生成了apk 这个apk拷贝到手机上无法安装,因为没有签名。
Ionic 介绍 首先,Ionic 是什么。 Ionic 是一款基于 Cordova 及 Angular 开发 Hybrid/Web APP 的前端框架,类似的其他框架有:Intel XDK等。...注意:这里我下载的纯净版 SDK 之前并没有任何 Android 系统在内,所以同 Platform-tools 一样需要在这里勾选需要的版本然后安装。这里至少需要有一个系统,否则无法创建虚拟机。...nmp 安装 Ionic 和 Cordova 完成以上几步需要配置的环境就搭建完成了,接下来就只需要在控制台输入简单的几行命令就可以安装 Ionic 和 Cordova 啦。...进入 cmd 窗口,输入如下指令: npm install -g cordova ionic 完成以上所有步骤,就可以开始利用 Ionic 快速开发 Android APP 啦 创建并运行 ionic...环境 ionic platform add android 打包生成 APP ionic build android 运行 APP 需要先新建虚拟机或者连接手机。
/platform_metadata 打印: cordova -v 显示的是8.0.0,鉴于我原有项目在Cordova8下正常的,我便想是platform的问题,尝试移除android平台并重新添加...: ionic cordova platform rm andoid ionic cordova platform add android@6.4.0 结果无法移除自然也无法添加,那只好手动删除文件和配置并重新尝试...,结果还是不行,这时网上流传有两种方法: 1、重新安装cordova-plugin-add-swift-support插件; 2、把cordova降级; 看了下package.json没有cordova-plugin-add-swift-support...我又尝试回滚到Cordova8来验证: sudo npm uninstall cordova -g sudo npm install cordova -g ionic cordova platform...rm android ionic cordova platform ls ionic cordova platform add android@6.4.0 然后最后一步时,在安装ionic-plugin-keyboard
: ionic start无法生成项目.png 这样的错误博主之前从未遇到,一时间慌了神,再紧接着去查看项目log: 错误log.png 于是博主积极的百度与谷歌,想弄清楚问题的原因...于是在项目根目录下运行指令:cnpm install --save如果没有报错,说明项目可以正常运行,执行ionic serve来看看自己建成的项目。提议:最好不要在系统盘上建立自己的项目!...4、关于cordova版本的坑:在新的node版本下,cordova已经更新到6.5.0版本,这个时候在ionic 项目创建的时候系统会提示: ionic运行时提示.png...这里表达你的cordova版本与ionic 需要的cordova编辑的版本不同,这个时候只需要先删除本机器上的cordovanpm uninstall -g cordova然后再下载6.0.0...版本npm install -g cordova@6.0.0 即可,因为当前最新的ionic组件只能够用6.0.0进行运行时支持(如以后更新,记得需要好好读读ionic支持它的cordova的版本,下载对应的版本就可以了
1、启动前黑白屏 启动前黑白屏问题,仅存在于android,是android应用的通病,ionic表示这锅它不背。...所以解决方式有好几种,可以看这两篇文章: Android启动页优化,去黑屏实现秒启动 Android启动页黑屏及最优解决方案 具体应用在ionic上可以参照这个: 快速解决ionic安卓主题启动时短暂的黑屏或白屏问题...然后安装该插件: ionic cordova plugin add 本插件本地或远程路径 验证一下,会发现在platform目录android里的res/values里会多出styles.xml文件。...ionic cordova plugin add cordova-custom-config 这个插件和普通插件不同,并不会增加项目大小,它是注册Cordova的钩子,利用Cordova命令修改自定义配置...我们可以验证一下,执行命令运行看效果: ionic run android 2、启动后黑白屏 ionic启动页使用了cordova-plugin-splashscreen这个插件,插件配置在应用的config.xml
目前Cordova与PhoneGap的关系类似于Webkit和Google Chrome的关系。 Cordova支持多个终端平台,可以凭借这一点,实现一处编写前端代码,在各种平台上处处运行。...目前Cordova支持的平台如下: iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian...Hybrid APP无法直接调用Native的API,而是通过WebView和Cordova的Plugins来调用。...既然ionic是基于Cordova构建的,那么其性能也逃不出Hybrid APP的局限,使用ionic开发出来的APP必然和Native APP有着差距。...ionic声明了自己是做APP的而不是做website的(毕竟很多Cordova Native API无法在手机browser上使用),最重要的,ionic果断抛弃了屌丝机,拥抱高端机。
浏览器运行调试 cd myApp ionic serve 2..../www => 浏览器运行调试时自动生成 config.xml => 配置文件 ionic.config.json => 上传到 ionic.io 会被使用 .tsconfig.json & tslint.json...常用命令 打印出Ionic运行环境信息 ionic info 更新Ionic到最新版本 npm install -g ionic@latest 生成新的page、provider等 ionic generate...Android、Windows3个界面 ionic serve --lab 生成一个平台图标、启动画面 ionic cordova resources ios ionic cordova resources...ionic cordova build ios --prod 添加、删除插件 ionic plugin add cordova-plugin-camera ionic plugin rm cordova-plugin-camera
1.创建ionic项目 在命令提示符下运行命令 ionic start appName tabs 注:blank --空项目 tabs --底部栏 sidemenu...侧滑栏 2.添加平台 创建成功后,cd 进入到项目的根目录下,运行命令 ionic cordova platform add android (ios版本的就是ionic cordova platform...add ios) 3.编译 运行命令 ionic cordova build android --release 编译成功后会在项目下的platforms/android/build/outputs.../apk里面生成生成默认名字为android-release-unsigned.apk的release版本apk文件 (要使用jarsigner签名必须用release版本) 解决ionic3打包后启动慢的问题...:ionic cordova build android --prod --release 4.生成keystore文件(签名的时候需要用到这个keystore文件) keytool是JDK自带的加密工具
本次我不使用cordova来打包,这次我将要完成的任务是: 1、集成腾讯X5内核。 2、集成百度语音合成和百度语音识别。 3、集成腾讯闲聊能够语音与计算聊天。...5、nfc读读取卡标签(Android串口开发)。 ionic就不多啰嗦了百度一下你就知道,首先搭建开发环境,有不明白的请自行百度。...2、安装Ionic 上面步骤成功之后执行npm install -g cordova ionic命令安装cordova和ionic,安装完执行ionic -v,返回版本号表示已安装成功。...新建项目:ionic start 项目名称 --type=ionic-angular 运行项目:ionic serve 发布:ionic build Android打包 ionic cordova platform...add android cordova build android 常用插件: npm install ts-md5 --save npm install @angular/http 1.npm安装
还记得我在此文【技巧】ionic3优雅解决启动前、后黑白屏问题中添加了一个勾子插件cordova-custom-config来修改配置的主题。...:theme="@style/WelcomeStyle" /> 然后执行命令看效果: ionic cordova build android...所以应该先绑定以下命名空间: xmlns:gap="http://phonegap.com/ns/1.0" 为了验证这种想法,又搜索此文: https://forum.ionicframework.com/t/cordova-ionic-cli-hooks-for-modifying-androidmanifest-xml-or-ios-plist-file.../res/android"> 再跑一次命令ionic cordova build android,没有错误,能正常生成。...总结:为什么要引入xmlns:android这个命名空间前缀,是因为config.xml里面用到了这句android:theme="@style/WelcomeStyle" />,不加入无法识别
npm install -g cordova ionic 在Mac下安装的时候,可能会出现没有权限的问题。...提升权限执行 sudo 即可: sudo npm install -g cordova ionic Ionic 有三种默认项目模板: i). blank –> 空工程模板, ii). tabs -...ionic start DeliveryApp blank ? 4. 运行 ionic serve 看一下在网页中的模拟效果。 ionic serve ? 5....给这个应用添加发布平台,这里添加了 android 平台和 ios 平台。 cordova platform add android ? cordova emulate android ?...cordova platform add ios ? ionic emulate ios ? 到这里 ionic 就搭建完成了。