IM-BloomMaker IE で画面を開くと「Internet Explorer は対応していません。」と表示するアプリケーションの作成方法

この CookBook では、 IE で画面を開くとダイアログで「Internet Explorer は対応していません。」と表示するアプリケーションを作成します。
Accel Platform 2020 Summer 以降で作成できます。

作成方法

Accel Platform 2020 Summer で追加された環境変数を利用し、コンテナの「ページ読み込み時」のイベントにアクションを設定して作成していきます。

また、以下の完成サンプルをダウンロードしてご活用ください。
cookbook_189450_im_bloommaker

メッセージの設定

1. 変数タブを開き、多言語に切り替えます。
   
   
2. 新規作成し、キー名： alertMessage、標準： Internet Explorer is not supported. を設定します。
   
   
   以上でメッセージの設定は終わりです。
   次はアクションを作成します。

アクションの設定

1. アクションタブを開きます。
   
2. アクションを新規作成し、アクション名を showAlertMessage に変更します。
   
   
3. 「標準」-「メッセージ〇をアラートダイアログで表示する」を配置します。
   
4. 変数に多言語の $i18n.alertMessage を設定します。
   
   
5. 実行条件タブを開き、「変数〇が〇のとき」の実行条件を配置します。
   
   
6. 変数に環境変数の $env.clientInfo.application を設定します。
   $env.clientInfo.application を設定することで、クライアントで使用しているブラウザの種類を取得できます。
   
   
   
7. 固定値に MSIE と入力します。
   ※ IE を使用している場合、$env.clientInfo.application は MSIE という文字列を取得します。
   
   以上でアクションの設定は終わりです、アクションを保存しましょう。

イベントの設定

1. コンテナを選択をクリックします。
   
2. 「イベント」-「ページ読み込み時」に showAlertMessage を設定します。
   
   以上でイベントの設定は終わりです。デザイナを保存しましょう。

アプリケーションの実行

Chrome と IE でアプリケーションを実行してみましょう。

• Chrome
  
  Chrome ではアラートダイアログは表示されません。
• IE
  
  IE ではアラートダイアログが表示されました。