SvelteKit과의 통합

SvelteKit을 사용하면 서버 라우트에서 Elysia를 실행할 수 있습니다.

src/routes/[...slugs]/+server.ts를 생성합니다.
Elysia 서버를 정의합니다.
app.handle을 호출하는 fallback 함수를 내보냅니다.

typescript

// src/routes/[...slugs]/+server.ts
import { Elysia, t } from 'elysia';

const app = new Elysia()
    .get('/', 'hello SvelteKit')
    .post('/', ({ body }) => body, {
        body: t.Object({
            name: t.String()
        })
    })

interface WithRequest {
	request: Request
}

export const fallback = ({ request }: WithRequest) => app.handle(request)

Elysia 서버를 일반 SvelteKit 서버 라우트처럼 취급할 수 있습니다.

Prefix

Elysia 서버를 앱 라우터의 루트 디렉토리가 아닌 다른 곳에 배치하는 경우, Elysia 서버에 prefix를 지정해야 합니다.

예를 들어, Elysia 서버를 src/routes/api/[...slugs]/+server.ts에 배치하는 경우, Elysia 서버에 prefix를 /api로 지정해야 합니다.

typescript

// src/routes/api/[...slugs]/+server.ts
import { Elysia
, t
 } from 'elysia';

const app
 = new Elysia
({ prefix
: '/api' }) 
    .get
('/', () => 'hi')
    .post
('/', ({ body
 }) => body
, {
        body
: t
.Object
({
            name
: t
.String
()
        })
    })

type RequestHandler
 = (v
: { request
: Request }) => Response | Promise
<Response>

export const fallback
: RequestHandler
 = ({ request
 }) => app
.handle
(request
)

이렇게 하면 Elysia를 어디에 배치하든 라우팅이 제대로 작동합니다.

자세한 내용은 SvelteKit Routing을 참조하세요.

Our Sponsors

SvelteKit과의 통합 ​

Prefix ​

SvelteKit과의 통합

Prefix