НОВОСТИ

Як розмістити сайт на платформі Heroku безкоштовно

Heroku – це хмарна платформа (PaaS) для розміщення інтернет-ресурсів та веб-додатків й підтримує ряд мов програмування: Ruby, Node.js, Java, Scala, Clojure, Python, PHP тощо. Сервери Heroku застосовують Linux-подібні операційні системи – Ubuntu та Debian, а в якості веб-обробників – Nginx та Apache. Також в платформу інтегрована система контролю версій Git. У цій стаття я надам інструкцію, як розгорнути статичний веб-сайт, наприклад лендінг, на хостингу Heroku абсолютно безкоштовно.

Для початку необхідно перейти на офіційний сайт Heroku, зареєструватися та створити акаунт:

Register in Heroku

Підтверджуємо свій обліковий запис та входимо у персональний кабінет. Система попросить ознайомитися з умовами надання послуг та прийняти їх:

Як розмістити сайт на платформі Heroku безкоштовно

Далі потрібно завантажити клієнт Heroku CLI для операційної системи, у нашому випадку будемо використовувати Windows 64-bit:

Як розмістити сайт на платформі Heroku безкоштовно

Встановлює програму і запускаємо командний рядок Windows (CMD) – нам потрібно перевірити статус клієнта Heroku, а також його версію, виконуємо команду: heroku --version

Як розмістити сайт на платформі Heroku безкоштовно

Тепер з допомогою того ж командного рядка створюємо новий додаток Heroku (heroku app), для цього виконуємо послідовно команди, вимкнувши усі антивіруси чи фаєвол, котрі можуть блокувати підключення з сервером:

heroku login// авторизація в системі, вказуєте логін та пароль

heroku create myfirstapp// створюємо на сервері Heroku свій перший додаток, який відтепер буде доступний за URL-адресою: https://myfirstapp.herokuapp.com

Перейдемо тепер до етапу відправки (deploy) нашого статичного сайту на сервер Heroku. Для цього прямо у командному рядку заходимо в папку з веб-сайтом:

cd ~/папка_сайту

А тепер найцікавіше. Річ у тому, що взагалі-то платформа Heroku не призначена для розміщення сайтів, зокрема якщо вони можуть містити який-небудь динамічний контент, наприклад PHP чи JSON. А без них ви не зможете застосувати на своєму лендінгу, наприклад, динамічну форму відправки повідомлень, або ще щось у цьому роді. Якщо ж просто відправити файли сайту через Git – отримаємо помилку від Heroku. Тож доведеться піти на деякі хитрощі:

  1. Створіть у Notepad++ файл з іменем composer.json і розмістіть його у кореневій директорії сайту
  2. Створіть порожній файл index.php у кореневому каталозі сайту
  3. Перейменуйте домашню сторінку (наприклад, index.html) на home.html
  4. У файл index.php додайте рядок: <?php include_once("home.html"); ?>
  5. В файл composer.json додайте рядок: {}

Тепер необхідно виконати ще одну важливу дію – повідомити платформі Heroku про мову програмування, яку буде використовувати наш сайт, в даному випадку це PHP. Тож у командному рядку запускаємо:

heroku buildpacks:set heroku/php

Тепер з допомогою Git відправляємо наш сайт на сервер Heroku:

Читайте также:  Що таке DKIM, DMARC, SPF записи та як їх додати для поштового домена?

git init// иніціалізація GIT-репозиторія у кореневому каталозі сайту
heroku git:remote -a myfirstapp// зв’язуємо GIT-репозиторій з вашим додатком
git add .// додаємо Git-репозиторій на відправку
git commit -am "comment"// коментуємо дію
git push heroku master// відравляємо на майстер гілку (master branch)

Як розмістити сайт на платформі Heroku безкоштовно

Якщо все ОК – отримаєте повідомлення: “Verifying deploy… done”.

Вітаємо ваш сайт успішно розміщена на хостингу Heroku цілком безкоштовно. Можете відкрити і переглянути його за URL-адресу: https://myfirstapp.herokuapp.com

Якщо ви внесли якісь зміни на сайт, просто користуйтеся командами GIT – оновлюєте репозиторій й відправляєте на сервер.

На завершення ще один “лайфхак”. По замовчуванню, сайт буде доступний за обома протоколами: HTTP й HTTPS. Щоби усунути ці дублі, необхідно провести так-звану “cклейку зеркал”, користуючись файлом конфігурації веб-сервера .htaccess. Просто створіть цей файл у кореневому каталозі сайту та додайте в нього наступні директиви:

RewriteEngine On

RewriteCond %{HTTP:X-Forwarded-Proto} =http [OR]

RewriteCond %{HTTP:X-Forwarded-Proto} =""
RewriteCond %{HTTPS} !=on

RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

Ось таким чином абсолютно безкоштовно ми отримали хостинг для сайту на cloud-платформі Heroku. Таким чином можна створити, наприклад, сайт візитку або онлайн-резюме. Жодного обмеження щодо часу розміщення веб-ресурсу немає. А от щодо трафіку, то, думаю, такий безкоштовний варіант розрахований саме на мінімальну відвідуваність. Для серйозних задач на Heroku варто обрати відповідний тарифний пакет.

Корисні посилання

Оценка:
( 1 оцінка, середнє 5 з 5 )
Подписка на KRASHENININ.TECH

Получайте регулярные обновления на почту!


Виталий Крашенинин/ автор статті
Засновник блогу, публіцист, оглядач веб-технологій, ІТ-спеціаліст. Дослідник цифрового світу. Сфокусований на кібербезпеці, системному адміністрування та веб-розробці й SEO.
Не забудьте поделиться материалом в соцсетях:
Krasheninin.tech - блог про веб-технології, і не тільки
Подписаться
Уведомление о
guest
0 Комментарий
Встроенные отзывы
Просмотреть все комментарии
0
Есть мысли? Прокомментируй!x
()
x
Read previous post:
XAMPP сервер: встановлення і налаштування на Windows та Linux

XAMPP - локальний кросплатформний веб-сервер з відкритим кодом та підтримкою усіх популярних операційних систем Windows, Mac, Linux, Solaris. У комплект...

Close