источник: https://vuejs.org
Как и все в сообществе DEV, я хотел узнать некоторые из «современных фабрик-библиотек JavaScript Front-End», чтобы оставаться актуальными в постоянно меняющемся мире веб-технологий.
После месяцев назад и вперед, чтение различных домов, Эта статья помог мне решить пойти дальше с Vue.js. Для тех, которые неинформированы, Vuejs является одним из крупных 3 (реагировать, угловые и VUE) фронтальные рамки современного мира и были Один из самых популярных За 2 года подряд сейчас. Поскольку есть много постов, покрывающих Vuejs и другие тенденции JavaScript, я постараюсь прикрыть не так знакомую тему в этом посте.
Я начал играть с vue.js На некоторое время наблюдал пару видео на YouTube и имел представление о создании демо Приложение (вы догадались правильно, список Todo). Пока официальные документы содержат Простой список Todo В этом разделе «Примеры» я хотел попробовать что-то более сложное и то, что я хотел использовать некоторое время – повторяющийся контрольный список – в моих условиях, объектно, ориентированный на список дел. Через пару дней взлома я смог завершить задачу и хотел демонстрировать его в мире, потому что у меня узнал новую предельную библиотеку!.
Будучи в первую очередь, парень в спине/опс, мой первый очевидный выбор был на «хозяин» приложение. Так что я пошел к моему Heroku Консоль и закрутить новое приложение Node.js. Простой поиск Google указывал мне на эту простых последующих Статья О том, как развернуть статическое, только напротивное приложение Vuejs на Heroku. Я последовал за шагами в статье и смог успешно запустить сайт. Wohooo. Но подожди, была небольшая проблема. Heroku Free Wier имеет ограничение. Выделенные Dynos (вычислительные экземпляры) будут спать, если приложение перестает получать запросы. Конечно, были взлома, чтобы избежать этих, но избегать ненужных сложностей сохранения моего приложения все время, здание и развертывание кода для небольших небольших изменений, я решил проложить путь к успеху.
Я слышал о страницах GitHub некоторое время и принимал мой Персональный сайт На нем довольно давно сейчас. Поскольку это стало статическим единственным сайтом, я решил продолжить хостинг на страницах GitHub. Для тех, кто не знает, GitHub позволяет вам создавать веб-сайты для ваших проектов с открытым исходным кодом и размещать их бесплатно. Вы можете узнать больше здесь Отказ
Чтобы начать, вам нужно будет создать репо, по имени «.github.io». Файл index.html на этом репо будет поступить в качестве root на URL ” https://your_github_username.github.io “. Индивидуальные веб-страницы проекта могут потом погрузиться, создавая филиал «GH-Pages» на этих репозиториях. Затем они будут доступны в « https://github_username.github.io/repo_name ».
В моем случае филиал GH-Pages был подмножеством самого ветки главного вещества. Сначала я обрезал все, что не требуется (package.json, vue конкретные файлы src, webpack.config и другие файлы конфигурации). Затем я скопировал файл build.js из dist/и поместите его внутри моей общедоступной папки и модифицировал файл index.html для поиска файла build.js внутри моей общедоступной папки вместо расхудения. После совершения изменений и синхронизации ветви к удаленному репозитории я смог получить доступ к моему тодолисту в течение нескольких секунд. С этими минимальными изменениями/усилиями я смог провести приложение по 0 цену и без технического обслуживания головных болей.
Для тех, кто заинтересован, приложение размещено в https://ritikesh.github.io/todoer И ссылка на репо:: https://github.com/ritikesh/todoer Отказ
Спасибо за чтение.
Оригинал: “https://dev.to/ritikesh/how-to–publish-and-host-your-sassy-front-end-app-for-free-44i3”