В этом посте мы создадим персональный веб-сайт с помощью рельсов и развернем его на Heroku. Heroku - это платформа облачных приложений - новый способ создания и развертывания веб-приложений. Лучшее в Heroku заключается в том, что вам не нужно платить за хостинг базовых веб-приложений, поскольку Heroku классифицирует их как бесплатные. Мы создадим одностраничное приложение для рельсов, и это будет статический веб-сайт, который можно будет использовать в качестве портфолио.
Ниже приведен снимок приложения rails (развернутого на Heroku Вот )
Приступим к созданию этого приложения Rails. Я предполагаю, что вы уже установили Ruby и Rails. Убедитесь, что у вас установлены Ruby 2.0 и Rails 4.2.2. Вы можете проверить версию из командной строки.
Примечание. Мы будем использовать Ruby 2.0 и Rails 4.2.2. Если у вас есть разные версии Ruby и Rails, некоторые из шагов, показанных в этом посте, могут не сработать для вас.
Создание проекта:
Назовем наш проект сайтом. Для создания проекта используйте команду Rails new website
Rails автоматически сгенерирует все файлы, а также установит все необходимые драгоценные камни, выполнив автоматически установленный пакет запуска, как показано ниже.
Теперь вы увидите папку веб-сайта под вашим диском C: (место, откуда мы выполнили команду Rails new website). Давайте откроем папку с сайтом в какой-нибудь IDE. У меня есть Brackets IDE от Adobe. Вы можете использовать любой другой, это не имеет значения.
Структура проекта:
Сгенерированная структура проекта будет выглядеть, как показано ниже
Несмотря на то, что мы не написали никакого кода, вы можете запустить приложение для веб-сайта прямо сейчас. Чтобы запустить приложение веб-сайта, выполните команду Rails из папки веб-сайта, как показано ниже.
Как вы можете видеть на снимке выше, приложение нашего веб-сайта было развернуто вhttp: // локальный: 3000
Вы сможете увидеть экран ниже при доступе к URL-адресуhttp: // локальный: 3000
Java найти наибольшее число в массиве
Но мы хотим показать главную страницу нашего приложения при доступе к URLhttp: // локальный: 3000 /.Для этого создадим страницу index.html в общей папке проекта нашего веб-сайта.
Примечание: Rails автоматически обслуживает страницу index.html при доступе к корневому URL.http: // локальный: 3000
На данный момент у нас есть только одна строка на странице index.html.
Получим доступ к корневому URLhttp: // локальный: 3000
Теперь давайте оживим нашу страницу index.html, добавив несколько изображений - JS и классный CSS. Мы будем использовать тему в градациях серого с самого начала.
Оттенки серого Start Bootstrap Theme -
Ниже приведен снимок темы начальной загрузки в градациях серого, которую мы будем использовать. Мы настроим эту тему в соответствии с нашими требованиями.
Вы можете скачать эту тему из http://startbootstrap.com/template-overviews/grayscale/
Загрузите тему в оттенках серого и скопируйте CSS, font-awesome, fonts, img, JS и index.html в общий каталог проекта веб-сайта. Ниже приведен снимок проекта после добавления CSS, JS, шрифтов, папки изображений и страницы index.html в общедоступный каталог проекта веб-сайта.
Теперь запустим наш проект веб-сайта:
При запуске проекта вам будет представлена красивая страница темы в оттенках серого.
Мы изменим страницу index.html (в общедоступном каталоге проекта веб-сайта), чтобы придать ей профессиональный вид.
Ниже приведен снимок проекта веб-сайта после внесения изменений на странице index.html. Мы только что изменили изображения и отредактировали часть текста, чтобы сделать его индивидуальным.
как использовать Swing Java
Вы можете изменить index.html и grayscale.CSS по своему усмотрению. Теперь мы готовы развернуть наше веб-приложение на Heroku.
Размещение кода на Github:
Перед развертыванием приложения в Heroku нам нужно отправить наш код в удаленный репозиторий Github. Для этого вам понадобится учетная запись Github. Если у вас нет учетной записи Github, зайдите и создайте ее на www.github.com .
Вам также необходимо установить Github на вашу Windows. Загрузите Github для Windows из https://windows.github.com/ .
После того, как вы загрузили и установили Github на свой компьютер, откройте приложение Github и настройте свои учетные данные Github и выберите оболочку Git Bash в качестве оболочки по умолчанию (вы также можете выбрать любой другой вариант по своему усмотрению), а затем сохраните изменения.
Вам необходимо создать репозиторий на Github, куда мы будем удаленно сохранять проект нашего сайта. Чтобы создать репозиторий, войдите в Github и нажмите на новую опцию репозитория, показанную зеленой кнопкой.
Назовите свой репозиторий (в данном случае мы назвали его railtoheroku) и щелкните ссылку «Создать репозиторий», как показано ниже.
Github предоставит удаленный URL ( https://github.com/eMahtab/railtoheroku.git в данном случае) для репозитория railtoheroku, который понадобится при отправке кода с локального компьютера на Github.
Теперь мы готовы разместить код проекта нашего веб-сайта на Github. Выполните следующие действия, чтобы отправить код на Github.
Откройте оболочку Git и используйте команду Git init для инициализации каталога веб-сайта, как показано ниже:
Теперь добавьте все файлы в каталог веб-сайта под контролем версий, выполнив Git add.
Зафиксируйте все файлы, выполнив Git commit –m «Final Commit»
Добавьте удаленный репозиторий, как показано ниже:
Теперь последний шаг, который фактически отправит код в репозиторий Github:
Мы закончили с Github. Следующая часть - это фактическое развертывание приложения на Heroku.
Развертывание приложения на Heroku:
Создайте учетную запись Heroku на https://www.heroku.com/
Заметка : Мы должны внести некоторые изменения для развертывания приложения на Heroku. Heroku не поддерживает SqLite 3, вместо этого у него есть база данных PostgreSQL. Итак, нам нужно удалить зависимость sqlite3 из gemfile. Heroku требует гем rails_12factor, который используется Heroku для обслуживания статических ресурсов, таких как изображения и таблицы стилей. Два необходимых изменения в Gemfile кратко описаны ниже:
Удалите строку gem 'sqlite3' из Gemfile.
Добавьте следующие строки в Gemfile
группа: разработка,: тест делать #<<<< not in production gem 'sqlite3' end group :production do gem 'pg', '0.17.1' gem 'rails_12factor', '0.0.2' end
Давайте проверим, все ли работает нормально после внесения изменений в Gemfile. Сохраните Gemfile и запустите установка пакета со специальным флажком (без производства) для предотвращения локальной установки каких-либо производственных драгоценных камней.
Давайте зафиксируем изменения, сделанные в Gemfile, в удаленном репозитории на Github:
Отправьте изменения в удаленный репозиторий Github:
Создание нового приложения на Heroku:
создать пакет на java
Войдите в Heroku и создайте новое приложение. Я назвал свое приложение railtoheroku. Вы можете называть это как хотите. Нажмите «Создать приложение», чтобы создать названное приложение.
Подключение репозитория Github к приложению Heroku:
Следующим шагом является привязка вашего репозитория Github к Heroku.
Ниже мы подключили наш репозиторий Github railtoheroku
Как только мы подключим наш репозиторий Github к Heroku, мы готовы развернуть наше приложение. Чтобы развернуть приложение, прокрутите вниз до параметра развертывания вручную и щелкните параметр развертывания ветки.
Развертывание приложения:
Как только вы нажмете Deploy Branch, Heroku начнет установку гемов из Gemfile в продакшене:
Как только все драгоценные камни будут установлены и приложение развернуто, вы увидите поздравительное сообщение от Heroku, в котором говорится: «Ваше приложение успешно развернуто».
Чтобы увидеть развернутое приложение, просто нажмите кнопку просмотра, и вы увидите, что ваше приложение успешно развернуто.
Если вы столкнулись с какой-либо проблемой при выполнении любого из вышеперечисленных шагов, оставьте комментарий ниже. Надеюсь, вам понравился этот пост.
Есть вопрос к нам? Пожалуйста, отметьте это в разделе комментариев, и мы свяжемся с вами.
Похожие сообщения:
Анализ XML-файлов с помощью SAX Parser