一、 跑通cordova
了解cordova打包发布流程，为代码在真机上调试打基础
尝试一：生成一个cordova壳子，将工程代码打包，放入壳子对应的位子再用cordova打包生成app文件，在手机上看效果
- 安装cordova：npm install -g cordova；
- 生成项目壳子：cordova create myApp
- config.xml目录： cordova的配置文件
- hooks目录：存放自定义cordova命令的脚本文件。每个project命令都可以定义before和after的Hook，比如：
before_build、after_build。 - platforms目录：各个平台的原生代码工程，不要手动修改，因为在build的时候会被覆盖。
- plugins目录： 插件目录（cordova提供的原生API也是以插件的形式提供的）。
- www目录：源代码目录，在cordova prepare的时候会被copy到各个平台工程的assets\www目录中。
其中index.html为应用的入口文件。
- 查看可添加的平台：cordova platform ls ;添加平台：cordova platform add Android/ios
- 打包工程代码：npm run build
- 将生成的www文件替换入壳子中
- 打包壳子和项目代码:cordova build，生成对应apk文件
- 如果是android需下载jdk
- 如果是ios需下载xcode
- 为了让项目更好的测试和运行，下载Android Studio和xcode跑两端
尝试2
当前项目是基于vue集成了cordova，通过命令行直接打包，不需要再造壳子
- 直接通过npm run cordova，下载cordova对应的依赖
- 必须先npm run build之后再执行上述命令
- 本机需要有cordova环境，即需下载xcode,androidStudio,jdk，cocoapods等
下载cocoapods时通过命令sudo gem install -n /usr/local/bin cocoapods下载最新的
- 管理rvm命令：rvm list ,rvm --default use []
二、 xcode问题记录：
- cordova-plugin-uniquedeviceid和phonegap-plugin-push无法通过cordova prepare android/ios下载
通过cordova plugin add 【依赖名】解决 - 使用xcode报错：Module 'FirebaseInstanceID' not found；
- 尝试安装cocoapods，并pod setup（安装有点慢）
- cordova platform rm ios,删掉原来的ios项目
- cordova platform add ios ,加入
- 进入platform/ios目录，执行pod install --verbose
- xcode调试
- 在safari中进入Preferences-Advanced-show Develop menu
- safari菜单栏中Develop-对应的模拟机-对应的网页
三、 Android Studio问题记录
- 找不到com.lint; 在allproject中加入google()，将android删掉在加入
- 找不到google-service.json，去firebase下载后运行再删掉
- 暂时还无法在androidstudio的模拟机上运行，google-services.json一直找不到；猜测：
需要购买谷歌服务，或者公司已经有对应账号
安卓模拟机无法访问到谷歌服务，服务无法连接
其他先决条件
解决方案：
删掉android平台在加入时，默认会加入最新的，需要指定为6.4.0
android sdk必须使用26，不要升级
删除安卓平台在加入
- AAPT2 error，找不到ttIndex和fontVariationSettings
-
解决方案：
找到project/build.gradle文件,添加以下代码
// 在build.gradle(Module:app)单独配置
configurations.all {
resolutionStrategy {
force 'com.android.support:support-v4:27.1.0'
}
}
- unmearge max错误
-
解决方案
在project/build.gradle中注释掉以下代码
dependencies {
implementation fileTree(dir: 'libs', include: '*.jar')
// SUB-PROJECT DEPENDENCIES START
implementation(project(path: "CordovaLib"))
compile "com.android.support:support-v4:24.1.1+"
compile "com.android.support:support-v4:+"
// 下面这行和上面有冲突
// compile "com.android.support:support-v13:26.+"
compile "me.leolin:ShortcutBadger:1.1.17@aar"
compile "com.google.firebase:firebase-messaging:11.6.2"
// SUB-PROJECT DEPENDENCIES END
}
四、 总结
cordova requirements
安卓
- java jdk ：通过www.oracle.com下载8.0版本
- android sdk：安装android studio后自动下载
- android target：安装android studio后自动下载
- gradle ：通过brew install gradle下载
ios
- macOS：系统自带
- xcode：app store下载
- ios-deploy：npm install -g ios-deploy下载
- cocoapods：先下载rvm，通过rvm的sudo gem install -n /usr/local/bin cocoapods下载
打包流程
- 先使用npm run build生成web包
- 在通过cordova build android/ios 来生成安卓和ios版本
- 通过as或者xcode模拟器看效果
