Цель

Я сделал свое приложение с файлами html, css, javascript. Хотя я знал, как развернуть на героку, я не пытался развернуть свое собственное приложение. Я поделюсь своими знаниями о развертывании с помощью heroku с помощью node.js и экспресс (экспресс — это основа работы node.js). В моем случае мне не нужно было устанавливать базу данных, потому что мне не нужны никакие данные (например, данные о клиентах), поэтому это зависит от типа приложения.

Шаги

  1. Подготовьте собственное приложение. В моем случае я сделал собственное приложение для цифровых часов.
  2. Установите node.js.
  3. Создайте новый каталог и перейдите в него в командной строке.
  4. Создайте новый файл в качестве сервера. Например, server.js.
  5. Установить Экспресс. npm init -> npm install express в командной строке.
  6. Напишите коды для сервера в server.js (мой код ниже).
  7. Создайте общедоступный каталог, и файлы html, css, js переместятся в этот каталог.
  8. Создайте профиль и напишите его (например, web: node server.js)
  9. Создайте файл .gitignore. и напишите это. (мой код ниже, /node_modules необходим, потому что это слишком много файлов).
  10. Зафиксируйте на Github. (создайте репозиторий на github, git init, git add . git commit -m «первая фиксация» в командной строке)
  11. Создайте учетную запись heroku и войдите в нее. Если вы создадите учетную запись heroku, вы можете войти в нее из командной строки. (логин героку).
  12. Добавьте информацию о порте на server.js. в моем коде пусть порт…. port = 3000;}информация о порте.
  13. Добавьте версию узла в файл package.json. (узел — версия в командной строке и вставьте ее)
  14. Введите «git push heroku master» в командной строке.

Заключение

Развертывание на героку немного сложное, но не слишком сложное, если делать пошагово.

Подробно вы также можете обратиться к документации (она проинструктирует вас обо всем!)

Справочник

  1. Node.js https://nodejs.org/en/
  2. Экспресс https://expressjs.com/
  3. героку https://signup.heroku.com/

Мой server.js и структура

О моем приложении, пожалуйста, обратитесь к моей учетной записи github.



GitHub — aujourdui/Digital-Clock: мои персонализированные цифровые часы
мои персонализированные цифровые часы. Внесите свой вклад в разработку aujourdui/Digital-Clock, создав учетную запись на GitHub.github.com



Спасибо за чтение!