外部 Web サイトでの InTouch アプリケーション グラフィックのホスティング

InTouch WindowMaker でグラフィックを設定し、グラフィックへのダイレクト URL を使用して外部 Web サイトでグラフィックをホストすることができます。

1. 産業用グラフィック ツールボックスを使用してシンボルを作成します。

2. Web Client でシンボルをテストします。

3. 外部 Web サイトで HTML <iframe> タグを作成します。

4. URL 属性には http://<hostname>/InTouch/?iframe=true&symbol=<graphicname> または http://<IPAddress>/InTouch/?iframe=true&symbol=<graphicname>
   へのリンクを含めます。ここで、<hostname> または <IPAddress> は、アプリケーションがパブリッシュまたは配置されているマシンを表し、<graphicname> は表示するグラフィックの名前を表します。

5. 英語以外の言語でシンボルを表示する場合、URL の形式は異なります。たとえば、フランス語の URL は以下のようになります。
   http://<hostname>/InTouch/?localeid=1036&iframe=true&symbol=<graphicname>

   ランタイム時の言語変更が可能な新しいバージョンの Web Client では URL の形式が変更されます。最新バージョンの Web Client にアップグレードすると、以前の URL 形式では英語以外の言語向けに設定されたシンボルは表示されません。

6. アプリケーションをパブリッシュまたは配置します。

7. アプリケーションを InTouch WindowViewer で実行します。InTouch タグからライブ データを受信するには、WindowViewer が実行している必要があります。

構文:

<iframe src="http://localhost/InTouch/?iframe=true&symbol=YourGraphicName"></iframe>

または

<iframe src="http://NodeName/InTouch/?iframe=true&symbol=YourGraphicName"></iframe>

例: ローカル マシンの Web Client アプリケーションに格納されているシンボル ClockAnalogWall を例に説明します。

<iframe src="http://localhost/InTouch/?iframe=true&symbol=ClockAnalogWall"></iframe>

<iframe src="http://localhost/InTouch/?localeid=1036&iframe=true&symbol=ClockAnalogWall"></iframe>

URL を使用してシンボルに直接アクセスする場合、同じ InTouch Web Client のセキュリティとライセンスが適用されます。InTouch Web Client のエラー メッセージと同様に、該当するエラー メッセージが <iframe> セクションに返されます。

注記: Google Chrome 80 以降のバージョンでのポリシーの変更により、http プロトコルを使用する場合、<iframe> タグ内に配置されたグラフィックは表示されません。http プロトコルを使用してグラフィックを表示するには、chrome://flags にアクセスして以下の cookie 設定を無効にします。
- SameSite by default cookies
- Enable removing SameSite=None cookies
- Cookies without SameSite must be secure
詳細については、https://www.chromestatus.com/feature/5633521622188032 を参照してください。セキュリティの問題を防止するために、Web Client では https プロトコルを使用することが推奨されます。