@rxliuli/vista 소개: 미들웨어를 지원하는 Fetch 및 XHR용 통합 요청 인터셉터 라이브러리입니다.

@rxliuli/vista는 Fetch/XHR 요청의 통합 가로채기를 지원하는 강력한 동종 요청 가로채기 라이브러리입니다. 이를 통해 요청 라이프사이클의 다양한 단계에 개입할 수 있어 요청 모니터링, 수정, 모킹 등 다양한 기능이 가능해집니다.

형질

• ? Fetch 및 XHR 요청 차단을 모두 지원합니다
• ? 유연하고 확장하기 쉬운 미들웨어 패턴을 사용하세요
• ? 요청 전후 개입 지원
• ? 수정 가능한 요청 및 응답 데이터
• ? 의존성 제로, 컴팩트한 사이즈
• ? 브라우저 환경만 지원

설치

npm install @rxliuli/vista
# Or
yarn add @rxliuli/vista
# Or
pnpm add @rxliuli/vista

기본 사용법

import { Vista } from '@rxliuli/vista'

new Vista()
  .use(async (c, next) => {
    console.log('Request started:', c.req.url)
    await next()
  })
  .use(async (c, next) => {
    await next()
    console.log('Response data:', await c.res.clone().text())
  })
  .intercept()

고급 사용 사례

전역 요청 헤더 추가

new Vista()
  .use(async (c, next) => {
    c.req.headers.set('Authorization', 'Bearer token')
    await next()
  })
  .intercept()

요청 결과 캐시

const cache = new Map()

new Vista()
  .use(async (c, next) => {
    const key = c.req.url
    if (cache.has(key)) {
      c.res = cache.get(key).clone()
      return
    }
    await next()
    cache.set(key, c.res.clone())
  })
  .intercept()

요청이 실패했습니다. 다시 시도해 주세요.

new Vista()
  .use(async (c, next) => {
    const maxRetries = 3
    let retries = 0

    while (retries < maxRetries) {
      try {
        await next()
        break
      } catch (err) {
        retries++
        if (retries === maxRetries) throw err
      }
    }
  })
  .intercept()

동적 수정 응답

new Vista()
  .use(async (c, next) => {
    await next()
    if (c.req.url === 'https://example.com/example') {
      const json = await c.res.json()
      json.id = 2
      c.res = new Response(JSON.stringify(json), c.res)
    }
  })
  .intercept()

API 참조

비스타 클래스

다음 메소드를 제공하는 기본 인터셉터 클래스:

• 사용(미들웨어): 미들웨어 추가
• Intercept(): 요청 차단 시작
• destroy(): 요청 가로채기 중지

미들웨어 컨텍스트

미들웨어 기능은 두 가지 매개변수를 받습니다:

• context: 요청 및 응답 정보를 포함합니다.
  • req: 요청 객체 res: 응답 객체
  • 유형: 요청 유형, 가져오기 또는 xhr
• next: 다음 미들웨어 또는 원래 요청의 기능을 호출합니다

FAQ

1. 감청을 중지하는 방법은 무엇입니까?

   const vista = new Vista()
   vista.intercept()
   // When not needed
   vista.destroy()

1. 비동기 작업을 지원하나요?
   예, 미들웨어는 async/await 구문을 지원합니다.

2. Node.js에서 요청 차단을 지원하나요?

아니요, 브라우저에서의 요청 차단만 지원합니다.

감사해요

• xhook: xhr 차단을 구현하는 라이브러리로 일부 기능 구현에 도움이 됩니다.
• hono: API에서 많은 영감을 주는 탁월한 웹 서버 프레임워크입니다.

기여 지침

이슈 및 풀 요청 제출을 환영합니다!

특허

MIT 라이센스

사용해보고 경험을 알려주세요. 오류나 기능에 대한 피드백을 환영합니다.

위 내용은 @rxliuli/vista 소개: 미들웨어를 지원하는 Fetch 및 XHR용 통합 요청 인터셉터 라이브러리입니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!