Node-RED: 使用 HTTP 節點與 iFrame

此文件屬於入門指南指南的一部分。請在此處查看完整指南：如何開始使用 Node-RED。

👋 歡迎來到 Stackhero 文件！

Stackhero 提供即用型的 Node-RED 雲端 解決方案，帶來多項好處，包括：

• 包含 MQTT 伺服器（Mosquitto）。
• 完整訪問 Node-RED 管理界面。
• 包含 Node-RED 儀表板。
• 包含 無限制 和專用的 SMTP 電郵伺服器。
• 只需點擊即可輕鬆進行 更新。
• 使用 HTTPS 保護的 可自訂域名（例如，https://node-red.your-company.com）。
• 由 專用私有 VM 提供的最佳 性能 和強大 安全性。

節省時間 和 簡化您的生活：只需 5 分鐘 即可嘗試 Stackhero 的 Node-RED 雲端託管 解決方案！

當使用 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> 限制允許的域。