本以为不就是装个ionic吗,应该是很简单,装到我后面我发现这真的是个笑话,沮麻烦,沮恶心,沮痛苦的…
尤其还没有完整的安装教程,错误也是千奇百怪,不记下来,等下次在安装,那不是第二次头皮发麻吗。
ionic start yxsh blank –type=ionic1
安装空白页面的ionic1.x,第一部就给我报错辣,怎么不去吃屎去,别说我,我去还不行吗,别给我报错了。
Error:unable to verify the first certificate
原因:win7下还需要配置一个环境变量。系统环境变量中新建NODE_TLS_REJECT_UNAUTHORIZED,其值为0
变量名:NODE_TLS_REJECT_UNAUTHORIZED
变量值:0(阿拉伯数字0)
cd yxsh
ionic cordova platform add android
注:在/platforms/android/res/values/包里面打开strings.xml 文件在resources 标签里面添加
tools:ignore="MissingTranslation" xmlns:tools="http://schemas.android.com/tools"
接下来的就是最恶心的环节,就是装装装,设设设,下下下…
ionic build android
这里我是报错辣
Error:the platform command has been renamed.To find out more, run:
ionic cordova platform --help
由于ionic 3.x的版本ionic platform 命令已经重命名,所以照着它的提示敲。
ionic cordova platform add android
其他类似错误就不一一解答,解决方法都是ionic cordova代替ionic
在这里,需要我们装jdk,apache-ant,android-sdk,gradle,以上这些东西都能百度得到,就不一一细讲辣。
android-sdk中的Android SDK Manager可以看看这篇博客 http://blog.csdn.net/xushuai0616/article/details/55802725
Android SDK Manager Log报错
Failed to fetch URL http://dl.google.com/android/repository/addons_list-2.xml, reason: Unknown Host HTTP Proxy server
大牛的回答
在Android SDK Manager Setting 窗口设置HTTP Proxy server和HTTP Proxy Port这个2个参数,
分别设置为: HTTP Proxy server:mirrors.neusoft.edu.cn HTTP Proxy Port:80
然后把下面的Force ..hxxxxxxxxxxxxxxxxxx勾上
因为我是直接在真机上测试
ionic cordova run android 代替 ionic cordova build android 和 ionic cordova emulate android
在这里要说以下,build是生成apk,而在手机上测试需要将apk装到手机上,所以手机必须开启“你傻逼”的功能。而我的手机开启辣傻逼模式还是没有发现设备。
adb devices
List of devices attached
adb devices找不到设备?原来是我的电脑没有安装Android Device,然后在adb_usb.ini文件中写入VID数值,百度教程http://jingyan.baidu.com/article/ce09321b5b76642bff858f31.html
这样,你的app就能在手机上调试辣。
chrome://inspect/#devices
手机usb连接,并且开启开发者模式,就能进入WebView调试界面,手机上打开app,在pc端就会显示如下:
WebView in io.ionic.starter (33.0.0.0)
app名字 file://android_asset/www/index.htm
inspect
点击inspect就能进入调试。
注:WebView调试只支持debug.apk调试,不支持已签名的apk
ionic修改app名字,只需要在项目根目录下的config.xml文件修改以下就可以辣
<name>项目名称</name>
ionic生成图标及其启动图片,\resources\android\icon是存放android图标的地方。在\resources文件夹中都放入icon.png(ionic图标是1024*1024,所以大家懂的)
ionic cordova resources –icon
会帮你自动生产各种大小的图片。
启动图片根图标的生成方式是一模一样的,系统自带的是2732*2732()
ionic cordova resources –splash
一步到位
ionic cordova resources
注:这种生成的图片方式还是是裁剪,而不是等比例缩放,所以建议大家还是自己作图,如果有更好的方式可以给我分享
1028784495@qq.com
一般在C盘 Users/用户/.android包里面;找到debug.keystore查看keystore 详细信息获得别名 android 为 keystore 的默认密码
keytool -list -v -keystore debug.keystore -storepass android
在当前目录下生成 my-release-key.keystore 签名信息(validity 签名有效天数)
keytool -genkey -v -keystore my-release-key.keystore -alias androiddebugkey -keyalg RSA -keysize 2048 -validity 20000
ionic App生成无签名apk
cordova build android –release
编译成功之后;会在platforms\android\build\outputs\apk包里面生成一个android-release-unsigned.apk文件
将android-release-unsigned.apk文件移动至C:\Users.android的文件的根目录下(和my-release-key.keystore放在一起)
签名
jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore my-release-key.keystore android-release-unsigned.apk androiddebugkey
最后放上我借鉴的网址
ionic Deploying
http://ionicframework.com/docs/intro/deploying/
IONIC 发布正式版本打包步骤 - dailuwen的专栏 - CSDN博客
http://blog.csdn.net/dailuwen/article/details/53907735
签署您的应用 | Android Studio(有点小卡)
https://developer.android.com/studio/publish/app-signing.html#setup
Mac安装ionic
sudo npm install -g cordova ionic
第一部就报了一个很常见的错误,无法验证的签名。
code UNABLE_TO_VERIFY_LEAF_SIGNATURE
这里只需关闭代理即可
npm config set strict-ssl false
开启代理
npm config set strict-ssl true
但是麻花的事情是,这货关闭了代理也不行,回想当初win7也报了个错误,它的解决方法是新建一个环境变量,将其的值赋值为”0”
vi .bash_profile
export NODE_TLS_REJECT_UNAUTHORIZED=0
最可恨的还是不行,见鬼辣,最后是换辣镜像文件就可以辣
npm config set registry http://registry.cnpmjs.org/
npm config set registry http://registry.npm.taobao.org/
另外,mac开发ionic时,需要安装Xcode,接着配置Xcode,
- Open Xcode preferences (Xcode > Preferences…)
- Click the ‘Accounts’ tab
- Login with your Apple ID (+ > Add Apple ID…)
appid is not on any development teams
解决方法,删除appid,再重新登下appid就可以了。
接着:
>ionic cordova build ios
中途报了个错误,如下:
xcode-seect:error:tool 'xcodebuild' requires Xcode,but active developer directory '/Library/Developer/CommandLineTools' is a command line tools instance
解决措施,重新定义一下xcode的路径,例如我的
sudo xcode-select –switch /Applications/Xcode.app
mac ionic真机调试还需要装iOS-deploy,iOS-deploy是一个使用命令行安装ios app到连接的设备的工具,原理是根据os x命令行工程调用系统底层函数,获取连接的设备、查询/安装/卸载app。
npm install -g ios-deploy