cordova移动端问题记录

一、 跑通cordova

了解cordova打包发布流程，为代码在真机上调试打基础

尝试一：生成一个cordova壳子，将工程代码打包，放入壳子对应的位子再用cordova打包生成app文件，在手机上看效果

1. 安装cordova：npm install -g cordova；
2. 生成项目壳子：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为应用的入口文件。

3. 查看可添加的平台：cordova platform ls ;添加平台：cordova platform add Android/ios
4. 打包工程代码：npm run build
5. 将生成的www文件替换入壳子中
6. 打包壳子和项目代码:cordova build，生成对应apk文件

• 如果是android需下载jdk
• 如果是ios需下载xcode
• 为了让项目更好的测试和运行，下载Android Studio和xcode跑两端

尝试2

当前项目是基于vue集成了cordova，通过命令行直接打包，不需要再造壳子

1. 直接通过npm run cordova，下载cordova对应的依赖
2. 必须先npm run build之后再执行上述命令
3. 本机需要有cordova环境，即需下载xcode,androidStudio,jdk，cocoapods等

下载cocoapods时通过命令sudo gem install -n /usr/local/bin cocoapods下载最新的

• 管理rvm命令：rvm list ,rvm --default use []

二、 xcode问题记录：

1. cordova-plugin-uniquedeviceid和phonegap-plugin-push无法通过cordova prepare android/ios下载
   通过cordova plugin add 【依赖名】解决
2. 使用xcode报错：Module 'FirebaseInstanceID' not found；

• 尝试安装cocoapods，并pod setup（安装有点慢）
• cordova platform rm ios,删掉原来的ios项目
• cordova platform add ios ,加入
• 进入platform/ios目录，执行pod install --verbose

3. xcode调试

• 在safari中进入Preferences-Advanced-show Develop menu
• safari菜单栏中Develop-对应的模拟机-对应的网页

三、 Android Studio问题记录

1. 找不到com.lint; 在allproject中加入google()，将android删掉在加入
2. 找不到google-service.json，去firebase下载后运行再删掉
3. 暂时还无法在androidstudio的模拟机上运行，google-services.json一直找不到；猜测：

• 需要购买谷歌服务，或者公司已经有对应账号

• 安卓模拟机无法访问到谷歌服务，服务无法连接

• 其他先决条件

• 解决方案：

• 删掉android平台在加入时，默认会加入最新的，需要指定为6.4.0

• android sdk必须使用26，不要升级

• 删除安卓平台在加入

4. AAPT2 error，找不到ttIndex和fontVariationSettings

• 解决方案：
  找到project/build.gradle文件,添加以下代码

 // 在build.gradle(Module:app)单独配置
 configurations.all {
     resolutionStrategy {
             force 'com.android.support:support-v4:27.1.0'
      }
 }

5. 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下载

打包流程

1. 先使用npm run build生成web包
2. 在通过cordova build android/ios 来生成安卓和ios版本
3. 通过as或者xcode模拟器看效果