このトピックでは、ミニアプリ開発における WVBase クラスの JavaScript API について説明します。これらの API を使用すると、テキストのクリップボードへのコピー、UI の背景色の設定、アプリのインストール状況の確認、現在のバージョンでの API サポートの検証ができます。
WVBase.copyToClipboard
指定されたテキストをクリップボードにコピーします。
入力パラメーター
[
string] text:クリップボードにコピーするテキストです。
コールバックパラメーター
このメソッドはコールバックパラメーターを返しません。テキストがクリップボードにコピーされた場合は success コールバックが呼び出され、それ以外の場合は failure コールバックが呼び出されます。
var params = {
text: "text to copy"
};
window.WindVane.call('WVBase', 'copyToClipboard', params, function(e) {
alert('success' + JSON.stringify(e));
}, function(e) {
alert('failure' + JSON.stringify(e));
});
WVBase.isInstall
指定されたアプリがインストールされているかどうかを確認します。
iOS 9 以降では、このチェックは、アプリの scheme が info.plist ファイルの LSApplicationQueriesSchemes キーで宣言されている場合にのみ機能します。
入力パラメーター
[
string] ios:iOS 用のアプリ識別子で、URLschemeです。例:'taobao://'。[
string] android:Android 用のアプリ識別子で、パッケージ名です。例:'com.taobao.taobao'。
コールバックパラメーター
このメソッドはコールバックパラメーターを返しません。アプリがインストールされている場合は success コールバックが呼び出され、それ以外の場合は failure コールバックが呼び出されます。
var params = {
// iOS 用のアプリ識別子。
ios: 'taobao://',
// Android 用のアプリ識別子。
android: 'com.taobao.taobao'
};
window.WindVane.call('WVBase', 'isInstall', params, function(e) {
alert('success');
}, function(e) {
alert('failure');
});
WVBase.isAppsInstalled
指定された複数のアプリがインストールされているかどうかを確認します。
iOS 9 以降では、このチェックは、アプリの scheme が info.plist ファイルの LSApplicationQueriesSchemes キーで宣言されている場合にのみ機能します。
入力パラメーター
[
object] 一意のアプリ名 (例:taobao) を、以下のプロパティを持つオブジェクトに対応付けるオブジェクトです。[
string] ios:iOS 用のアプリ識別子で、URLschemeです。例:'taobao://'。[
string] android:Android 用のアプリ識別子で、パッケージ名です。例:'com.taobao.taobao'。
コールバックパラメーター
success コールバックは結果を含むオブジェクトを受け取ります。エラーが発生した場合は failure コールバックが呼び出されます。
[
object] 各入力アプリ名をブール値にマッピングするオブジェクトです。アプリがインストールされている場合はtrue、そうでない場合はfalseになります。
var params = {
taobao: {
ios: 'taobao://',
android: 'com.taobao.taobao'
},
tmall: {
ios: 'tmall://',
android: 'com.tmall.tmall'
}
};
window.WindVane.call('WVBase', 'isAppsInstalled', params, function(e) {
alert('success: ' + JSON.stringify(e));
}, function(e) {
alert('failure: ' + JSON.stringify(e));
});
WVBase.notify
この API は iOS でのみ利用可能です。
指定されたパラメーターを使用して、document オブジェクトでカスタム イベントをトリガーします。
入力パラメーター
[
string] event:トリガーするイベントの名前です。[
object] param:イベントと共に渡すオブジェクトです。
コールバックパラメーター
このメソッドはコールバックパラメーターを返さず、success または failure コールバックを呼び出しません。
イベントリスニング
イベントは event で指定され、イベントパラメーターは param で指定されたオブジェクトです。
document.addEventListener('MyNotifyName', function(e) {
alert(JSON.stringify(e.param));
}, false);
var params = {
// トリガーするイベントの名前。
event: 'MyNotifyName',
// イベントのパラメーター。
param: { MyEventParam: 'paramValue' }
};
window.WindVane.call('WVBase', 'notify', params);
WVBase.openBrowser
この API は iOS でのみ利用可能です。
新しい Safari ブラウザウィンドウで URL を開きます。
入力パラメーター
[
string] url:Safari で開く URL です。
この API は、URL を強制的に Safari で開く場合にのみ使用してください。それ以外の場合は、標準の <a> タグ、location.href、または iframe の src 属性を使用してナビゲートしてください。
コールバックパラメーター
コールバックパラメーターは返されません。URL が正常に開かれた場合は success コールバックが呼び出されます。それ以外の場合は、failure コールバックが呼び出されます。
var params = {
// ブラウザに表示する URL。
url: 'http://www.baidu.com'
};
window.WindVane.call('WVBase', 'openBrowser', params, function(e) {
}, function(e) {
alert('failure: ' + JSON.stringify(e));
});
WVBase.setBackgroundColor
この API は iOS でのみ利用可能です。
WebView の背景色を設定します。
入力パラメーター
[
string] color:WebView の背景色の16 進数カラーコードです。0xや#などのプレフィックスがサポートされています。[
number] alpha:[任意] WebView の背景の不透明度です。0から1までの値です。
コールバックパラメーター
このメソッドはコールバックパラメーターを返しません。成功した場合は success コールバックが呼び出され、それ以外の場合は failure コールバックが呼び出されます。
var params = {
color: 'FF0000',
alpha: 0.3
};
window.WindVane.call('WVBase', 'setBackgroundColor', params, function(e) {
alert('success: ' + JSON.stringify(e));
}, function(e) {
alert('failure: ' + JSON.stringify(e));
});
WVBase.canIUse
この API は、Android 1.0.3.4 以降の WindVane で利用可能です。
指定された API が現在の SDK バージョンでサポートされているかどうかを確認します。
入力パラメーター
[
string] api:API クラスの名前です。例:WVBase、WVMotion。[
string] method:[任意] API クラス内のメソッドの名前です。例:isWindVaneSDK、copyToClipboard。このパラメーターを省略した場合、メソッドは API クラスの可用性のみをチェックします。
コールバックパラメーター
[
boolean] canUse:指定された API またはメソッドがサポートされている場合はtrue、そうでない場合はfalseになります。
var params = {
api: 'WVMotion',
method: 'vibrate'
};
window.WindVane.call('WVBase', 'canIUse', params, function(e) {
alert('success: ' + JSON.stringify(e));
}, function(e) {
alert('failure: ' + JSON.stringify(e));
});WVMiniApp.close
ミニアプリを閉じます。
入力パラメーター
なし。
コールバックパラメーター
なし。
window.WindVane.call('WVMiniApp', 'close', {}, function(e) {
alert('success');
}, function(e) {
alert('failure');
});