Деплой с Void

Источник: Cloudflare Blog•

Деплой с Void

Представляем Void: открытый SDK, CLI и саморазворачиваемую платформу для создания полностековых Vite-приложений и их деплоя в Cloudflare.

Инструменты VoidZero, такие как Vite, Vitest, Oxc и Rolldown, объединенные в единый стек инструментов в виде Vite+, сделали фронтенд-разработку быстрее, но создание полнофункциональных приложений требует большего, чем просто стек инструментов. Таким приложениям необходимы серверные маршруты, базы данных, среды локальной разработки, а также быстрый и простой способ деплоя идей в продакшн.

Мы рады представить три новых продукта с открытым исходным кодом, которые переносят серверную маршрутизацию, типизированный доступ к данным и деплой на Cloudflare в единый рабочий процесс Vite.

  • Void Platform: общая платформа деплоя для команд для хостинга приложений Void на Cloudflare.
  • Void SDK: компонуемый JavaScript SDK для создания полнофункциональных приложений с помощью Vite.
  • Void CLI: CLI для подготовки ресурсов и деплоя приложений Vite на Cloudflare.

CLI выполняет деплой приложений, созданных с помощью SDK, на Платформу. Все три продукта имеют открытый исходный код и поставляются в виде единого пакета JavaScript и плагина Vite, который вы можете установить с помощью npm install void. С помощью Void вы можете создавать сервер и клиент вместе, передавать типы из базы данных в пользовательский интерфейс и позволить Void автоматически подготавливать ресурсы Cloudflare, которые использует ваше приложение.

Изначально мы планировали создать единую закрытую платформу, на которой все пользователи могли бы развертывать приложения. После того как VoidZero присоединилась к Cloudflare, мы скорректировали направление, чтобы открыть исходный код платформы и позволить любому установить ее, поскольку мы увидели растущую потребность: компании хотят поощрять внутренние приложения, созданные с помощью нейросетей, но беспокоятся о безопасности и не хотят предоставлять доступ к облаку каждому сотруднику. Void решает эту проблему.

Void Platform: облачная платформа для вашей компании

Платформа Void Platform полностью имеет открытый исходный код, и вы можете сделать ее форк и адаптировать под свои нужды, интегрировав системные компоненты вашей компании, настроив рабочие процессы деплоя, создав функции для клиентов или обеспечив ее работу на других платформах деплоя. Используйте платформу как есть, вносите улучшения в исходный репозиторий или сделайте форк и создайте только те функции, которые вам нужны. Код с открытым исходным кодом можно использовать сразу «из коробки» или в качестве отправной точки.

Как администратор Void Platform, вы контролируете доступ, устанавливаете лимиты ресурсов, проверяете деплои и использование через Void CLI или панель управления администратора, а также предоставляете ограничения безопасности, чтобы все остальные могли выпускать полноценные приложения, созданные как разработчиками, так и с помощью ИИ, на ту же общую платформу.

Установив Void Platform, ваша команда или клиенты получат общую среду деплоя в вашей учетной записи Cloudflare поверх Workers for Platforms. Void Platform обеспечивает:

  • Более быстрое прототипирование. Ваша команда может быстро создавать прототипы, развертывать их и делиться работающими приложениями для получения отзывов, не настраивая отдельную учетную запись Cloudflare и не подготавливая ресурсы для каждого проекта. Это сокращает время выпуска внутренних приложений с дней и недель до минут.
  • Создание приложений нетехническими командами. Этот рабочий процесс также позволяет коллегам, которые обычно не пишут код, работать с агентами кодирования для создания и совместного использования собственных приложений. Дизайнер может создать интерактивный прототип, а сотрудник операционного отдела — внутреннюю панель управления, а затем развернуть ее на той же платформе. И все это при соблюдении надлежащих мер безопасности.

Для самостоятельного хостинга платформы Void вам понадобятся:

  • Учетная запись Cloudflare с включенными Workers for Platforms и R2
  • База данных PostgreSQL
  • Учетная запись у выбранного вами провайдера авторизации
  • Домен для ваших приложений

Затем установите Void в качестве облачной платформы, выполнив одну команду:

После настройки платформы одобренные пользователи смогут подключаться к ней через Void CLI для деплоя.

Пользователь создает свое приложение с помощью Void SDK, который обеспечивает такие преимущества Void Platform, как аутентификация, определение фреймворка, подготовка ресурсов и многое другое. Другими словами, Void Platform работает только благодаря сопутствующим SDK и CLI.

Void SDK: инфраструктура с нулевой конфигурацией

Void превращает приложение Vite в полноценное приложение Cloudflare Workers. Вы или ваши агенты можете писать код, а Void автоматически определит привязки ресурсов и подготовит такие ресурсы, как базы данных, очереди или привязки ИИ во время деплоя.

Для начала добавьте Void в качестве плагина Vite:

Void SDK поставляется с адаптерами для популярных UI-фреймворков JavaScript, таких как React и Vue, обеспечивает файловую маршрутизацию API, предварительный рендеринг, кэширование, островки (islands) и сквозную безопасность типов от базы данных до пользовательского интерфейса.

Все функции Void являются необязательными и компонуемыми. Void интегрируется с существующими фреймворками приложений, такими как Vinext, React Router, SvelteKit, Nuxt, TanStack Start и Astro. Вы можете использовать эти фреймворки для маршрутизации и рендеринга, в то время как Void обрабатывает API ресурсов с помощью Hono, миграции, деплой и аутентификацию с помощью Better Auth.

Давайте посмотрим на создание страницы с серверным рендерингом и типами, выводимыми из запроса к базе данных на стороне клиента:

Импортируя void/db, Void предоставляет локальную базу данных вашему приложению во время разработки и заставляет void deploy автоматически подготавливать D1 для вас в продакшне. Это также работает для использования ИИ через AI Gateway от Cloudflare: просто импортировав void/ai, все настраивается для вас автоматически.

Роутер React в Void создан для Async React, используя переходы (transitions) и Suspense для обеспечения отзывчивой навигации между экранами. Когда вы объединяете этот роутер с современным фреймворком данных, таким как fate, и библиотеками пользовательского интерфейса, такими как Astryx, вы можете координировать навигацию, получение данных и мутации с помощью переходов React, а также действия и оптимистичные обновления во всем вашем приложении. Вместе эти элементы позволяют создавать приложения, которые кажутся синхронными в быстрых сетях, изящно возвращаются к исходному состоянию в более медленных и сохраняют отзывчивость взаимодействия во время ресурсоемких обновлений рендеринга.

Если пользователю не нужны функции управления командой Void Platform, он может использовать собственную учетную запись Cloudflare. Void SDK также выполняет деплой на Cloudflare напрямую.

Void CLI: одна команда для деплоя

Void CLI — это основной интерфейс для Void. CLI управляет платформой и развертывает приложение. Он создан на базе нового cf CLI и отлично работает с агентами.

С помощью Void CLI вы можете попросить своего агента отладить неудачные запросы, прочитать логи деплоя, проанализировать производительность вашего приложения или поручить ему управление всем жизненным циклом путем деплоя готового приложения за вас.

Как только ваше приложение будет готово к деплою на Cloudflare, вы можете запустить:

При первом запуске void deploy CLI предложит вам войти в свою учетную запись Cloudflare. Void собирает ваше приложение с помощью Vite, применяет миграции, автоматически подготавливает ресурсы и развертывает его на Cloudflare или Void Platform. Его можно использовать для управления всем жизненным циклом вашего проекта, таким как сборка, деплой и управление вашими ресурсами и проектами, например:

Подобно тому, как CLI и агент как его продолжение могут управлять всем жизненным циклом приложения Void, вы также можете использовать CLI для управления платформой Void Platform:

  • Управление пользователями, доступом к проектам и ресурсами
  • Просмотр деплоев, логов и отката изменений
  • Мониторинг работоспособности и использования платформы

Свяжитесь с нами

Миссия VoidZero — сделать работу разработчиков на JavaScript более продуктивной, чем когда-либо прежде. Мы объединили Vite, Rolldown, Oxlint, Oxfmt и Vitest в для разработки, сборки, контроля качества кода и тестирования. Void расширяет этот стек до разработки полностековых приложений, позволяя вам и вашим агентам создавать, тестировать и развертывать целые приложения.

Мы используем Void SDK, CLI и Platform в продакшене в VoidZero последние несколько месяцев и с нетерпением ждем возможности увидеть, что вы создадите с помощью Void. Пожалуйста, поделитесь с нами своими отзывами:

О чём эта статья

Ещё в разделе «Облака и инфраструктура»

Все →

Ещё от Cloudflare