Phoenix:具有相同资源的 JSON 和 HTML 表示

Ant*_*val 2 elixir ecto phoenix-framework

我开始在教程之外使用 Phoenix 作为一个小用例。到目前为止很好,但我对以下内容感到有些吃惊。

我有一个资源“录音”,我想在 JSON 中的 /api/recordings 和带有模板的 /recording 访问,结果是 HTML。

理想情况下,Ecto 表示将是唯一的,甚至控制器的一部分也将被共享?

现在我要么有 2 个资源记录 API 和记录 HTML,要么有 2 个控制器和 1 个资源。

有什么例子吗?我一直在寻找其中一个,但没有找到用于同一资源的 :api 管道和 :browser 管道。

谢谢

Jon*_*ger 5

您可以使用凤凰accepts插头和两种不同视图/布局的组合

# router.ex
defmodule TestExWeb.Router do
  use TestExWeb, :router

  pipeline :browser do
    plug :accepts, ["html"]
    plug :fetch_session
    plug :fetch_flash
    plug :protect_from_forgery
    plug :put_secure_browser_headers
  end

  pipeline :api do
    plug :accepts, ["json"]
  end

  scope "/", TestExWeb do
    pipe_through :browser

    get "/recording", PageController, :index
  end

  scope "/api", TestExWeb do
    pipe_through :api

    get "/recording", PageController, :index
  end
end
Run Code Online (Sandbox Code Playgroud)

如您所见,:browser使用:accepts ["html"]while:api使用:accepts ["json"]. 您可以在私有结构中找到conn它,并在控制器中使用它,如下所示:

defmodule TestExWeb.PageController do
  use TestExWeb, :controller

  def index(%{private: %{phoenix_format: format}} = conn, _params) do
    data = "Hello World"

    render(conn, "index.#{format}", data: data)
  end
end
Run Code Online (Sandbox Code Playgroud)

现在,你只需要告诉 phoenix 如何渲染你的 json,html 已经page.html.eex在布局中处理了,所以添加以下内容到你的page_view.ex

defmodule TestExWeb.PageView do
  use TestExWeb, :view

  def render("index.json", %{data: data}) do
    %{
      data: data
    }
  end
end
Run Code Online (Sandbox Code Playgroud)

此解决方案有两个缺点:

  • 您需要在每个控制器中使用此格式片段(也许您可以在“发送”响应后使用插件规避此问题)
  • 您正在使用凤凰的内部变量