ナビゲーション - SuperApp - Alibaba Cloud ドキュメントセンター

このトピックでは、ナビゲーションの JavaScript API について説明します。 HTML5 アプリまたはミニアプリを作成する場合、現在のページを閉じて新しいミニアプリページを開く場合などに、このトピックを参照できます。

WVNavigator.pop

現在のページを閉じます。

入力パラメーター

カスタム: 入力パラメーターが空の場合、現在のページはデフォルトモードで閉じます。 NavigatorAdapter API をカスタムメソッドを使用して実装する場合は、入力パラメーターを指定する必要があります。

コールバックパラメーター

成功コールバックのパラメーター:

コールバックパラメーターはありません。

失敗コールバックのパラメーター:

[string] msg: エラーメッセージ。

window.WindVane.call('WVNavigator', 'pop', {p, function(e) {
}, function(e) {
        alert('failure: ' + JSON.stringify(e));
});

WVNavigator.push

新しいページを開きます。

入力パラメーター

NavigatorAdapter API をカスタムメソッドを使用して実装する場合は、入力パラメーターを指定する必要があります。
NavigatorAdapter API をカスタムメソッドを使用して実装しない場合は、次の入力パラメーターを指定する必要があります。
[string] url: ユーザーが開きたいミニアプリページの URL。

コールバックパラメーター

成功コールバックのパラメーター:

コールバックパラメーターはありません。

失敗コールバックのパラメーター:

[string] msg: エラーメッセージ。

var params = {
  url: 'xxxx'
};
window.WindVane.call('WVNavigator', 'push', params, function(e) {
}, function(e) {
        alert('failure: ' + JSON.stringify(e));
});

wv.navigateToMiniapp

現在のミニプログラムから別のミニプログラムに移動します。

入力パラメーター

[string] appId: ミニアプリ ID。
[string] path: 移動先のページ。インデックスページに移動する場合は、このパラメーターを空にすることができます。
[object] extraData: このオブジェクトは、移動先パスの後にクエリとして解析されます。移動先ページでクエリが不要な場合は、このパラメーターを空にすることができます。

コールバックパラメーター

成功コールバックのパラメーター:

コールバックパラメーターはありません。

失敗コールバックのパラメーター:

[string] msg: エラーメッセージ。

window.WindVane.call(
  "wv",
  "navigateToMiniapp",
  {
    // ミニアプリ ID
    appId: "2123xxxxxx",
    // 移動先のページ。インデックスページに移動する場合は、このパラメーターを空にすることができます。
    path: "/product/list",
    // このオブジェクトは、移動先パスの後にクエリとして解析されます。移動先ページでクエリが不要な場合は、このパラメーターを空にすることができます。
    extraData: {
      source: "APP01"
    }
  },
  function () {
    console.log('ミニアプリを正常に開きました');
  },
  function (msg) {
    console.log('ミニアプリを開く際にエラーが発生しました', msg);
  }
);