Как подключить Cloudflare

Поддержка ремиксов с полным стеком Cloudflare Pages

Мы объявили об открытой бета-версии полного стека Cloudflare Pages в ноябре, и с тех пор получили широкое признание разработчиков, стремящихся добавить динамическую функциональность в свои приложения. Сегодня мы рады объявить о поддержке Pages для приложений Remix на нашей платформе полного стека.

Новый ребенок в блоке: Ремикс

Remix — это новый фреймворк, ориентированный на полное использование возможностей Интернета. Как и Cloudflare Workers, он использует современные API-интерфейсы JavaScript и уделяет особое внимание основам Интернета, таким как значимые коды состояния HTTP, кэширование и оптимизация как для удобства использования, так и для производительности. Одной из важнейших особенностей Remix является его переносимость: Remix предоставляет платформенно-независимый интерфейс и адаптеры, позволяющие развертывать его среди растущего числа поставщиков. Cloudflare Workers была доступна при запуске Remix, но то, что отличает Workers в этом случае, — это встроенная совместимость, которую могут предложить Workers.

Одним из основных источников вдохновения для Remix было то, как Cloudflare Workers используют собственные веб-API для обработки HTTP-запросов и ответов. Это блестящее решение, потому что разработчики могут повторно использовать на сервере знания, полученные при создании приложений в браузере! Remix изначально работает на Cloudflare Workers, и результаты, которые мы видели до сих пор, просто фантастические. Мы невероятно взволнованы потенциалом, который Cloudflare Workers and Pages раскрывает для создания приложений, работающих на периферии!
Майкл Джексон, Генеральный директор Remix

Эта встроенная совместимость означает, что, когда вы учитесь писать приложения в Remix, вы также учитесь писать Cloudflare Workers (и наоборот). Но это также означает лучшую производительность! Вместо того, чтобы запускать процесс Node.js на сервере, который может находиться далеко от ваших пользователей, может быть перегружен в случае высокого трафика и должен сопоставляться между средой выполнения Node.js и современным Fetch API, вы можете развернуть в сети Cloudflare, и запросы будут перенаправлены в любое из наших 250+ местоположений. Это означает лучшую производительность для ваших пользователей: 95% всего мира, подключенного к Интернету, находится в пределах 50 мс от присутствия Cloudflare, а 80% мира, подключенного к Интернету, находится в пределах 20 мс.

Интеграция с Cloudflare

Чаще всего приложениям с полным стеком требуется место для хранения данных. Cloudflare предлагает здесь три всеобъемлющих варианта:

Remix уже тесно интегрируется с KV для хранения сессий, а интеграция с Durable Objects находится в стадии разработки. Кроме того, другие функции Cloudflare, такие как определение местоположения входящих запросов, HTMLRewriter и наш Cache API, доступны из вашего приложения Remix.

Развертывание на Cloudflare Pages

Cloudflare Pages уже был способен обслуживать статические ресурсы с периферии Cloudflare, но теперь с ноябрьским выпуском бессерверных функций, поддерживаемых Cloudflare Workers, он превратился в целую платформу, идеально подходящую для размещения приложений полного стека.

Чтобы начать работу с Remix и Cloudflare Pages сегодня, запустите следующее в своем терминале и выберите «Cloudflare Pages», когда его спросят «Где вы хотите развернуть?»:

npx create-remix@latest

Затем создайте репозиторий на GitHub или GitLab, git commit, и git push вновь созданная папка. Наконец, перейдите к Cloudflare Pages, выберите свой репозиторий и выберите «Ремикс» в раскрывающемся списке предустановок фреймворка. Ваше новое приложение будет доступно на вашем pages.dev поддомен, или вы можете подключить его к любому из ваших пользовательских доменов.

В вашей папке будет functions/[[path]].ts файл. Это интеграция функций, при которой мы обслуживаем ваше приложение Remix на всех путях вашего сайта. В app Папка — это основная часть логики вашего приложения Remix. Благодаря поддержке Pages для откатов и предварительных развертываний вы можете безопасно протестировать любые изменения в своем приложении, а с бета-версией wrangler 2.0 локальное тестирование — это просто простой случай npm run dev.

Будущее фреймворков на Cloudflare Pages

Remix — это второй фреймворк, изначально интегрированный с полным стеком Cloudflare Pages после SvelteKit, который был доступен при запуске. Но это только начало! У нас есть гораздо больше возможностей для интеграции с Remix и другими фреймворками. Следите за обновлениями во времени сборки Pages и в других областях взаимодействия с разработчиками, а также за новыми функциями платформы.

Присоединяйтесь к нашему сообществу!

Если вы новичок в мире Cloudflare Pages и Workers, присоединяйтесь к нашему серверу Discord и покажите нам, что вы создаете. Будь то новое приложение с полным стеком на Remix или даже простой статический сайт, мы будем рады услышать от вас.

Что такое Cloudflare