Как я могу убедиться, что мой сайт будет доступен во время презентации?

12

У меня есть онлайн-презентация на следующей неделе, и у меня все готово к работе.

Веб-сайт работает только на HTML и CSS (без БД) и в настоящее время находится на моей учетной записи общего хостинга.

Теперь, хотя мой виртуальный хостинг (относительно) надежен, я заметил, что в последнее время они вносили некоторые изменения, и мой сайт иногда был недоступен.

Я не хочу, чтобы это случилось со мной утром моей презентации, поэтому я спрашиваю, как лучше всего подготовиться к такой вещи?

Мой домен есть, www.presentation.mydomain.comи я хотел бы сохранить это, если это возможно (даже если возникают проблемы).

Я думал о нескольких альтернативах:

  • Разместите мой сайт на двух разных доменах или серверах (но как насчет доменного имени?)

  • У вас есть портативная версия XAMPP на USB-накопителе (опять же, доменное имя?)

  • Возможен отказоустойчивый сайт / местоположение

Обновить:

Презентация будет проводиться на их ноутбуке, а не на моем. Поэтому я не могу установить какое-либо программное обеспечение.

jonboy
источник
Просто заблокируйте сайт на 127.0.0.1 (через файл hosts, если на Windows). Тогда, если вы зайдете на этот сайт, apache будет обслуживать localhost. Я делаю это на своем компьютере разработчика: P
user3459110
2
Может быть, с помощью HTTrack, чтобы полностью загрузить его в автономном режиме для сценария USB-флешки?
Уве Кейм
Предотвращение демонстрационных демонов ... Демо, идущее не так, предсказуемо, как закон Мерфи. Учитывая, что это не приложение php, локальный хостинг на переносной машине и добавление записи файла hosts, указывающей на ваш домен 127.0.0.1, помогут.
Fiasco Labs

Ответы:

14

Как правило, вам не нужен какой-либо сервер только для просмотра необработанных HTML-файлов, даже если они ссылаются на другие файлы, CSS и JavaScript. Просто дважды щелкните любой файл, и он откроется в браузере по умолчанию на вашем компьютере из локальной файловой системы.

Однако вам может потребоваться проверить, не содержит ли ваш статический контент абсолютные ссылки на другие файлы или другие ресурсы ( <a href='http://mysite.com/extra.html'>) и содержит только относительные ссылки ( <a href='extra.html'>). В любом случае, это хорошая практика.

Лучше всего было бы заранее скопировать содержимое на жесткий диск ноутбука, который вы будете использовать, и протестировать презентацию. Сохраните также тот же контент на USB-накопителе или компакт-диске, на случай, если вам вдруг понадобится другой компьютер.

h22
источник
Я попробовал это, и это работает, спасибо, хотя у меня нет доступа к ноутбуку, который я буду использовать, он отлично работает на USB со случайными ПК. Не был уверен, нужен ли мне сервер или нет, так как у меня есть файлы css и js. Благодарность!
Джонбой
2
@johnny_s CSS и JS запускаются на клиенте (он же браузер). Нет подачи не требуется.
Райан
11

Поскольку ваш сайт статичен, одним из решений является использование CloudFlare , потому что он все еще может обслуживать кэшированные страницы, если ваш сайт отключается (при правильной конфигурации). Это будет прозрачным, если есть проблема.

И сохраните копию своего сайта на своем ноутбуке или на карте памяти, если вы не можете использовать свой ноутбук. Если все пойдет не так, вы все равно сможете закончить презентацию, используя localhostвместо вашего доменного имени. Это было бы последним решением.

PS: Конечно, чтобы реализовать переносимый веб-сайт, везде должны быть реализованы относительные пути, то есть с начальным «значением» относительно корня. Не забывайте об этом, иначе ссылка будет относительно текущей директой.

Жером Верстринг
источник
Спасибо @JVerstry, я никогда не слышал о CloudFare, должны изучить это. Я также обновил свой первоначальный вопрос, у меня нет ноутбука, поэтому у меня не будет предварительного доступа для установки программного обеспечения и т. Д.
jonboy
@johnny_s Я обновил свой ответ, вы можете поместить копию своей презентации на карту памяти USB, которую вы можете подключить к этому ноутбуку, если все пойдет не так.
Жером Верстринг
Спасибо @JVerstry - вы имеете в виду установить его на USB с XAMPP или аналогичным?
Jonboy
2
Не просто копировать файлы, которые вы обычно загружаете на свой веб-сервер на USB-накопитель. Затем откройте страницу index.html в своем браузере (двойного щелчка по ней будет достаточно). Не нужно устанавливать XAMPP или что-то еще.
Жером Верстринг
1
Вы можете сопоставить localhost ip (127.0.0.1) с выбранным доменом, используя Hosts , таким образом вы избежите некрасивых чисел в адресной строке при запуске с локального сервера. При локальном запуске файлов (без сервера) вы можете столкнуться с проблемами с заблокированным содержимым (js, active / x, flash и т. Д.), Поэтому сначала проверьте его, борьба со случайными всплывающими окнами будет выглядеть непрофессионально.
PTwr
6

Если сайт только HTML и CSS, Вам не нужен хост. Просто вставьте его в USB-накопитель, который вы собираетесь использовать для резервной среды WAMP, и запустите его с любой машины, к которой подключен.

Если вы беспокоитесь о потере USB-накопителя, веб-хостинг будет подходящей резервной копией.

Prinsig
источник
1
Это путь. Вы даже можете зайти так далеко, чтобы установить переносной сервер на флешку. Но так как это чисто HTML и CSS, в этом нет необходимости.
jay_t55
5

Вы можете просто открыть интернет-страницу локально и отобразить ее в своем браузере.

Если вы даже хотите показать другое доменное имя, вы можете использовать XAMPP, чтобы открыть локальный веб-сервер. Разместите там свой веб-сайт и укажите домен на localhost на своем компьютере, добавив следующую строку в файл hosts в вашей системе:

127.0.0.1    www.presentation.mydomain.com

Здесь вы можете узнать, где находится файл hosts в вашей ОС.

Мартин Браун
источник
Мне нравится это решение!
Джонбой
5

Вы можете разместить статический контент, используя Amazon S3. См. Http://docs.aws.amazon.com/AmazonS3/latest/dev/WebsiteHosting.html руководство о том, как это сделать.

В основном вы регистрируете учетную запись AWS, загружаете свой веб-сайт в S3, а затем можете получить к нему доступ через URL-адрес <bucket-name>.s3-website-<AWS-region>.amazonaws.com. Вы также можете создать пользовательский домен для корзины с CNAME, что позволит вам получить к нему доступ через presentation.mydomain.com.

Вы должны быть покрыты бесплатным уровнем S3, 5 ГБ и до 20000 запросов в месяц в течение года. Источник: http://aws.amazon.com/free/

https://chadthompson.me/2013/05/static-web-hosting-with-amazon-s3/ предлагает хорошее прохождение процесса со скриншотами.

Если вам не требуется, чтобы домен был доступен через Интернет для презентации, то, согласно ответу Принсига, использование USB-накопителя с копией веб-сайта на нем является самым простым способом.

aj.esler
источник
4

Если вы используете Git для управления версиями вашего сайта ... (не судите ... но вы должны быть, если это важный проект!)

Вы можете разместить весь свой сайт на «страницах проекта» Github. (он же Github Pages )

Это действительно просто, просто вставьте туда код своего сайта. По сути, вы нажимаете на ветку, которая называется, gh-pagesи ваш сайт будет автоматически публиковаться и обновляться при нажатии!

Так что если страница репозитория Github вашего проекта - https://github.com/imausername/mysupersite, то общедоступная страница Github для вашего проекта будет находиться по адресу iamusername.github.io/mysupersite.

unknownprotocol
источник
Спасибо за это, я очень мало знаю о git, и может быть уже немного поздно изучать его сейчас, так как презентация через несколько дней, и я сосредоточен на этом. Спасибо за отличный ответ!
Джонбой
1
Или ртутный. Или даже Dropbox как минимум. Но всегда следует держать важные проекты под каким-то контролем версий.
Уэйн Вернер
1
@johnny_s Git действительно довольно прост после того, как вы его «мерзли»;) Если у вас есть 15 минут, чтобы сэкономить ... попробуйте на try.github.com
unknownprotocol
4

Так много слишком сложных ответов.

Веб-сайт работает только на HTML и CSS (без БД) и в настоящее время находится на моей учетной записи общего хостинга.

Вам не нужен Apache. Вам не нужен XAMP (или аналогичный). Вам не нужны cloudflare, dropbox или любая другая сторонняя служба. (github? для презентации? пожалуйста.)

Все, что вам нужно, это портативное устройство хранения. USB-ключ, внешний диск, что угодно.

Что вам нужно сделать, это подтвердить, что ваша презентация содержит только относительные ссылки. Вот как вы это делаете:

  1. Скопируйте папку с вашего общего хостинга на компьютер.
  2. отключить сеть. Выключите Wi-Fi, отсоедините кабель Ethernet и т. Д. Или просто возьмите свой ноутбук и отправляйтесь куда-нибудь, где нет Wi-Fi, например, на лестницу или парковку.
  3. откройте папку, дважды щелкните первый файл index.html и посмотрите, выглядит ли он правильно.

Если все хорошо, вы можете идти. Если нет, добавьте комментарий для дальнейших инструкций.

Павел
источник
Вы все равно должны использовать git для контроля версий, так почему бы не отправить его на Github?
daviewales
@daviewales Я не согласен с этим ответом. Зачем отключать сеть?
Уильям Эдвардс
@WilliamDavidEdwards ^^ Это не мой ответ. Я просто прокомментировал это.
daviewales
@daviewales Извините. Не могу больше редактировать комментарий.
Уильям Эдвардс
1

Чтобы убедиться, что ваш сайт доступен, вы можете использовать циклический DNS. Вы можете заказать два хостинговых пакета с двумя разными IP-адресами и использовать циклический DNS для балансировки нагрузки. Если один IP-адрес отключен, трафик будет перенаправлен на другой.

Другой способ - с CloudFlare . Вы можете использовать CloudFlare + циклический DNS для дополнительной надежности. CloudFlare - это бесплатная (у них также есть платные планы) услуга, которая добавляет безопасность и аналитику на ваш сайт. Вы также можете использовать их CDN. Это действительно оптимизирует ваш сайт. Но самое приятное то, что если ваш сайт не работает, они могут показывать кэшированную версию. Все, что вам нужно сделать, это изменить свои серверы имен. Вы можете найти больше информации об этом на их сайте.

Есть еще одна вещь:

Теперь, хотя мой виртуальный хостинг (относительно) надежен, я заметил, что в последнее время они вносили некоторые изменения, и мой сайт иногда был недоступен.

Если ваш хост не использует отказоустойчивый сервер или что-то еще, возможно, лучше поискать другой хост - ваш сайт всегда должен быть доступен, если это возможно.

Уильям Эдвардс
источник
1

Я думаю, что вы можете записать их в документ блокнота, сохранить как foo.htmlили что-то в этом роде и открыть, это не будет зависеть от Интернета (по общему признанию, я не уверен, как разместить там CSS, который я никогда не делал для много html или любого CSS, так что вы можете попробовать не уверены, как это получится).

tox123
источник
1

И, наконец, что не менее важно, сделайте скриншоты всех веб-страниц, которые вы планировали показать. Эй, это сработало для меня. Поместите их в Power Point или просто по названию / последовательности. Закон Мерфи не имеет границ!

JustJohn
источник