Cordova プラグイン自作

Cordovaのプラグイン自作について困っています。
テキストエディタのATOMを使用して、トーストを表示するプラグインを作成したいです。
しかし、自作プラグインの機能部分が動きません。
提供されているプラグインで練習した時はうまくいったので、プラグインの使い方は間違っていないと思います。
自分が気付いた問題点として、自作したプラグインの中にPlugin.xmlがないということです。
ネットではエクリプスを使ったやり方ばかりで、どなたかテキストエディタで自作のプラグインの作成、使い方がわかる方教えてください。

よろしくお願いいたします
↓アイコン表示
編集------
アプリの流れはアイコンが表示され、タップするとロゴ画像が表示される、２秒経過すると自動で自作のToastが表示されるプラグインが起動するというものです。

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
  <title> LIVE </title>

  <script>
  function imgClick() {
    //指定したURLやファイルに遷移させる。
    window.location.href="logo.html";

  }
  </script>

<!--クリックすると、imaClick関数の呼び出し-->
<a href="javascript:void(0)" onclick="imgClick();">
<img src="img/Icon.png" width="100" height="100" /></a>

<!--cordova.jsの読み込み-->
<!--divは囲んだ範囲を１つのかたまりとして、align属性で位置を指定したりできる。-->
</head>
</html>
コード

↓ロゴ画面表示

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
  <title> LIVE </title>

  <body>
    <img src="img/Icon.png" width="350" height="600" ; />
    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
  </body>
</head>
</html>

↓index.js

document.addEventListener("deviceready", function() {
  var success = function(message) {
    alert(message);
  };

  var failure = function() {
    alert("Plugin error...");
  };

  // [js-moduleのname].[helloworld.jsで指定した名前]
  hello.sayHello("SAMPLE NAME", success, failure);
});

↓helloworld.js

module.exports = {
  sayHello: function(name, successCallback, errorCallback) {
    // 第1引数: 成功時に呼び出す関数
    // 第2引数: エラー時に呼び出す関数
    // 第3引数: プラグインの名前（plugin.xmlのfeatureのnameに設定したもの）
    // 第4引数: HelloWorld.javaの第1引数に渡る名前
    // 第5引数: HelloWorld.javaの第2引数に渡る値
    cordova.exec(successCallback, errorCallback, "helloworld", "sayHello", [name]);
  }
};

↓プラグイン

// featureのparamのvalueで指定したやつ
package plugin.helloworld;

import org.apache.cordova.*;
import org.json.JSONArray;
import org.json.JSONException;

public class HelloWorld extends CordovaPlugin {

    @Override
    public boolean execute(String action, JSONArray data, CallbackContext callbackContext) throws JSONException {

        if (action.equals("sayHello")) {
            String name = data.getString(0);
            String message = "Hello, World !!! " + "Hello, " + name;
            callbackContext.success(message);
            return true;
        } else {
            return false;
        }
    }
}

↓plugin.xml

<?xml version="1.0" encoding="UTF-8"?>
<!-- id: プラグインの識別子、version: プラグインのバージョン -->
<plugin xmlns="http://apache.org/cordova/ns/plugins/1.0"
  xmlns:android="http://schemas.android.com/apk/res/android"
  id="cordova-plugin-helloworld"
  version="1.0.0">

  <!-- プラグイン名 -->
  <name>HelloWorld</name>
  <!-- プラグインの説明 -->
  <description>This is a first plugin !!</description>
  <!-- 作者 -->
  <author>cigalecigales</author>
  <!-- キーワード -->
  <keywords>hello, world</keywords>
  <!-- ライセンス -->
  <license>Sample License</license>
  <!-- プラグインがサポートするCordovaのバージョン -->
  <engines>
    <engine name="cordova-android" version=">5.0.0"/>
  </engines>
  <!-- JSの場所指定。name: モジュール名 -->
  <js-module src="www/helloworld.js" name="hello">
    <clobbers target="hello"/>
  </js-module>

  <!-- Android用の設定 -->
  <platform name="android">
    <!-- Androidのconfig.xmlはここ→project/platform/android/res/xml/config.xmlにあるのでそこに反映するように -->
    <config-file target="res/xml/config.xml" parent="/*">
      <!-- Cordovaはfeatureタグをみて、どのプラグインが有効か見る。以下の情報が上記のファイルに追加される。 -->
      <feature name="helloworld">
        <param name="android-package" value="plugin.helloworld.HelloWorld"/>
      </feature>
    </config-file>
    <!-- Javaのソースファイル。 target-dir: ファイルがコンパイルされるべき場所 -->
    <!-- 以下だとproject/platform/android/src/plugin/helloworld/以下になる -->
    <source-file src="src/android/HelloWorld.java" target-dir="src/plugin/helloworld/"/>
  </platform>
</plugin>

himakuma

2016/10/25 04:29

実際のディレクトリ、ファイルの構成、自作プラグインのコードを記載することはできませんか？状況が分からないので、回答が難しいです。

himakuma

2016/10/25 13:42

解析はまだできていないのですが、なぜeclipseを使用しないのでしょうか？？

hide09090909

2016/10/25 14:38

ハイブリッドアプリを作成したいので、eclipseを使用するとiOSに対応できないと考えたためです。

yamachu

2016/10/25 16:31

上記のコードをコピペして走らせたところ正しくアラートが表示されたのでおかしいですね...コードの内容をググったら http://qiita.com/cigalecigales/items/f0309dcd257d75fd129c の記事のものを使ったんだなと理解しましたが，正しくディレクトリ構成はあっていますよね？

himakuma

2016/10/26 01:09

yamachuさんが検証してくれた見たいですね。ありがとうございます。新規のプラグイン作成はどちらにしろAndroidとiOS用の開発環境が必要になります。プラグインを使用するだけであればeclipseで十分開発は可能ですよ？（iOSのビルドはCordovaのコマンド）もしくはXcodeかVisualStudioであればコマンドを打つ手間も省けます。 MacがないとiOSのビルドはできないのでXcodeが無難な気がしますね。（VisualStudioでもネットワーク越しにiOSのビルドはできますが。。）