Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > Общие вопросы Web
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 19.09.2016, 21:39   #1
8Observer8
Старожил
 
Аватар для 8Observer8
 
Регистрация: 02.01.2011
Сообщений: 3,322
По умолчанию Как создать свой сайт на Node.js и опубликовать на бесплатном хостинге heroku

Может кому-нибудь пригодится моя небольшая пошаговая инструкция.

Как создать свой сайт на Node.js:
  • создайте пустую папку, например: mysite
  • зайдите в созданную папку: cd mysite
  • установите express командой: npm install express
  • создайте файл server.js со следующим содержимым:
server.js

Код:
var express = require("express");
var app = express();
var http = require("http").Server(app);
 
app.use(express.static(__dirname + "/public"));
 
var port = process.env.PORT || 3000;
 
http.listen(port, function ()
{
    console.log("Listening on ", port);
});
  • создайте папку с именем public
  • создайте в папке public ваш сайт (файлы: .html, .css, .js и т.д.), например:

public/index.html:

Код:
<!DOCTYPE html>
<html>
<head>
    <title>My Site</title>
    <meta charset="utf-8" />
</head>
<body>
    <h1>Hello</h1>
</body>
</html>
  • запустите сервер, для этого наберите команду: node server.js
  • в адресной строке браузера наберите: localhost:3000
  • ваш сайт запустится локально
  • теперь нужно сгенерировать файл package.json, для этого введите: npm init (на все вопросы нажимайте Enter) (этот шаг нужен, чтобы опубликовать ваш сайт на хостинге)

Как опубликовать свой сайт на бесплатном хостинге www.heroku.com
  • переходим на www.heroku.com
  • создаём там новое приложение с именем, например: my-very-good-site
  • устанавливаем git: www.git-scm.com
  • устанавливаем Heroku CLI
  • в папке mysite у себя на компьютере создаём файл с именем .gitignore со следующим содержимым:

.gitignore (с точкой впереди)

Код:
/node_modules/
  • набираем последовательно команды:

Код:
git init
git add .
git commit -am "First Commit"
heroku git:remote -a my-very-good-site
git push heroku master
  • в конце отсчёта вы увидите в консоли ссылку на ваш сайт

Поздравляю! Ваш сайт опубликован в интернете!

Примечание 1. Для работы с командной строкой удобно использовать Far Manager: Ctrl+O - для показа/скрытия консоли

Примечание 2. Код удобно набирать в Visual Studio:
  • откройте VS
  • выберите в меню: File -> Open -> "Web Site..." -> выберите созданную ранее папку mysite

Последний раз редактировалось 8Observer8; 19.09.2016 в 21:42.
8Observer8 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как создать свой сайт (задание по практике) GIrla Помощь студентам 2 09.09.2012 11:29
как опубликовать сайт alex(21) Администрирование dedicated серверов, VPS/VDS, shared хостингов, IaaS, PaaS. 16 26.06.2010 14:28
как опубликовать свой сайт ali7875 Свободное общение 2 25.04.2010 21:21
Вопросы о бесплатном хостинге vlad777 WordPress и другие CMS 0 09.02.2010 17:32