外部サイトへのリンク

最終更新日: 2022年3月24日
R8 | R9

メニューに「外部サイトへ」という大項目(タブ)を用意し、その中に任意の外部サイトへのリンクを用意した例を示します。

外部リンクをメニューに用意する

メニューをクリックすると、指定したURLへ画面遷移します。

リンクのクリックで画面遷移する

定義方法

タブの作成

ここでは、はじめに「外部リンク」というタブを用意してみます。(なお、タブの作成は必須ではありません。外部リンクは任意のタブに配置することができます。)

タブを作成する
タブが作成された

外部リンクの作成

  1. 「ボタン設定 > 外部リンクボタン追加」を押下します。
    外部リンクボタン追加
  2. 外部リンクを設定するダイアログが開きます。
    ラベルとURLを設定します。「別画面で表示する」を有効にすることもできます。有効にすると、大半のブラウザでは別タブでリンクを開きます。
    「モバイルメニューに表示する」を有効にすると、モバイル版アプリケーションでも外部リンクが表示されるようになります。(後述)
    外部リンク設定ダイアログ
  3. 他のメニューと同様のボタンが用意されます。
    外部リンクのためのボタン

設定内容を変更する

作成したメニューボタンをダブルクリックすると、再び設定ダイアログが開きます。

文字の色やボタンの背景色を変更することもできます。

文字色やボタン背景色の設定

モバイル版で外部リンクを設定する9.1.1

モバイル版アプリケーションに外部リンクを設定できます。

モバイル版に外部リンクを表示する

定義方法

モバイル版アプリケーションで外部リンクを表示するには、設定の「モバイルメニューに表示する」および「別画面で表示する」を両方とも有効にします。

モバイルメニューに表示する

注意

  • 「別画面で表示する」にチェックを入れていない場合、正しく動作しません。必ず有効にしてください。
  • 「モバイルメニューに表示する」を有効にした場合、PC版では表示されません。
    両方に表示したい場合は、PC用とモバイル用でそれぞれ用意してください。

Wagbyのユーザアカウントをリンクに埋め込む

URL 部に「${username}」と記述することができます。実際のメニューリンクでは、当該部分がログオンIDに置換されます。

http://ANOTHER_WEBSITE_URL/index.html?user=${username}

受け側の Web アプリケーションでは、Wagby のアカウントを受け取って処理するようにしてください。

権限によってリンクの表示を制御する

各外部リンクに、権限(プリンシパル)を指定することができます。
この権限を持つアカウントのみ、メニューに表示されるようになります。

定義方法

  1. 環境タブの権限から、プリンシパルを作成します。
    プリンシパルの作成
  2. 外部リンク設定ダイアログの「権限」欄に、このリンクを有効とするためのプリンシパル名を指定します。
    プリンシパルの設定

実行

ビルド後のアプリケーションでは、プリンシパルが追加されています。

アカウントへのプリンシパル追加

外部サイトではなくWagby内部の任意の画面を開く

外部サイトではなく、Wagbyアプリケーション内の特定のモデルの画面へ遷移するためのリンクを用意することもできます。URLを次のように指定します。

/<プロジェクト識別子>/アクション名

プロジェクト識別子は標準では "wagby" です。プロジェクト識別子を空白とした場合は "/アクション名" のみとなります。

アクション名はモデルと画面の組み合わせから構成される文字列です。アドレスバー(URL)の一部になります。

例:モデル model1 の検索画面へ遷移する

次のような URL を指定します。

/wagby/showListModel1.do

URLに、遷移先画面へ渡すパラメータやイベント名を加えることもできます。[詳細...]