- 2009年4月 7日 07:41
- develop
-
[09/04/07 16:00 追記] embedでの呼び出し結果の表に誤りがあったので訂正しました。
世間ではiPhone OS3.0で騒がれていますが、そんな中メインストリームとは逆行してJava Appletについていろいろ調べていました。
情報が少なすぎる
世間的にはJava Appletの話なんて枯れすぎてる話題なので、いくら調べても2000年過ぎの情報ばかりが大半です。「ただしこの方法ではNetscape4.0以上の環境では。。。」とか言われても困るわけです。今どきのWebアプリケーションらしくJavaScriptと連携させるにはどうすればいいんでしょうか。そもそもappletのロード方法１つとってもSafariやChromeなんかのモダンブラウザに対応したロード方法とかまったくわかりません。あとJava Runtimeのインストールチェックなんてどうすればいいのでしょうか？？疑問は尽きません。
そこで、今回これらの情報、
- JavaScriptからAppletを呼び出す方法
- AppletからJavaScriptを呼び出す方法
- モダンブラウザに適したAppletのロード方法
について調べてみたのでまとめておきたいと思います。
Java Runtime のバージョンチェック
そもそもAppletを実行できる環境であるかどうか、を判定する必要がありますが次のようなロジックで確認をすることが可能になります。
- Applet側でRuntimeのバージョン情報をpublicなフィールドに格納しておく
- JavaScriptから1.のフィールドを参照する
- 参照に失敗、または参照先の値が不正な場合はRuntimeがない、と判断。参照先に値があった場合はその値がバージョン情報
次に、JavaScriptとの連携を考えるわけですが、ここでは「JavaScriptからAppletのメソッドを呼び出す」「AppletからJavaScriptの関数を呼び出す」の２パターンがあります。まず、前者の方から考えていきましょう。
AppletからJavaScriptを呼び出す
こちらは非常にシンプルで「document.{$AppletをロードしたHTML要素のid}.{$appletにおけるpublic修飾子のメソッド、またはフィールド}」でアクセスすることができます。たとえば次のようなAppletがあるとします。
import java.applet.Applet;
public class VMInfo extends Applet {
public String jreVersion = "";
public void init() {
this.jreVersion = System.getProperty("java.version");
}
}
また、次のようにappletタグでappletをロードしておくとします。
<applet name="app" code="VMInfo" mayscript="true" archive="plugin.jar" width="430" height="200"></applet>
このとき、JavaScriptからAppletのjreVersionフィールドにアクセスする場合、
document.app.jreVersion
で、アクセスが可能です。ここでのappはapplet要素のname属性値になります。非常に簡単ですね。
また、FlashのExternalInterface経由でJavaScriptからFlashのメソッドにアクセスする場合、IE系はdocument経由、それ以外のブラウザはwindow経由でFlashの参照を取得するなど、参照の取得方法は異なります。ところが、Appletの場合はIEでもFirefoxでもChromeでもすべて同じ「document経由」で参照を取得する、というのは１つのポイントになります。
AppletからJavaScriptを呼び出す
先ほどとは逆に、JavaからJavaScriptのメソッドを呼び出す方法について考えてみます。方法としては、
- JSObjectを利用する方法
- 共通 DOM API を介してアクセスする方法
の2種類の方法が存在します。ここでは単純な1の方法を紹介します。
JSObjectクラスのメソッド群を利用すると、HTML ページの DOM へのアクセスが容易になります。JSObjectを利用する場合、次のjarファイルをクラスパスに通しておく必要があります。
{$jdk}\jre\lib\plugin.jar
plugin.jarにクラスパスを通すと、netscape.javascript.JSObject を利用することが可能になります。JSObjectはstaticメソッドでglobalなwindowオブジェクトの参照を取得します。windowオブジェクトの参照を取得すると、あとは任意のJavaScriptのコードをeval()で実行することが可能になります。たとえばwindow.alert()を呼び出す場合は次のようなコードになります。
import java.applet.Applet;
import netscape.javascript.JSObject;
public class VMInfo extends Applet {
public void init() {
JSObject win = JSObject.getWindow(this);
String jsContext = "alert()";
win.eval(jsContext);
}
}
要はActionScript3におけるExternalInterface.callのようなもの、というイメージで良いと思います。JSObectのAPIについては、こちらのドキュメント にまとまっているので、さらに詳しく知りたい方はご参照ください。
ここで1つポイントとして、JSObjectを利用してappletとJavaScriptとの連携を行うときは、appletをロードするときのHTML要素に対して「mayscript」属性を追加しておく必要があります。属性値はtrueにでもしておけばいいですが、実際は属性が存在すれば問題は無いようです。このあたりの話は「JavaScriptを使用するアプレットの単体テスト」で述べられていますので、ご参考ください。
ロード方法
さて、appletのロード方法についても、パッと考えただけでもいろんな方法が思いつきます。
- appletタグでロード
- objectタグでロード
- embedタグでロード
Flashのような発想をすると、objectタグとembedタグの組み合わせでロードするのが本筋のような気もしますが、とりあえずこれまでで述べてきたJavaScript連携のコードを含んだAppletのロードを全パターンで試してみました。
対象となるAppletのコードは次のようにしています。 appletがロードされると、JREのバージョン、およびベンダ情報を取得し、JS側のVMInfo.notify()を呼び出します。（Java→JavaScript呼び出しの確認）
import java.applet.Applet;
import java.awt.TextField;
import netscape.javascript.JSObject;
public class VMInfo extends Applet {
public String jreVersion = "";
public String jreVendor = "";
private TextField versionField;
private TextField vendorField;
public void init() {
this.jreVersion = System.getProperty("java.version");
this.jreVendor = System.getProperty("java.vendor");
this.versionField = new TextField(jreVersion, jreVersion.length());
this.vendorField = new TextField(jreVendor, jreVendor.length());
add(versionField);
add(vendorField);
// callback
JSObject win = JSObject.getWindow(this);
String jsContext = "VMInfo.notify({\"version\":\"" + jreVersion + "\", \"vendor\":\"" + jreVendor + "\"})";
win.eval(jsContext);
}
}
検証するJavaScriptの関数VMInfo.norifyは次のように用意しておきます。構造は単純で、Objectを引数に受け取り、alertで確認しています。
.
<script type="text/javascript">
//<![CDATA[
var VMInfo = {
notify : function(info){
var version = info.version || "";
var vendor = info.vendor || "";
window.alert([version, vendor]);
}
};
//-->
</script>
あわせて、JavaScript→Javaの呼び出しの確認として、次のようにAppletのプロパティを直接参照してみます。
<script type="text/javascript"> //<
このBlogは
