⑴ ionic修改完代码用,需要在重新编译一下android吗
1、Tabs必须是预加载的,创建项目默认就是预加载,不用动。
2、访问的页面必须是懒加载页面,只有是懒加载页面访问时才会有具体的url页面锚点地址,刷新后页面才会停留在当前页面。
3、默认的三个主界面,刷新要停留在当前,需要改成懒加载方式(最简单的方法:删除已有预加载页面,使用ionic g page重新创建即为懒加载页面,别忘了删除app.mole中声明语句,页面访问时使用类名字符串。)
⑵ ionic cordova run android时,报错: Error: Could not find apk architecture: arm build-type: debug
1npm按装包失败 更换源:npm config set registry 或者使用cnpm sudo npm install -g cnpm --registry 2.ionic真机调试 ionic run android --livereload -c -s 3.ionic run ios 报错 sudo npm install -g ios-deploy --unsafe-perm=true 4.跨域(...
⑶ 非原生App开发的基本步骤(以安卓端为例)
主要使用:
移动端:ionic、cordova
后端:CoreThink
一、安装
1.安装node.js
2.安装git
3.安装ionic & cordova:
命令行输入:npminstall –g cordova ionic
注:-g表示全局安装,也可以进入指定的目录安装,但这里推荐全局安装,安装后的目录为C:/users/Administrator/AppData/Roaming/npm/node_moles
4.安装java JDK
5.安装Apache Ant
6.安装Android SDK(从这里开始后面基本以android为例,ios类似)
7.设置环境变量:
①打开计算机->系统属性->高级系统设置->环境变量
②在系统变量中新建ANDROID_HOME变量,变量值为sdk所在目录,如图
③新建CLASSPATH变量,变量值为.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
④新建JAVA_HOME变量,变量值为jdk所在目录
⑤编辑系统变量中的path变量,不要删原来的变量值,在原值后面添加;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;%ANDROID_HOME%\tools;%ANDROID_HOME%\build-tools;%ANDROID_HOME%\platform-tools
注:这里是添加了jdk\bin、jdk\jre\bin、sdk\tools、sdk\build-tools、sdk\platform-tools的路径,互相以英文分号隔开
8.创建项目:
命令行cd进入任何你喜欢的目录,ionic startAnyNameYouLikeblank,如果一切顺利,就会在你指定的目录新建一个你喜欢的名字的文件夹,并在里面初始化一个ionic项目。
9.添加平台
进入刚才新建的项目的目录,命令行输入ionic platform add android
二、在项目目录中有一个www的文件夹,里面的文件有html,js,css等,可随意编写,在platform中的www文件最好不要动它。
三、测试项目
1.进入项目目录,ionic build android编译项目
2.测试项目的方法:
桌面浏览器测试法:ionic serve
模拟器测试法:这个比较烦,而且运行慢,破机子卡到爆,一直没成功,所以略
手机浏览测试法: http://ionicframework.com/docs/guide/testing.html 自己看吧,略
手机测试法:连上数据线,打开开发者选项,执行ionic run android
四、编写项目
http://ionicframework.com/docs/guide/building.html 英文太多,翻译不出来
五、发布app,前面的准备就是为了这一步了
1.执行cordova plugin rm cordova-plugin-console,这一步是Before we deploy, we should take care to adjust plugins needed ring development that should not be in proction mode.
2.执行cordova build --release android,在platforms/android/build/outputs/apk,中会出现***-release-unsigned.apk,最前面取决于取了什么名字
3.使用keytool打包私有密钥:执行keytool -genkey -v -keystore my-release-key.keystore -alias alias_name -keyalg RSA -keysize 2048 -validity 10000
4.给没有签名的apk签名:执行jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore my-release-key.keystore HelloWorld-release-unsigned.apk alias_name
5.最后一步,执行zipalign -v 4 HelloWorld-release-unsigned.apk HelloWorld.apk
六、基本步骤到此结束,可能会出现各种报错的情况,只能具体问题具体分析了,
参考网址:
http://ionicframework.com/docs/guide/preface.html
https://cordova.apache.org/docs/en/latest/guide/cli/index.html#link-3
http://developer.android.com/sdk/installing/adding-packages.html
https://developer.apple.com/ios/download/
⑷ 如何配置android studio环境实现ionic的编译,运行与打包
1.配置android studio 环境;
1.1配置Java环境
下载jdk,jre(jre好像是跟jdk一起的,jdk1.8.0_101,jre1.8.0_101)
参考文档:如何配置jdk,jre的参考文档
配置的环境变量:PATH(jre/bin以及bin目录),ClASSPATH(lib以及lib/tools.jar目录),JAVA_HOME(jdk的安装目录)
测试配置java变量是否成功的方法是:在dos命令行输入:java -v,以及javac
1.2配置ant环境(同样需要配置环境变量)
下载地址:ant下载地址
配置环境变量:系统变量PATH(ant的bin目录环境);
测试ant安装是否成功:在dos命令行输入ant -v 如果显示ant版本说明安装成功。
1.3下载Android studio(目前安装的是2.2版本的android studio;)
下载地址:android studio 下载地址
配置环境变量:系统变量:ANDEOID_HOME(SDK 目录),PATH(SDK的tools以及platform-tools目录);
测试android studio是否安装成功:dos命令行输入android -h,输出option相关信息表示成功!
备注:Path:配置包或者二进制文件夹的路径;
ClassPath:配置的是类的路径;
⑸ 如何使用ionic打包Android的apk
1、安装Java的JDK,并配置好环境变量
2、安装AndroidSDK,并配置好环境变量;这里JDK和andriodSDK的安装和配置都很重要,必须安装好JDK和AndroidSDK,才可以进行下面的打包,否则是打不了包的。
3、下载安装nodejs,这里的nodejs主要是要来对打包所需模块进行管理
4、使用命令:npm install -g cordova ionic来安装cordova和ionic
5、切换到刚才nodejs的安装根目录下,使用命令:ionic start myApp blank创建一个项目,其中myAPP是项目的名称,可以由自己命名,blank表示创建一个空项目
6、切换到刚才创建的项目myApp目录下面,cd myApp
7、ionic platform add android //该命令会创建一个platform目录,最后生成的apk是放在该目录下的
8、ionic build android //生成apk文件,至于apk具体的存放目录,打包成功时会有说明
⑹ 为什么 ionic 在浏览器和安卓上编译出的版本的布局不一样
你应该是服务器配置没设置好,如果是apache,查看你是否设置了 LoadMole php5_mole "d:/phpapache/php/php5apache2.dll" #这里设置成你php对应的路径 AddType application/x-httpd-php .php #这里设置你php要解析的文件
⑺ 如何使用ionic打包android的apk
ionic打包apk主要分为几个步骤:
1、安装Java的JDK,并配置好环境变量
2、安装AndroidSDK,并配置好环境变量;这里JDK和andriodSDK的安装和配置都很重要,必须安装好JDK和AndroidSDK,才可以进行下面的打包,否则是打不了包的。
3、下载安装nodejs,这里的nodejs主要是要来对打包所需模块进行管理
4、使用命令:npm install -g cordava ionic来安装cordova和ionic
5、切换到刚才nodejs的安装根目录下,使用命令:ionic start myApp blank创建一个项目,其中myAPP是项目的名称,可以由自己命名,blank表示创建一个空项目
6、切换到刚才创建的项目myApp目录下面,cd myApp
7、ionic platform add android //该命令会创建一个platform目录,最后生成的apk是放在该目录下的
8、ionic build android //生成apk文件,至于apk具体的存放目录,打包成功时会有说明
经过上面几步的操作,ionic打包apk便已完成。
⑻ 为什么ionic运行的ionic build android会出错
空间不够,运行不够。
⑼ 如何搭建Ionic环境以及打包成安卓apk
1.Ionic是什么?Ionic的生态系统基于Angular和Cordova,前者是web应用框架,后者是构建和打包原生应用的工具。Ionic是将HTML,CSS,JS,Angular,Cordova等技术进行整合,成为一个非常强大的移动端应用开发平台。
2.如何搭建环境?
如果你现在要使用Ionic来架构应用,你应用要有以下几个步骤。
1>安装node.js。可以访问[nodejs官网](http://nodejs.org)下载对应平台的安装包。如果你已经安装了node,请把它升级为最新版本。安装完成后,可以在OS X的终端后者windows的命令提示符中运行下面的代码来验证是否安装成功。
$ node -v1
如果出现版本号说明安装成功。(忽略$符号,以下同理)
2>安装Ionic和Cordova。使用一条命令就能安装Ionic和Cordova。执行之前请确保你已经安装了git:
$ npm install -g cordova ionic1
这条命令需要一点时间,请耐心等待。安装完成后,运行下面的命令来确认已经安装成功:
$ cordova -v
$ ionic -v 12
同样,这里出现版本号说明安装成功。注意:这里需要配置node的环境变量,如果你不清楚环境变量如何配置,网络一下啦!
3.是时候创建一个应用了。
Ionic提供了一个简单的start命令,几秒就可以创建一个新项目,在你想要创建项目的文件夹下运行如下代码就可以轻松创建:
$ ionic start demo
$ cd demo12
程序可能会问你是否创建一个Ionic账户,暂时可以无视它。ok创建成功后,你可以在你的文件下面看到demo文件夹,进入文件夹,你可以看到一串目录。这是Ionic的默认模板。
重点介绍以下www目录,这里进去我们可以看到css,js,lib,image,index,template等文件或者文件夹,这里前端人士应该很熟悉啦,这里就是你这个应用所有的前端代码,在这里面编写你的代码吧!
Ionic有个很牛叉的地方,当你输入如下代码后,你可以在浏览器中预览应用,当你在编写代码的时候,只需要保存,页面就好自动刷新,而不需要你手动刷新页面,这个angular又更进一步啦!很神奇有木有...
$ ionic serve1
执行的时候会提醒你选择地址,多数情况下选择localhost即可。程序会自动打开电脑中的默认浏览器并访问8100端口。你也可以直接在浏览器中输入localhost:8100。这里建议使用Chrome或者Safari。IOS的WebView使用的是Safari,Android使用的是Android浏览器(跟Chrome的相似度极高)。所以很明显看到用这两个浏览器模拟的好处,嘿嘿!
4.如何编译并发布应用?当你已经顺利完成你的应用代码部分的时候,你现在所需要的就是将你的应用打包并且发布了。
第一步:创建一个独一无二的图标。图标的设计无非有以下几点:简单,让人印象深刻,不受尺寸限制,颜色不要太复杂。创建好你的图标之后,请以png/psd/AI格式保存在resource/android/icon.png和resource/android/icon.png。然后使用如下命令,就可以生成不同尺寸的图标:
$ ionic resources -icon1
第二步:创建启动页面图片。启动画面的源文件至少需要2208px×2208px,创建完成后,保存为
resource/android/splash.png和resource/android/splash.png。
然后使用如下命令就可以生成不同尺寸的启动画面图片:
$ ionic resources --splash1
第三步:编译Android应用(这里以安卓应用为例)。
1>配置应用的签名。使用如下命令来配置你的签名(keystore):
$ keytool -genkey -v -keystore know_your_brew.keystore -alias know_your_brew -keyalg RSA -keysize 2048 -validity 100001
注意:请使用你应用的名字来替代know_your_brew.这个命令可以生成一个新文件,在本示例中为know_your_brew.keystore。
在应用的整个生命周期中将重复使用同一个keystore,请保存好它。
2>使用Cordova编译应用。使用build命令编译一个应用的发布版本:
$ cordova build --release android1
这个命令会生成一个新的apk文件。此时还未签名。
3>签名应用文件。现在我们要用之前创建的keystore文件来签名生成的未签名版本的应用。使用如下命令来签名:
$ jarsigner -verbose -sigalg SHALwithRSA -digestalg SHAL -keystore know_your_brew.keystore unsigned_name.apk know_your_brew1
注意:这里请使用keystore生成文件名来替换know_your_brew示例名称,同时用真实的应用文件名替换掉unsigned_name.apk。
这个过程需要一点时间,期间会提示输入keystore的密码。命令会修改apk文件并对其进行签名。