Cordovaのプラグイン自作について困っています。
テキストエディタのATOMを使用して、トーストを表示するプラグインを作成したいです。
しかし、自作プラグインの機能部分が動きません。
提供されているプラグインで練習した時はうまくいったので、プラグインの使い方は間違っていないと思います。
自分が気付いた問題点として、自作したプラグインの中にPlugin.xmlがないということです。
ネットではエクリプスを使ったやり方ばかりで、どなたかテキストエディタで自作のプラグインの作成、使い方がわかる方教えてください。
よろしくお願いいたします
↓アイコン表示
編集------
アプリの流れはアイコンが表示され、タップするとロゴ画像が表示される、2秒経過すると自動で自作の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は囲んだ範囲を1つのかたまりとして、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>
あなたの回答
tips
プレビュー