Сквозная типобезопасность с tRPC
Добавьте tRPC в проект SvelteKit для полностью типизированного взаимодействия клиента и сервера.
«Сквозная типобезопасность с tRPC» — бесплатный урок Sveltejs Academy на CoddyKit. Это урок 4 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Sveltejs Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Sveltejs Academy содержит 4 уроков всего.
Что такое tRPC
tRPC обеспечивает полностью типизированные вызовы API без генерации кода: типы сервера напрямую передаются клиентам.
Установка
Добавьте tRPC и адаптер SvelteKit.
npm install @trpc/server @trpc/client trpc-sveltekitОпределение маршрутизаторов
Процедуры — это типизированные функции, объединённые в маршрутизаторы.
export const appRouter = router({
users: router({
list: publicProcedure.query(() => db.select().from(users))
})
});Обработчик SvelteKit
Подключите маршрутизатор по адресу /trpc/[...path]/+server.js.
Настройка клиента
Создайте типизированный клиент tRPC, который выводит типы из маршрутизатора.
export const trpc = createTRPCSvelteClient<AppRouter>();Типобезопасные вызовы
Клиент автоматически дополняет процедуры и выводит типы аргументов и возвращаемых значений.
const users = await trpc.users.list.query();Проверка данных
Используйте схемы Zod для проверки входных данных и определения типов в одном месте.
Мутации
Используйте publicProcedure.input(z.object({...})).mutation() для типизированных мутаций.
Промежуточное ПО
Добавляйте промежуточное ПО tRPC для аутентификации, журналирования или ограничения частоты запросов перед запуском процедур.
Подходит для SSR
tRPC работает с SSR SvelteKit через адаптер trpc-sveltekit.
Сравнение с REST/GraphQL
tRPC устраняет уровень схемы: клиент и сервер напрямую используют общие типы TypeScript.
Быстрая проверка
Каково основное преимущество tRPC?
Итоги
tRPC обеспечивает сквозные типобезопасные вызовы API в SvelteKit, устраняя необходимость в схемах OpenAPI или GraphQL.
Часто задаваемые вопросы
Урок «Сквозная типобезопасность с tRPC» бесплатный?
Да — полный текст урока «Сквозная типобезопасность с tRPC» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Sveltejs Academy, подпишись на CoddyKit PRO. Курс Sveltejs Academy содержит 4 уроков всего.
Чему я научусь в уроке «Сквозная типобезопасность с tRPC»?
Добавьте tRPC в проект SvelteKit для полностью типизированного взаимодействия клиента и сервера. Ты практикуешь Sveltejs Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Sveltejs Academy?
Предыдущий опыт не требуется. Sveltejs Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 4 из 4.
Сколько времени занимает урок «Сквозная типобезопасность с tRPC»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Sveltejs Academy?
Да. Каждый урок Sveltejs Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Авторизация + база данных + API: архитектура
- Drizzle ORM с SvelteKit
- Развёртывание в Vercel с базой данных
- Сквозная типобезопасность с tRPC