异步操作和用户体验

问题描述 投票:0回答:0

问题

  • 有时用户执行的某些操作是异步的。这意味着后端无法在同一请求中响应成功或异常。
  • 目前,我们仅在异步过程完成后才会反映更改
  • 但从用户的角度来看,他采取了行动,但并没有反映在应用程序中。尽管最终它会发生。感觉像是一个问题或错误。
  • 通常,当我们进行一些第三方交互时,就会发生这种异步操作。我们需要调用 API 并等待响应。
  • 如何给用户即时反馈
  • 我们如何处理异常情况?

示例用例

  • 直接交付应用程序,我们与第三方集成来管理菜单列表。
  • 作为商店经理我需要更新菜单项。
  • 通过管理用户界面进行更改
  • 保存更改后,管理员将调用我们的后端,后端将在内部进行大量的 api 调用以反映第 3 方菜单中的更改。

解决方案

  • 立即更新数据库中的状态 - 如果更改未能反映在第 3 方 API 上,则恢复到旧状态。在 UI 中将其显示为正在进行更改的通知。如果失败,请在通知中显示状态。
  • 创建状态列 - 因为每个菜单项都在更新。我们可以添加一个状态列,显示项目相对于第 3 方的状态。像 has_changes、同步、异常等

需要一种对用户来说简单且易于实施的方法

reactjs api user-interface asynchronous
© www.soinside.com 2019 - 2024. All rights reserved.