Вы хотите создать веб-приложение React SPA и ничего не платить за его размещение, при этом имея бесконечный масштаб? Легкий. Используйте страницы Github. Вам вообще не нужно ничего сложного. Ваше приложение может полностью поддерживать любой URL-путь. Ваше приложение также будет защищено https. Вы спрашиваете себя, как так легко создать SPA с https и почему я не знаю больше о том, как бесплатно опубликовать React SPA?
Цель публикации простого приложения React Single Page JavaScript может быть достигнута с помощью всего двух файлов и ограниченного опыта работы с JavaScript. Фактически, вы можете использовать любые фреймворки: React, Angular, vue.js или собственный фреймворк JavaScript. Вы можете создать прогрессивное веб-приложение (PWA), защищенное https, или любое другое приложение React. Фактически, в примере, которым я собираюсь поделиться, даже не используется React!
Есть только одна уловка, которая вовсе не уловка. Для этого не требуется ничего особенного, кроме имени файла. Секрет размещения одностраничного приложения на Github состоит в том, чтобы дать файлу имя 404.html
Это так просто! Давайте посмотрим на реальный рабочий пример. Этот пример представляет собой визуализатор цвета RGB. Скрипт быстро визуализирует любой цвет RGB в веб-браузере. Давайте посмотрим на rgb (50,50,50). Когда вы переходите по этому URL-адресу, он перенаправляет вас на веб-сайт color-hex.com, преобразуя значения RGB в HEX-код #323232
Когда мы исследуем путь URL: https://rgb.developnyc.com/rgb(50,50,50); Код JavaScript, существующий в 404.html
, может отвечать на любой путь URL. Мы можем даже быть глупыми, например https://rgb.developnyc.com/a/path/is/here/background-color:rgb(50,50,50); который правильно перенаправит пользователя на #323232
на color-hex.com.
Я считаю, что визуализатор RGB с поддержкой URL полезен при написании или чтении кода CSS. Легко вставить всю строку, например background-color:rgba(50,50,50,1);
, как в этом примере. И мне не нужно платить за хостинг в Digital Ocean, AWS. Мне не нужно было настраивать Let's Encrypt.
Вы можете начать с ознакомления с исходным кодом одностраничного приложения RGB (SPA) для визуализатора цвета RGB в HEX. Исходный код демонстрирует, что для создания JavaScript SPA требуется всего две вещи. Файл CNAME
, который представляет собой структуру страниц Github, и файл с именем 404.html
для размещения простого или сложного приложения React Single Page (SPA). README.md
не требуется, но может быть полезным.
Спасибо color-hex.com. Есть отзывы, вы нашли ошибку, хотите продолжить разговор или вам нужен разработчик приложений JavaScript? Свяжитесь со мной в Твиттере.