Angular 客户端 SDK

ModelRiver Angular SDK 提供基于 Observable 的服务封装,与 Angular 的依赖注入和变更检测系统无缝集成。

安装

Bash
npm install @modelriver/client

Angular 服务已包含在标准 @modelriver/client 分发包中。

配置与使用

1. 提供服务

你可以在组件级或模块级提供 ModelRiverService

TYPESCRIPT
1import { Component } from '@angular/core';
2import { ModelRiverService } from '@modelriver/client/angular';

2. 初始化并连接

在构造函数中调用 init() 设置 baseUrl,再通过你的后端获取 ws_token 并执行 connect()

面向企业 Angular 应用的特性

类型安全

Angular SDK 使用 TypeScript 编写,并为 AIResponseWorkflowStep 等载荷提供接口,便于端到端类型约束。

Observable 流

SDK 中所有状态都通过 Observable 暴露,例如 response$status$steps$error$。这使你可以直接在模板里使用 async pipe,或者用 RxJS 进行组合。

全局配置

你可以在 AppModuleAppConfig 中初始化一次 ModelRiverService,让多个组件共享配置。

Angular 中的 SEO 与性能建议

  1. 使用 Angular Universal 做 SSR,保证基础页面可被搜索引擎抓取
  2. 结合 OnPush 策略构建高性能 AI 界面
  3. 为 AI 生成内容页面维护 canonical URL,避免分享结果页时产生重复内容问题

下一步