Для чего нужно локальный сервер?

Question

[Kris125]

Делаю дизайн сайта заказчику.
Он мне прислал прототип в хтмл, но просит зачем-то открыть его на локальном сервере.
Я вообще не понимаю, как это работает и для чего это делать, т.к. я разрабатывала только дизайн без верстки.
Он кинул ссылку на эту статью lifehacker.com/start-a-simple-web-server-from-any-...
Такой вопрос, для чего это делается? PS. Использую мак.

Comments

[Алекс Глебов]

сервер нужен чтобы запустить php файлы на компьютере
скажите что вы не кодер и далеки от этого
пусть заливает на хостинг

Answer 1

[Кирилл]

Если честно, то ваша проблема не понятна и решается за 3 минуты.
Только поставьте не сервер из статьи (там нужен Python), а простой http-server через npm (думаю, вам это ближе).
npm install http-server -g
Потом перейдите в директорию вашего проекта и запустите его через команду
http-server
Вот и решение вашей проблемы.

Теперь, когда вы перейдёте на localhost:8080 подцепится index.html из вашей папки.
Вот и вся идея.

PS: Бонусом получаете, что при изменения html + css сервер отслеживает их и перезагружает вам страцицу.

Comments

[Kris125]

npm install http-server -g это в терминале маковском прописать? В директорию проекта перейти через файндер обычный? Не совсем понимаю, как его запустить через http-server?

[Кирилл]

Да, в терминале, если установлен npm, то всё должно быть ок, если нет, то надо будет доустановить.
На второй вопрос: вам просто нужно запустить терминал в директории проекта и выполнить http-server

[Kris125]

Кирилл: а что такое npm? не совсем понимаю, что значит запустить терминал в директории проекта?

[Кирилл]

npm — менеджер пакетов, входящий в состав Node.js.
Установка пакета производится при помощи команды: npm install (в вашем случае npm install http-server -g)
Как установить: https://coolestguidesontheplanet.com/installing-no...

Переход между папками через терминал осуществляется через команду cd:
osxh.ru/content/command-cd-mac-osx

[Kris125]

Кирилл: спасибо большое, щас пытаюсь установить через терминал gulp, но вылезают такие ошибки take.ms/NefOl не подскажите что это?

[Кирилл]

хм, давайте придерживаться первоначального плана) конкретно для вашей задачи можно пока обойтись без gulp) ошибка вам говорит, что вы не можете устанавливать программы, под вашим пользователем. Вам нужно вызвать npm install http-server -g из под администратора.
https://support.apple.com/ru-ru/HT204012
попробуйте sudo npm install http-server -g

[Kris125]

ок установила npm, далее запустила http-server далее в браузере ввела localhost:8080 всё работает, вот только почему-то открылась старая версия сайта, а заказчик прислал новую. Что означает localhost:8080? Возможно теперь стоит ввести localhost:8081 или 8082 и тд? Что это за цифры? Извиняюсь за глупые вопросы :)

[Кирилл]

8080 означает номер порта. http-server не знает, какая у вас версия сайта, он запускает то, что есть в папке. Это, кстати, именно то, что от Вас хотели изначально. Вы запустили сайт на http-сервере. Значит, или папка не та, или заказчик прислал старую версию.
Чтобы понять, что вы делаете, попробуйте добавить какое-нибудь изменение на странице index.html. Например, какое-нибудь слово. Подождите чуть-чуть, потом зайдите в браузере на localhost:8080 и нажмите ctrl + F5. Изменения должны примениться, и вы увидите что изменили.

[Kris125]

Кирилл: всё разобралась, спасибо вам большое, заказчик действительно не то прислал :)

Answer 2

[sim3x]

В статье все описано

Зачем?
Спроси у клиента

Answer 3

[xmoonlight]

Он должен был сам позаботиться о том, чтобы развернуть готовую вёрстку на хостинге и УЖЕ ПОСЛЕ указать Вам на какие-то недочёты в дизайне (или не Вам - на недочёты в вёрстке дизайна).
В любом случае - это не Ваша работа. Так и скажите.
Что-то не устраивает конкретно в дизайне - пусть присылает скрины.

Comments

[Kris125]

вот вот, я тоже так подумала, странный тип какой-то, уже достал меня

[xmoonlight]

Kris125: Советую попробовать объяснить и он поймёт, или валить от такого, выполнив текущий проект до конца (свою долю работ)....

[Kris125]

xmoonlight: ага, при этом вроде такой вежливый, но постоянно мозг выносит, я с ним через апворк работаю, там через трэкер, он смотрит через шоты этого трэкера мою работу и вечно отвлекает. Причем вежливо так. Я уже сегодня не выдержала написала, что пока останавливаю работу и нужно разобраться, как будем работать, а то я вас перестаю понимать и меня очень отвлекает, что вы смотрите каждый скрин трэкера и постоянно отрываете от работы.

[xmoonlight]

Kris125: я работал с дизайнерами и вообще не вижу проблем.
Порядок прост: концепт главной страницы "грубо"/"в карандаше", стилистика оформления контуров и шрифтов в grayscale, добавляем цвета, что-то немного корректируем и готово.

[Kris125]

xmoonlight: да я ему набросок с самого начала сделала, ему понравилось очень, но потом начал доставать :)

[xmoonlight]

Kris125: а чем конкретно он доставал? (если ни секрет...)