Привет, ребята, после развертывания веб-сайтов на различных платформах, таких как heroku, aws, netlify, github, firebase и digital ocean, я хотел показать вам плавный опыт и производительность NOW от Zeit.
Поскольку NOW настолько упростил разработку приложения для развертывания приложения, что его проект можно развернуть глобально с помощью двух команд… да, вы правильно поняли, всего с двумя командами в интерфейсе командной строки, у вас может быть свой собственный глобальный URL-адрес, с которым вы можете поделиться им. кто угодно.
Прежде чем приступить к работе, приведу несколько предварительных условий, которым вы, ребята, должны следовать: -
- Убедитесь, что node.js (версия 8+) установлен вместе с npm (версия 6+).
- Командная строка Git
- Редакторы кода, например VS Code, Atom или любые другие, которые вам нравятся.
Прежде чем мы начнем, мы должны настроить учетную запись Zeit на https://zeit.co/signup и зарегистрироваться / войти на их веб-сайт, вы также можете использовать свою учетную запись github для регистрации. .
Настройка «сейчас» на локальном компьютере
Чтобы развернуть сейчас, мы должны установить «сейчас» интерфейс командной строки и войти в этот клиентский интерфейс с помощью нашей электронной почты.
Итак, сначала откройте терминал, а затем введите следующие команды:
$ npm i -g now $ now login
Введите свой адрес электронной почты в терминал.
После этого вы получите ссылку для подтверждения на свой адрес электронной почты, просто перейдите на свой адрес электронной почты и подтвердите его.
Давайте создадим наше приложение узла.
Сначала создайте папку, а затем введите
#Initialize the repo with package.json $ npm init -y
Он создаст package.json, который будет содержать важные метаданные о нашем репозитории.
Давайте установим экспресс-пакет в нашем приложении.
$ npm i express
В вашем package.json у вас будет установлена экспресс-зависимость, а также напишите стартовый скрипт в паре ключ-значение скриптов.
"scripts": {
"start": "node app.js"
}
Давайте создадим базовый файл node.js с помощью платформы express.js.
Создайте файл app.js и напишите ниже код.
Теперь все готово.
Перейдите в командную строку, перейдите в эту папку и введите:
#Run the app locally $ npm run start
Приложение будет запущено на вашем локальном компьютере, вы можете перейти по адресу http: // localhost: 5000.
Hi there!!
Перейдите в http: // localhost: 5000 / profile.
On profile route
Если вы перейдете по другому маршруту, кроме / и / profile, вы увидите такой ответ с ошибкой:
Ehhhh!!! No route found!!!
До сих пор вы создали пакет. Json добавили экспресс-зависимость, потребляющую его, чтобы создать приложение узла и установить сценарий сборки, который вы можете запускать локально.
Давайте развернем !!!
Перейдите в терминал, убедитесь, что вы находитесь в том же пути к папке, что и ваш app.js, и запустите
$ now
Упс !! У нас есть
> Error! Your `package.json` file is missing a `build` property inside the `script` property.
Но ведь у нас ведь нет приложения, требующего сборки, верно?
Тогда почему он выдает эту ошибку ... это потому, что СЕЙЧАС рассматривает наше приложение как интерфейсное приложение, которое еще не построено, тогда как это внутреннее приложение, для которого требуется узел-сервер, поэтому давайте уточним ему некоторые подробности о нашем приложении.
Создайте файл now.json в той же папке и напишите эти строки.
Здесь,
- ›версия указывает, что мы хотим использовать протокол http / 2,
- ›builds содержит описание файла src, который является app.js & use имеет @ now / node-server, который сообщает сейчас, что когда вы читаете app.js вы должны запустить для него node-server
- ›routes содержит src, который указывает, какие все маршруты должны быть обработаны, и какой файл будет обрабатывать эти маршруты, будет указан в dest, который является нашим app.js
Важно отметить, что вы видели выражение в «src»:
'src': '/(.*)'
здесь (. *) - это регулярное выражение, которое сообщает now, что любой маршрут с '/' будет обрабатываться с соответствующим файлом назначения
Также добавьте файл .nowignore и добавьте в него node_modules. Поскольку мы не хотим загружать node_modules в server.
Теперь еще раз беги,
$ now
Мы сделали это - теперь у вас есть развернутый URL-адрес, нажмите ctrl и щелкните эту ссылку.
Теперь у вас есть рабочий URL-адрес в Интернете с привязанным к нему доменом now.sh.
Репозиторий Github
Вот ссылка репо: https://github.com/hi-manshu-kumar/node.js-on-now
Время для бонусных чаевых
- Вы можете использовать
$ now dev // to have a local test experience of your app
2. Вы можете интегрировать приложение NOW с github https://github.com/apps/now/, это позволит вам быстро развернуть URL-адрес для каждой новой фиксации в репозитории основной ветки, точно так же, как CI / CD, но без всяких усилий.
3. Если вы интегрируете интерфейс, вы можете получить для него встроенный CDN прямо СЕЙЧАС бесплатно, без какой-либо утомительной настройки.
4. Вы можете развернуть свое внешнее, внутреннее или полное приложение прямо сейчас.
5. Также у Zeit есть Next.js, который ускоряет процесс создания приложения SSR (серверный рендеринг на React.js), которое вы можете развернуть на их платформе NOW. .
6. Их платные уровни предлагают больше функциональности, и это тоже по низкой цене 0,99 $ / мес. Для получения более подробной информации перейдите по ссылке https://zeit.co/pricing.
Случаи применения
- Можно использовать для быстрой демонстрации на встрече или другом мероприятии.
- Придется отправить задание по назначению, и у вас будет меньше времени на развертывание.
- Его можно использовать на хакатоне, где вам нужно больше сосредоточиться на своем проекте.
- Можете попросить вашего начальника / технического руководителя и изменить вашу предыдущую стратегию развертывания, что требует больше времени и настройки.
- У вас есть проект-фрилансер, и вы должны реализовать свой проект в течение дня, просто купите домен и добавьте псевдоним к вашему СЕЙЧАС развернутому веб-сайту. Https://zeit.co/docs/v2/custom-domains/.
Заключение
Если он уже настроен СЕЙЧАС на вашем компьютере, вам просто нужно указать now.json в своем приложении (интерфейсном или внутреннем) и ввести эти команды.
$ now login $ now
Вы можете проверить их документацию для получения дополнительной информации https://zeit.co/docs.
Надеюсь, вы нашли этот пост информативным и полезным. Буду рад услышать ваши отзывы!
Если у вас есть сомнения или предложения, не стесняйтесь обращаться ко мне!
Спасибо за внимание!
