初期化 - Mobile Platform as a Service - Alibaba Cloud ドキュメントセンター

window.onload 後、コンテナは初期化を開始してグローバル変数 AlipayJSBridge を生成し、JSBridge 初期化完了 (AlipayJSBridgeReady) のイベントをトリガーします。

重要

AlipayJSBridge の挿入は非同期プロセスであるため、イベントを監視した後に AlipayJSBridgeReady を呼び出す必要があります。

ready メソッドを使用して初期化を実行してください。そうしないと、HTML5 コンテナが AlipayJSBridge を取得できない場合があります。

AlipayJSBridgeReady インターフェイスの使用

function ready(callback) {
  // JSBridge が既に挿入されている場合は直接呼び出します
  if (window.AlipayJSBridge) {
    callback && callback();
  } else {
    // JSBridge がまだ挿入されていない場合は、挿入イベントを監視します
    document.addEventListener('AlipayJSBridgeReady', callback, false);
  }
}

コードサンプル

次のコードサンプルは、bridge エントリの標準的な記述形式です。

<h1>Bridge を使用する方法</h1>

<script>
function ready(callback) {
  if (window.AlipayJSBridge) {
    callback && callback();
  } else {
    document.addEventListener('AlipayJSBridgeReady', callback, false);
  }
}

ready(function() {
  alert('bridge ready');
});
</script>