cordova 爬坑指南

cordova 爬坑指南

环境配置

  1. 先安装java,配置环境变量(百度一下)
  2. 安装sdk(建议安装android studio),这里需要要翻墙,或着用站长工具,修改android studio下载地址对应的ip,修改host。
  3. 用cordova-cli安装gradle的时候经常会卡着不动,如果cordova自己下载的很慢,建议手动下载gradle,

然后把gradle的路径添加到环境变量path;把下载的压缩包放在==C:Usersadmin.gradlewrapperdists==乱码文件名的文件里面,这个乱码文件是cordova未下载完的地址。

  1. 设置完环境变量之后重启一下吧。(这一步完成就很顺利了)
  2. 安装nodejs 按照cordova官网安装cordova
  3. 连接手机测试
cordova run android

在手机连接测试的时候,碰到了个坑,360手机助手占用了对应的端口,导致报错

  • 端口占用CMD 用netstat -ano 命令看10048端口被什么程序占用了。
    1. Windows平台

在windows命令行窗口下执行:

C:\>netstat -aon|findstr "80"

TCP    127.0.0.1:80        0.0.0.0:0              LISTENING      2448
    1. 看到了吗,端口被进程号为2448的进程占用,继续执行下面命令:
C:\>tasklist|findstr "2448" 

thread.exe                    2016 Console                0    16,064 K
    1. 很清楚吧,thread占用了你的端口,Kill it

如果第二步查不到,那就开任务管理器,看哪个进程是2448,然后杀之即可。 如果需要查看其他端口。把 80 改掉即可

调试

在cordova建议使用spa来写应用,我们公司用的是vue,这里就不细说了,vue的教程一大堆。

因为是webapp平时调试还是用chrome来调试,在手机上则用eruda

打包发布,应用签名

打包发布和生成应用签名方面可以参考这个教程。第三方接口需要这个应用签名

插件

paypal

paypal
这是paypal官方出的插件,简单易用。

wechat

微信
在使用微信支付的时候,需要服务器先调用统一支付接口,然后再次生成签名,在客户端调用这个插件。使用微信插件的时候,在调用微信支付时要注意服务器签名的正确,字段大小写

定义启动页

启动页插件
这个是更换启动页的插件,文档说明很详细。

状态栏

由于安卓和ios的状态栏不一样,这里就需要插件来统一,或者做兼容了。

facebook

这个可以用在facebook登录

极光推送和极光统计

我们推送和统计都是用极光的插件
极光推送
极光统计

定义图标

定义图标

这里有两个要注意的地方:

  1. 添加icon的时候要用png格式。之前用了jpg格式就报错。
  2. 在更换icon的时候也容易报错
Execution failed for task ':mergeDebugResources'.
> Error: java.util.concurrent.ExecutionException: com.android.ide.common.process.ProcessException:

解决方法:

在platformsandroidbuild.gradle 添加代码
出现错误的原因是因为png图片不通过,加上这两句就表示不就行审核图片

android {  

   ......  

    aaptOptions.cruncherEnabled = false  
    aaptOptions.useNewCruncher = false  

   ......  
}

还有个解决方法:图标工场用这个网站统一生成png格式的图标

相关推荐