6. Cordova多平台运行

前言

• 引入jQuery

下午折腾了半天，还以为Cordova的jQuery是通过插件的方式搞的，结果还重置了好几次，5点多突然发现，尼玛，完全可以下载到本地直接调的。

• cordova build会重置代码

这也是个坑，根据官方文档，cordova build是构建工程的，cordova run是运行工程的，而 cordova run可以直接合并前面两项的，但是有个问题，我在android中写好了代码，一旦通过命令行build或者run，尼玛，居然把老子的代码直接重置了？？？！！！研究再三，我发现了一个问题：我一直在android下写，而Cordova是全局运行的！

构建多平台插件

为何会重置

简单的说，就是我在AS中编写的是android项目，而运行命令是在root目录，但是root目录的www并没有被更新，所以新项目直接根据root目录的config.xml进行更新，把root的www更新到platforms下的平台，于是我已经在AS上写好的代码就被置空了...

从上面的就能看出，多平台最终还是要在root中分配到各个平台运行的，那自己写的插件怎么搞呢？这里可看一下之前已经下载好的，然后根据他的模板自己改改。

结构介绍

• 文件 root 结构

这是一个file插件的结构，我们不写那么复杂的，官网上直说最重要的是plugin.xml,google出来的结果也都没有提到package.json,但是我这里提示需要一个有效的package.json，后来经过实践，是特么Cordova版本的问题，我用的7.0，但是官网并没有更新，所以没有参照，让一个朋友用5.4安装的是没问题的。

文件插件结构

• src目录

我也没打算支持那么多平台，就暂时先创建个android的

src目录

• 复制文件到对应的文件夹
  • java源文件到android(OC文件到ios)
  • js文件到www
  • 修改js文件，只保留方法函数，不需要定义
• 创建配置文件

修改后的文件

//修改后的js文件
var exec = require("cordova/exec");
module.exports = {
    show: function(content){
        exec(
        function(message){//成功回调function
            console.log(message);
        },
        function(message){//失败回调function
            console.log(message);
        },
        "MyToast",//feature name
        "show",//action
        [content]//要传递的参数，json格式
        );
    },
    dialog: function(content){
        exec(
        function(message){
            console.log(message);
        },
        function(message){
            console.log(message);
        },
        "MyToast",
        "dialog",
        [content]
        );
    }
}

编写plugin.xml文件

    ToastPlugin
    show toast and dialog
    
    
    
        
    
    
    
        
        
        
            
        
        
        
        
    

应用插件

在此之前，最好别尝试clean，build，run之类的，随便一个就让代码全清空了！！！接下来就按照添加API插件一样添加到项目中即可

cordova plugins add <插件包路径>

再提醒一下，不要升级7.0

• 5.4版本

  
  
  

  安装成功

• 升级7.0后

  
  
  

  升级后

好了，现在就可以正常使用了，修改好代码直接build也没问题了

项目地址

https://github.com/seeways/ToastPlugin