Skip to main content
Version: Next

Agents

Agents 和 Angular 的 Services 相似（但没有依赖注入），给 Yew 提供了 Actor 模型。Agents 可以用于在组件之间路由消息，而与它们在组件层次结构中的位置无关，或者可以用于协调全局状态，或者可以用于从主 UI 线程上卸载计算密集型任务，或者在不同的标签页间通信（在未来）。

Agents 使用 web-workers 同时运行来实现并发。

生命周期​

Agent lifecycle

Agents 的类型​

Reaches​

  • Job - 在 UI 线程上为每个新的 Bridge 生成一个新的 Agent。这对于将与浏览器通信的共享但独立的行为移出组件是很有用的。（待验证）任务完成后，Agent 将消失。
  • Context - Bridges 将生成或连接到 UI 线程上的 agent。这可用于在组件和其它 Agents 之间协调状态。当没有 Bridge 连接到该 Agent 时，Agent 将消失。
  • Private - 与 Job 相同，但运行在自己的 web worker 中。
  • Public - 与 Context 相同，但运行在自己的 web worker 中。
  • Global (WIP)

Agent 通信​

Bridges​

Bridges 将连接到一个 Agent 并且允许双向通信。

Dispatchers​

Dispatchers 和 Bridges 类似，但是他们只能发送消息给 Agents。

开销​

Agents 通过使用二进制码 bincode 序列化其消息来进行通信。因此，存在比仅调用函数相比更高的性能消耗。除非计算成本或者在任意组件间协调的需求超过消息传递的成本，否则你应该尽可能地在函数中包含你的应用逻辑。

Further reading​

  • The web_worker_fib example shows how components can use agents to communicate with each other.