現在混合式應用越來越流行，之前公司開發的一款是基於ionic的混合應用。總的來說，效果還不錯，也能基本上實現一套程式碼，多個平臺上跑，流暢性也還不錯。總體程式碼框架和可擴充套件性也還不錯。但是也遇到了一些問題：

1. 網上大多數外掛都不太適用，需要自己開發
2. 當時引入部分es6的語法，結果導致程式碼在老的手機上不能跑起來，這裡可以通過webpack打包的時候將es6的語法通過babel轉化成es5語法。
3. 由於外掛和webview互動，通過js回撥函式，很容易形成 回撥金字塔。

這裡只說下android的cordova外掛開發。

曾經做過幾個:
1、是解壓縮，壓縮的外掛。當時網上沒有找到合適的。
2、下載檔案的外掛。
這裡就說一個最簡單，列印日誌，或者說彈出一個Toast。只要能夠調通，後面就是android或者ios的事情了。
開發外掛 cordova提供了一個叫做 plugman 的框架，這個工具能幫助我們生成一些外掛格式的目錄。如果你很精通的話，其實可以隨便找個別人的外掛。按照他的格式，把程式碼刪了自己寫。

建立個外掛

plugman create --name ToastPlugin  --plugin_id cordova-plugin-toast  --plugin_version 0.0.1

這裡會得到一個目錄結構，很簡單，看下就明白了，主要有三個檔案 .xml .js .java
先說下 .xml檔案

<?xml version='1.0' encoding='utf-8'?>
<plugin id="cordova-plugin-toast" version="0.0.1" xmlns="http://apache.org/cordova/ns/plugins/1.0"
 
 xmlns:android="http://schemas.android.com/apk/res/android">
    <name>ToastPlugin</name>//這裡是js呼叫的物件
    <js-module name="ToastPlugin" src="www/ToastPlugin.js">
        <clobbers target="cordova.plugins.ToastPlugin" />
    </js-module>   
    <platform name="android">   這裡是android的路徑配置，在新增外掛的時候，會將當前的檔案路徑，複製到android工程中指定的路徑。
            <config-file
 
 parent="/*" target="res/xml/config.xml">
                <feature name="ToastPlugin">
                    <param name="android-package" value="cordova-plugin-toast.ToastPlugin" />
                </feature>
            </config-file>

            <config-file parent="/*" target="AndroidManifest.xml" />
            <source-file src="src/android/ToastPlugin.java" target-dir="src/cordova/plugin/toast/ToastPlugin" />
    </platform>
</plugin>

.js檔案

//引入exec這個cordova提供的執行函式
var exec = require('cordova/exec');

//下面隨便暴露出一個物件，供外面呼叫。
var myChajianFun = {
    showToast:function(arg0,success,error){
    //這裡的ToastPlugin是和.xml中feature對應，表示需要呼叫的檔案  這裡的ShowToast表示的是action。會當做引數傳入到.java檔案中。這樣一個外掛就可以實現多個功能
        exec(success, error, "ToastPlugin", "ShowToast", arg0);
    }
}
module.exports = myChajianFun;

看下.java檔案，將外掛安裝之後，開啟android studio可以看見外掛的程式碼。一個ToastPlugin的類集成了CordovaPlugin實現其中的exec方法。這裡的exec方法中的action就是上面的action。這樣就基本上構成了一整個的外掛。
寫cordova外掛不要急，其實很簡單。通過xml檔案約束需要向工程中新增的檔案。比如將.js檔案放在工程生成後的什麼目錄。.java放在生成目錄。像android.mainfest中寫入什麼樣的資訊。.js檔案中需要暴露出什麼物件等等。

最後說下，我當時做的時候，就是有問題調用不了。最後發現是我的demo工程中，沒有引入這兩個檔案

<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="cordova_plugins.js"></script>

祝你順利！