Node-RED: iFrameでHTTPノードを使用する

このドキュメントはクイックスタートガイドの一部です。完全なガイドはこちらからご覧いただけます：Node-REDの始め方。

Stackheroドキュメントへようこそ

Stackheroは、迅速にワークフローを構築できるよう設計された、完全マネージドのNode-REDクラウド環境を提供しています：

• シームレスなIoT統合のための組み込みMQTTサーバー（Mosquitto）
• フローや設定を管理できるNode-RED管理UIへのフルアクセス
• Node-RED Dashboardを標準搭載し、リアルタイムでの可視化が可能
• 送信制限なしの専用SMTPメールサーバーを含む
• インスタンスを常に最新に保つためのワンクリックアップデート
• カスタムドメイン名と自動HTTPS対応：例 https://node-red.your-company.com
• プライベートかつ専用インフラによる高いパフォーマンスと強固なセキュリティ

約5分でセキュアかつ本番運用に対応したNode-REDクラウドホスティングインスタンスを立ち上げることができます。Stackheroがセットアップ、アップデート、インフラ管理を担当するため、オートメーションの構築に集中していただけます。

iFrameを使用してHTTPノード経由でコンテンツを要求する場合、デフォルトのヘッダーX-Frame-Options: SAMEORIGINがページの表示を妨げる可能性があります。Node-REDバージョン1.2.2-0以降、このデフォルトヘッダーを上書きすることができます。

これを行うには、HTTPレスポンスノードでヘッダーX-Frame-Optionsをnullに設定します。例えば：

msg.headers = { "X-Frame-Options": null };

X-Frame-Optionsヘッダーを設定するノードの例

このフロー例をダウンロードして、Node-REDインスタンスにインポートして機能をテストできます。

また、Content-Security-Policy: frame-ancestors <source>またはX-Frame-Options: ALLOW-FROM <source>ヘッダーを使用して許可されたドメインを制限することもできます。