ModelRiver Angular SDK 提供基于 Observable 的服务封装,与 Angular 的依赖注入和变更检测系统无缝集成。
安装
Bash
npm install @modelriver/clientAngular 服务已包含在标准 @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 编写,并为 AIResponse、WorkflowStep 等载荷提供接口,便于端到端类型约束。
Observable 流
SDK 中所有状态都通过 Observable 暴露,例如 response$、status$、steps$、error$。这使你可以直接在模板里使用 async pipe,或者用 RxJS 进行组合。
全局配置
你可以在 AppModule 或 AppConfig 中初始化一次 ModelRiverService,让多个组件共享配置。
Angular 中的 SEO 与性能建议
- 使用 Angular Universal 做 SSR,保证基础页面可被搜索引擎抓取
- 结合
OnPush策略构建高性能 AI 界面 - 为 AI 生成内容页面维护 canonical URL,避免分享结果页时产生重复内容问题
下一步
- 客户端 SDK 总览:查看统一能力
- 请求类型:支持图像、音频等不同模式
- 安全:了解生产环境的安全建议