Cordova 开发流程

---

1 环境搭建

• node
• npm install -g cordova （安装 Cordova ）

---

2 创建项目

• cordova create MyApp
• cd MyApp
• cordova platform add ios --save
• cordova platform add android --save
  给你的App添加目标平台。我们将会添加'ios'和'android'平台，并确保他们保存在了config.xml中
• cordova platform ls
  检查你当前平台设置状况
• 打包 cordova build ios cordova run android cordova build

---

环境依赖

• Java Development Kit (JDK) 7
• Android Studio
• 设置 JAVA_HOME 指定为JDK安装路径
• 设置 ANDROID_HOME 指定为Android SDK安装路径

参考

---

遇到的问题

问题1 ANDROID_SDK_ROOT=undefined (recommended setting)

E:\Projects\throwaway\cordovaAndroid8Test  ([email protected])
λ cordova run android
Checking Java JDK and Android SDK versions
ANDROID_SDK_ROOT=undefined (recommended setting)
ANDROID_HOME=C:\Users\Jan\AppData\Local\Android\sdk (DEPRECATED)
Subproject Path: CordovaLib

解决: 设置系统环境变量ANDROID_SDK_ROOT，该值将为Android SDK路径（与变量ANDROID_HOME完全相同）。

---

问题2 cordova build 安装 提示 远程连接断开

原因：安装依赖文件有部分 需翻墙， 网络问题

---

问题3 配置 路径 打包完成后，模拟器打开不显示页面，页面白屏

页面白屏 原因是 www 文件中的 index.html 文件 找不到 app.js vender.js 等 打包资源 ， 需修改打包文件的路径关系

解决方案

---

问题4 安卓 打包 app 项目无法请求接口

打包的离线代码 ，在浏览器运行是 正常的，怀疑是 安卓环境 有影响

检查发现 安卓版本影响

处理高版本不支持http的配置

修改根目录下的 config.xml 文件

参考

https://developer.android.com/guide/topics/manifest/application-element

android:usesCleartextTraffic="true"作用

---

问题5 安卓 修改app 名称 app 图片

根目录下的 config.xml

项目名
...

        
        
            
        
        
        
    
    
        
        
        
        
    

根目录下 创建对应文件夹 存放 图片

---

问题6 安卓 项目启动时黑屏的问题

• 资料参考 cordova 先黑屏再闪图解决方案

黑屏原因： 加载cordova 、 cordova加载web页面

• cordova加载web页面 可以通过 插件 cordova-plugin-splashscreen 配置
  配置方法
  但是加载cordova 黑屏 是无法解决的 尝试通过 安卓 配置解决

• 在 安卓环境中配置
  配置方法
  项目根目录 \platforms\android\app\src\main\res\values下创建 style.xml 文件

项目根目录 \platforms\android\app\src\main\res 下创建 drawable 文件夹， 存放 style.xml 文件 中引用的图片

项目根目录 \platforms\android\app\src\main\AndroidManifest.xml 中修改 标签 添加 样式

        ...
        

上面解决是开机黑屏问题

• 在 config.xml 文件下添加

...
 
    
    
    
    
    
    
    
...

修改完成后项目启动黑屏就已经解决了

其他配置
Cordova文件配置之config.xml

---

问题7 安卓10 上 app后台运行时 图标不显示

在 config.xml 文件修改安卓配置 android:icon="@mipmap/ic_launcher"

...

        
        
            
        
...
    

---

问题8 安卓打包生产 环境 app

• 生成 .jks 文件
• 用 .jks 文件 打包 apk 上线

可参考这个文件

google play 上传 需私有的 .pepk 文件 ， .pepk

下面是 Google play 需要的 打包上线流程

• 上线之前 需修改 文件

    项目名称
    
        项目描述
    
    
        简介
    
...
  

参考

step1.png

step2.png

step--3.png

step4.png

• 完成上面步骤就可以 上传 app了
  google play 支持 .aab 后缀文件
  .aab 后缀文件介绍

打包步骤

---

问题9 Android刘海屏适配全方案

style.xml 添加

true

参考

---

问题10 google play app 更新

创建新版本

• 修改 在 config.xml 文件下 版本

.....

• 上传 文件即可

---

问题11 android studio 模拟器上运行报错

报错是 启动活动时出错 ，并不是没有安装成功，可以在模拟器查看是否安装成功

说明打包的apk是安装成功的，只是没能自动启动而已，可以手动启动

---

问题12 查看 安卓应用的apk 是否有效

• 找到 keytool.exe 文件，目录应为 C:\Program Files\Java\jdkxx_xx\bin 下
• 打开 cmd 终端
• 输入 keytool.exe -list -keystore 自己保存的 .jks 文件目录 回车

出现此图 说明是有效的

查看 安卓 .jks 文件的签名

• 找到 keytool.exe 文件，目录应为 C:\Program Files\Java\jdkxx_xx\bin 下
• 打开 cmd 终端
• 输入 keytool.exe -list -v -keystore 自己保存的 .jks 文件目录 -storepass 888888（这里的888888是我自己keystore的密码） 回车

参考
参考

---

问题13 关于提交到华为应用市场 被驳回 原因：未包含安装证书

• 在此之前已经在 google play 上提交成功了
• 首先判断的是安装证书 是否存在 直接用了 问题12中的方法， 判断是有的
• 既然安装证书是存在的，打包也能正常执行，为啥显示 未包含安装证书
• 后来看到了 这个文章
  https://blog.csdn.net/a940659387/article/details/79527006
• 暂时没有找到解决方法 只有重新新建一个项目打包提交审核了。。。

---

发布上线

登录 Google play

账号首页 https://myaccount.google.com/people-and-sharing

开发者申请 https://play.google.com/apps/publish/signup/ 点击继续 付款 $25 美金

填写账号信息 电话 邮箱 。。。。提交完成后就能登录 账号啦 https://play.google.com/apps/publish/

参考 --> 注册 Google Play 开发者帐号 https://support.google.com/googleplay/android-developer/answer/6112435?hl=zh-Hans

https://www.jianshu.com/p/7c97aa9c5fb6

https://www.jianshu.com/p/e40e78a279b7
参考

---

持续填坑中...