Mis Documentos

Barra lateral de múltiples raíces

flex-layout

  • Getting Started

  • Guides

  • Reference

typed-rx-http

  • Getting Started

  • Guides

  • Reference

global-rx-state

  • Getting Started

  • Guides

  • Reference

webflux-fe-dev-assistant

reactive-mongo-dsl

Comenzar

Primero se explica el uso del cliente typed-rx-http Core en sí, y luego se describe cómo conectar el adaptador HTTP público de propiedad del proyecto y el servicio de generación automática de Swagger solo en los proyectos necesarios.


1. Instalación
bash
2. Uso directo del cliente principal sin generación automática

Primero, la forma más básica de uso es createHttpClient<Paths>()crear el cliente una vez y luego llamar a callApi de ese cliente. Paths es generalmente el tipo de paths generado por OpenAPI, pero también se puede usar un tipo definido directamente que sea compatible con la misma estructura.

httpClient.ts
ts
3. Selección: ¿Qué es rxjsHttpService/commonService?

Lo que se llama rxjsHttpService.ts o commonService.ts en la documentación no es un nombre de archivo fijo generado automáticamente por la biblioteca. Es un archivo de adaptador HTTP de propiedad directa del proyecto. Varios servicios REST generados automáticamente no crean cada uno un createHttpClient, sino que utilizan las funciones callApi/callApiStream/cache exportadas por este archivo como punto de entrada común.

La forma más simple es crear una vez headerStore y createHttpClient como en el código completo a continuación y volver a exportar los métodos de la biblioteca como funciones del proyecto. Si no se utiliza la función de caché en el servicio generado automáticamente, esta configuración es suficiente para entender la estructura.

rxjsHttpService.ts
ts

Para manejar de manera común la autenticación de sesión, las Cookies/Autorización por solicitud SSR, la caché CSR y la caché SSR en un proyecto real de Next.js, se puede extender como se muestra a continuación. Este archivo tampoco es un producto generado automáticamente, sino código del proyecto.

rxjsHttpService.ts
ts
4. Selección: En caso de usar el servicio de generación automática de Swagger.

Después de conectar el generador de servicios OpenAPI, no se vuelve a escribir la URL y el tipo de respuesta en la pantalla. Se importa la función generada y solo se pasan el path, params y body necesarios.

MemberSearchPage.tsx
tsx
© 2026 Byeolnaerim. Todos los derechos reservados.IntroducciónPolítica de privacidad