Ruby on rails 4 应用程序在 iframe 中不起作用

Question

如何通过 iframe 将我的 rails 应用程序嵌入到另一个网站？

它适用于 RoR 3，但不适用于 RoR 4：

<iframe src="http://myrailsapp.com/" width="100%" height="50" id="rails_iframe">error!</iframe>

我尝试在我的控制器中使用verify_authenticity_token 和protect_from_forgery 选项...似乎是别的东西（但我不确定）。

更新。例子： http://jsfiddle.net/zP329/

Answer 1

更新：似乎 ALLOW-FROM 和 ALLOWALL 当前都是无效的“X-Frame-Options”标头值。仅有的两个有效的是 DENY 和 SAMEORIGIN，它们都不允许从其他来源访问。请参阅 MDN 文档：https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options。

看来response.headers.delete "X-Frame-Options" 是现在启用在另一个网站的 iframe 中显示内容的唯一方法。但是，如果有人知道我不知道的任何知识，我很乐意得到证明。

Answer 2

我正在使用 Rails 6 和 Chromium 76。以前使用 X-Frame-Options 的解决方案不起作用。但是我注意到，当我们使用 JS 附加在线 iframe 时，它​​的效果非常好。所以，在我看来，我只是做了这个简单的解决方案：

<div id='iframe_wrapper' 'data-iframe-content'='<iframe src="https://host.com/"></iframe>'>
</div>

...并像这样添加 JS 代码：

$(document).ready(function() {
  var wrapper = $('#iframe_wrapper')[0]
  wrapper.innerHTML = wrapper.attributes['data-iframe-content'].value
})

Answer 3

Rails 4 added 默认X-Frame-Options HTTP 标头值为SAMEORIGIN。这有利于安全性，但是当您确实希望在 iframe 中调用您的 action，您可以这样做：

---

允许所有来源：

class MyController < ApplicationController
  def iframe_action
    response.headers.delete "X-Frame-Options"
    render_something
  end
end

允许特定来源：

class MyController < ApplicationController
  def iframe_action
    response.headers["X-FRAME-OPTIONS"] = "ALLOW-FROM http://some-origin.com"
    render_something
  end
end

---

使用 :after_filter

当您需要在iframe 中使用多个action 时，最好创建一个方法并使用:after_filter 调用它：

class ApplicationController < ActionController::Base

  private
  def allow_iframe
    response.headers.delete "X-Frame-Options"
  end
end

像这样在你的控制器中使用它：

class MyController < ApplicationController
  after_filter :allow_iframe, only: [:basic_embed, :awesome_embed]

  def basic_embed
      render_something
  end

  def awesome_embed
      render_something
  end

  # Other Actions...
end

---

通过：Rails 4: let specific actions be embedded as iframes

Answer 4

这与 Rails 4 默认启用额外的安全协议有关：http://weblog.rubyonrails.org/2013/2/25/Rails-4-0-beta1/

在远程站点上破坏 iFrame 的设置是 X-Frame-Options。默认设置为 SAMEORIGIN，防止跨域加载内容：

config.action_dispatch.default_headers = {
    'X-Frame-Options' => 'SAMEORIGIN'
}

您可以在此处了解新的默认标头： http://edgeguides.rubyonrails.org/security.html#default-headers

为了允许 iFrame 跨域工作，您可以更改默认标头以允许 X-Frame 跨域。

config.action_dispatch.default_headers = {
    'X-Frame-Options' => 'ALLOWALL'
}