액션 API 참조

Added in: astro@4.15.0

액션을 사용하면 클라이언트 코드 및 HTML 양식에서 호출할 수 있는 타입 안정성을 갖춘 백엔드를 구축할 수 있습니다. 액션을 정의하고 호출하는 모든 유틸리티는 astro:actions 모듈에 의해 노출됩니다. 예시 및 사용 지침은 액션 가이드를 참조하세요.

`astro:actions`에서 가져오기

import {
  actions,
  defineAction,
  isInputError,
  ActionError,
 } from 'astro:actions';

`defineAction()`

Added in: astro@4.15.0

defineAction() 유틸리티는 src/actions/index.ts 파일에서 새 액션을 정의하는 데 사용됩니다. 이 함수는 실행할 서버 로직이 포함된 handler() 함수와 런타임에 입력 매개변수를 검사하는 선택적인 input 속성을 받습니다.

import { defineAction } from 'astro:actions';
import { z } from 'astro:schema';

export const server = {
  getGreeting: defineAction({
    input: z.object({
      name: z.string(),
    }),
    handler: async (input, context) => {
      return `Hello, ${input.name}!`
    }
  })
}

`handler()` 속성

Type: (input, context) => any

defineAction()에는 액션이 호출될 때 실행할 서버 로직이 포함된 handler() 함수가 필요합니다. 핸들러에서 반환된 데이터는 자동으로 직렬화되어 호출자에게 전송됩니다.

handler()는 사용자 입력을 첫 번째 인수로 받아 호출됩니다. input 유효성 검사기가 설정되어 있으면 사용자 입력은 핸들러로 전달되기 전에 유효성이 검사됩니다. 두 번째 인수는 getActionResult(), callAction() 및 redirect()를 제외한 대부분의 Astro 표준 엔드포인트 컨텍스트를 포함하는 context 객체입니다.

반환 값은 devalue 라이브러리를 사용하여 구문 분석됩니다. 이 라이브러리는 Date(), Map(), Set(), URL()의 인스턴스와 JSON 값을 지원합니다.

`input` 유효성 검사기

Type: ZodType | undefined

선택적 input 속성은 런타임에 핸들러 입력의 유효성을 검사하기 위해 Zod 유효성 검사기를 전달받습니다. 액션이 유효성 검사에 실패하면 BAD_REQUEST 오류가 반환되고 handler가 호출되지 않습니다.

input을 생략하면 handler는 JSON 요청의 경우 unknown 타입의 입력을, 양식 요청의 경우 FormData 타입의 입력을 받습니다.

`accept: 'form'`과 함께 사용

액션이 양식 입력을 전달받는 경우 z.object() 유효성 검사기를 사용하여 양식 데이터를 타입이 정해진 객체로 자동 구문 분석합니다. 양식 데이터 필드에 지원되는 유효성 검사기는 다음과 같습니다:

number 유형의 입력은 z.number()를 사용하여 검증할 수 있습니다.
checkbox 유형의 입력은 z.boolean()을 사용하여 검증할 수 있습니다.
file 유형의 입력은 z.instanceof(File)을 사용하여 검증할 수 있습니다.
동일한 name의 여러 입력은 z.array(/* validator */)를 사용하여 검증할 수 있습니다.
다른 모든 입력은 z.string()을 사용하여 검증할 수 있습니다.

.refine(), .transform(), .pipe()를 포함한 확장 함수도 z.object() 유효성 검사기에서 지원됩니다.

서로 다른 유효성 검사기의 조합을 적용하려면 z.discriminatedUnion() 래퍼를 사용하여 특정 양식 필드를 기준으로 타입을 좁히세요. 이 예시는 사용자 “생성” 또는 “업데이트” 중 하나로 양식 제출을 처리하며, type이라는 이름의 양식 필드를 사용하여 어떤 객체에 대해 유효성 검사를 수행할지 결정합니다.

import { defineAction } from 'astro:actions';
import { z } from 'astro:schema';

export const server = {
  changeUser: defineAction({
    accept: 'form',
    input: z.discriminatedUnion('type', [
      z.object({
        // `type` 필드에 `create` 값이 있을 때 일치합니다.
        type: z.literal('create'),
        name: z.string(),
        email: z.string().email(),
      }),
      z.object({
        // `type` 필드에 `update` 값이 있을 때 일치합니다.
        type: z.literal('update'),
        id: z.number(),
        name: z.string(),
        email: z.string().email(),
      }),
    ]),
    async handler(input) {
      if (input.type === 'create') {
        // input은 { type: 'create', name: string, email: string }
      } else {
        // input은 { type: 'update', id: number, name: string, email: string }
      }
    },
  }),
};

`isInputError()`

Type: (error?: unknown | ActionError) => boolean

Added in: astro@4.15.0

isInputError() 유틸리티는 ActionError가 입력 유효성 검사 오류인지 확인하는 데 사용됩니다. input 유효성 검사기가 z.object()인 경우 입력 오류에는 이름별로 그룹화된 오류 메시지가 있는 fields 객체가 포함됩니다.

양식 입력 오류 가이드에서 isInputError() 사용에 대한 자세한 내용을 참조하세요.

`ActionError`

Added in: astro@4.15.0

액션 handler가 던지는 오류를 생성하는 데 ActionError() 생성자가 사용됩니다. 이는 발생한 오류 (예: "UNAUTHORIZED")를 설명하는 code 속성과 추가 세부정보가 포함된 선택적 message 속성을 허용합니다.

`code`

Added in: astro@4.15.0

code 속성은 모든 HTTP 상태 코드의 사람이 읽을 수 있는 버전을 허용합니다. 지원되는 코드는 다음과 같습니다:

BAD_REQUEST (400): 클라이언트가 잘못된 입력을 보냈습니다. 이 오류는 액션 input 유효성 검사기가 유효성 검사에 실패할 때 발생합니다.
UNAUTHORIZED (401): 클라이언트에 유효한 인증 자격 증명이 없습니다.
FORBIDDEN (403): 클라이언트가 리소스에 액세스할 수 있는 권한이 없습니다.
NOT_FOUND (404): 서버가 요청된 리소스를 찾을 수 없습니다.
METHOD_NOT_SUPPORTED (405): 서버가 요청된 메서드를 지원하지 않습니다.
TIMEOUT (408): 서버가 요청을 처리하는 동안 시간 초과가 발생했습니다.
CONFLICT (409): 충돌로 인해 서버에서 리소스를 업데이트할 수 없습니다.
PRECONDITION_FAILED (412): 서버가 요청의 전제 조건을 충족하지 않습니다.
PAYLOAD_TOO_LARGE (413): 페이로드가 너무 커서 서버가 요청을 처리할 수 없습니다.
UNSUPPORTED_MEDIA_TYPE (415): 서버가 요청의 미디어 유형을 지원하지 않습니다. 참고: 액션은 이미 JSON 및 양식 요청에 대해 Content-Type 헤더를 확인하므로 이 코드를 수동으로 사용할 필요가 없을 것입니다.
UNPROCESSABLE_CONTENT (422): 시멘틱 오류로 인해 서버가 요청을 처리할 수 없습니다.
TOO_MANY_REQUESTS (429): 서버가 지정된 속도 제한을 초과했습니다.
CLIENT_CLOSED_REQUEST (499): 서버가 응답하기 전에 클라이언트가 요청을 종료했습니다.
INTERNAL_SERVER_ERROR (500): 서버가 예기치 않게 실패했습니다.
NOT_IMPLEMENTED (501): 서버가 요청된 기능을 지원하지 않습니다.
BAD_GATEWAY (502): 서버가 업스트림 서버로부터 잘못된 응답을 받았습니다.
SERVICE_UNAVAILABLE (503): 서버를 일시적으로 사용할 수 없습니다.
GATEWAY_TIMEOUT (504): 서버가 업스트림 서버로부터 시간 초과를 받았습니다.

`message`

Added in: astro@4.15.0

message 속성은 문자열을 받습니다. (예: “사용자는 로그인해야 합니다.“)

기여하기

커뮤니티

액션 API 참조

`astro:actions`에서 가져오기

`defineAction()`

`handler()` 속성

`input` 유효성 검사기

`accept: 'form'`과 함께 사용

`isInputError()`

`ActionError`

`code`

`message`

여러분의 생각을 들려주세요!

GitHub Issue 생성

의견 보내기

의견 보내기

액션 API 참조

astro:actions에서 가져오기

defineAction()

handler() 속성

input 유효성 검사기

accept: 'form'과 함께 사용

isInputError()

ActionError

code

message

`astro:actions`에서 가져오기

`defineAction()`

`handler()` 속성

`input` 유효성 검사기

`accept: 'form'`과 함께 사용

`isInputError()`

`ActionError`

`code`

`message`