Skip to content

Instantly share code, notes, and snippets.

@didolf
Last active October 14, 2023 21:26
Show Gist options
  • Save didolf/48f51b2f891aceff35048334eb3a96c8 to your computer and use it in GitHub Desktop.
Save didolf/48f51b2f891aceff35048334eb3a96c8 to your computer and use it in GitHub Desktop.
Как выгружать свой сайт на now.sh.

Как выгружать свой сайт на now.sh.

  • Шаг 1. Глобально устанавливаем now.

    Для этого в консоли пишем npm install -g now.

  • Шаг 2. Регистрируемся на now.sh.

  • Шаг 3. Переходим в корень проекта.

  • Шаг 4. Запускаем now. Для этого в консоли пишем: now.

  • Шаг 5: Авторизируемся

    После выполнения now вам предложат авторизироваться:

    Enter your email: - вводим свой email и жмем enter.

    На указанную почту будет выслано письмо с подтверждением: We sent an email to ******. Please follow the steps provided inside it and make sure the security code matches *****.

    Нажимаем кнопку VERIFY.

    Дожидаемся, пока в консоли появится подтверждение: ✔ Email confirmed Congratulations! You are now logged in. In order to deploy something, run ***now***.

    Теперь мы можем выгружать наши сайты на now.sh.

  • Шаг 6: Выгрузка сайта.

    Пишем в консоли now.

    На вопрос Set up and deploy “******”? отвечаем y.

    На вопрос Which scope do you want to deploy to? отвечаем y.

    На вопрос Link to existing project? отвечаем n.

    На вопрос What’s your project’s name? пишем предпочтительное имя.

    На вопрос In which directory is your code located? выбираем папку, в которой лежит файл index.html(положите его в корень).

    На вопрос Want to override the settings? выбираем n.

    P.S: В случае, если вы выгружаете webpack-приложение и директория, в которую webpack собирает файлы отличается от public, вам необходимо ответить y и выбрать для перезаписи пункт Output directory. В этом пункте укажите папку, куда webpack собирает файлы, в случае с заданием из блока 1.6 - это папка dist.

    Готово! now выдал вам ссылку, по которой вы можете посмотреть ваш прекрасный сайт!

Как это работает?

В случае статического файла now берет все файлы из корневой директории и публикует их на сервере. Когда вы заходите по ссылке, которую вам дал now он находит index.html и открывает его для вас.

В случае webpack/react now выгружает проект на сервер и запускает build команду из файла package.json.

После этого now выгружает все из папки, которую вы указали как Output directory(по умолчанию - public).

Что делать, если я неправильно указал параметры при конфигрурировании now?

Короткий ответ - написать в консоли now -- help и постараться разобраться самому.

Длинный ответ:

  • Шаг 1: Получить список всех ваших проектов/выгрузок: now ls.
  • Шаг 2: Удалить проект/выгрузку, которую вы неправильно сконфигурировали: now rm **projectName**.
  • Шаг 3: Удалить папку .now из корня проекта(она скрытая).
  • Шаг 4: Сконфигурировать заново.

P.S: Самая частая проблема - выбор настроек на этапе Want to override the settings?. После раскрытия списка возможных опций для перезаписывания передвигайтесь с помощью кнопок вверх/вниз и выбирайте пробелом какие опции вы хотите перезаписать. После этого нажимаете enter и пишете значения для этих опций.

@barann6
Copy link

barann6 commented Dec 18, 2022

Если используете create-react-app, то при выгрузке "In which directory is your code located?" указывать путь к index.html не нужно. Оставляем "./" по умолчанию, иначе - ошибка.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment