如何让app.html.heex在Phoenix LiveView中正确使用assigns渲染菜单

错误原因 #

你犯的核心错误是：当前LiveView的socket assigns无法跨重定向传递。登录成功后你给MyAppLive的socket添加了:user assign，但重定向到/cool_page后，这个页面对应的是全新的LiveView实例，它的socket是独立的，不会继承之前MyAppLive里的assigns，所以app.html.heex里的assigns[:user]自然为空，菜单不会显示。

对三个问题的解答 #

• 哪里操作错误？：没有将用户认证状态持久化到session中，仅存在当前LiveView的临时assigns里，重定向后新页面无法获取该状态。
• assigns不会自动更新吗？：assigns是当前LiveView实例的私有状态，只会在当前实例的生命周期内有效，不会自动跨LiveView、跨请求传递。重定向本质是发起新的请求，会创建新的LiveView连接，所以旧的assigns不会被带到新页面。
• app.html.heex的工作方式与其他文件不同吗？：本质逻辑一致，它作为布局模板，使用的是当前正在渲染的LiveView的socket assigns。只要当前页面的LiveView有:user assign，它就能正确渲染菜单；反之则不会显示。

修复步骤 #

1. 登录成功后将用户状态存入Session #

修改user_login_live.ex的handle_info函数，把用户标识（比如用户ID）存入session，这样重定向后新请求能携带该状态：

def handle_info({:login, user, :done}, socket) do
  IO.puts("Authentication succeeded for user #{inspect(user)}")

  updated_socket =
    socket
    |> put_session(:user_id, user.id)  # 将用户ID存入session
    |> redirect(to: ~p"/cool_page")

  {:noreply, updated_socket}
end

2. 用on_mount钩子统一加载用户状态 #

创建一个全局钩子，让需要显示菜单的LiveView在初始化时自动从session获取用户信息并赋值到assigns：

在你的WebInterface模块（比如lib/web_interface.ex）中添加钩子：

def on_mount(:load_user, _params, session, socket) do
  # 从session取出user_id，查询用户信息（根据你的业务逻辑调整）
  user = if user_id = session["user_id"], do: Manager.get_user(user_id), else: nil
  {:cont, assign(socket, :user, user)}
end

然后在需要显示菜单的LiveView（比如CoolPageLive）中启用这个钩子：

defmodule WebInterface.CoolPageLive do
  use WebInterface, :live_view

  on_mount WebInterface, :load_user  # 加载用户状态

  # ... 其他代码
end

3. 排除登录页面的钩子 #

登录页面不需要加载用户状态（也不需要显示菜单），所以不要在MyAppLive中添加这个钩子，保持原代码即可。

额外注意事项 #

• 不要把敏感的用户数据直接存入session，优先存用户ID，然后在钩子中查询完整信息，避免session被篡改导致安全问题。
• 如果需要更严格的认证，可以在钩子中判断用户是否存在，若不存在则重定向到登录页面，实现全局的登录校验。

内容的提问来源于stack exchange，提问作者Flame_Phoenix