К основному контенту

Polymer: "поднимаем" сервер

Сегодня разберемся, как "поднять" средствами Windows сервер Polymer. Результатом станет запуск в браузере одного из вариантов starter-kit (стартового пакета). Это - стандартный пакет, который позволит нам понять, что всё ОК, сервер настроен и работает.

  1. Устанавливаем LTS-версию Node.js. Вместе с Node.js в комплекте устанавливается менеджер пакетов NPM (тут ничего делать не надо, это для информации).
  2. Скачиваем git. https://git-scm.com/download/win. Устанавливаем средствами Windows.
  3. Запускаем консоль Node.js (запустить надо именно Node.js command promt, а не другую консоль).
  4. Устанавливаем bower, воспользовавшись пакетным менеджером npm. Для этого в консоли пишем: npm install -g bower и ждём, когда пройдёт установка. Обратите внимание, что установка происходит “глобально”, то есть bower будет доступен всем приложениям, которые мы будем создавать.
  5. Устанавливаем Polymer CLI и делаем это также “глобально”, при помощи команды: npm install -g polymer-cli
  6. Ждем, когда завершится установка.
  7. Создаем папку проекта. Где она будет находиться - дело сугубо личное. Например, я создал папку проекта с таким путём: “D:\projects\myapp”. Причем не имеет разницы, как Вы ее создадите - стандартными средствами операционной системы (просто создать папку в проводнике Windows) или через команду mkdir в консоли nodejs.
  8. Инициализация проекта: polymer init Обратите внимание: надо обязательно перед этим перейти в консоли в папку проекта. Делается это командами dir (просмотр содержимого текущей папки) и cd myapp (myapp - название папки проекта, у Вас она может называться по-другому).
  9. Далее в консоли Node.js переходим в эту папку и уже после этого пишем команду polymer serve В результате по локальному адресу http://localhost:[номер порта] (номер порта может отличаться) вы должны увидеть тестовую страницу, которая выглядит примерно так:


Комментарии

Популярные сообщения из этого блога

Gatsby + Strapi - подготовка окружения для создания CMS #Часть 1

В этой и следующей статьях рассмотрим, как именно, в какой последовательности надо готовить окружение для написания CMS (системы управления контентом) с использованием перечисленных ниже технологий. Нам понадобится: Node.js Gatsby.js Strapi.js MongoDB (почему не Postgress или MySQL, поговорим позже). Что нам обещают? Gatsby обещает "невероятную скорость работы", Strapi обещает удобную систему создания разных видов контента и удобное управление ими. Ну что же, посмотрим. Будем проверять эту теорию, так сказать, на собственной шкуре. ПРИСТУПИМ: Установку "ингредиентов" лучше проводить в таком порядке: #Установка и настройка MongoDB Сначала ставим Монгу (она понадобится для Strapi.js). С ее установкой немного пришлось повозиться, так как я это делал впервые. Качаем  MongoDB  (надо выбрать Community Server). Запускаем установщик (msi) и ждём завершения установки. На что надо обратить внимание, так как этому не всегда уделяется внимание в мануал...

Strapi: проблемы #1, созданные своими руками

Перед тем как двигаться дальше, опишу проблему, неожиданно возникшую в результате следующего старта сервера - данные пользователя, которого мы создали в прошлый раз, не сохранились, при старте " strapi start " вместо авторизации предлагается форма создания нового пользователя. Пробуем создать нового пользователя - User2. После этого отключаем всё - MongoDB, NodeJS, перезагружаем компьютер; потом заново делаем старт всех необходимых приложений. И, о чудо, после всех манипуляций User2 сохранился, получается залогиниться. Следующий запуск показал, что сервер не запускается, выдает ошибку БД в консоли mongod.exe :   "Access control is not enabled for the database." mongo.exe : MongoDB shell version v3.6.3 connecting to: mongodb://127.0.0.1:27017 MongoDB server version: 3.6.3 Server has startup warnings: 2018-03-19T23:30:39.702-0700 I CONTROL  [initandlisten] 2018-03-19T23:30:39.702-0700 I CONTROL  [initandlisten] ** WARNING: Access control is no...

Gatsby + Strapi - управление данными в CMS

# Управление данными Мы создали API и типы контента. По сути мы уже частично создали CMS - систему управления контентом. В данной статье рассмотрим некоторые возможности управления данными в нашем проекте. Ценность любой CMS заключается с том числе во взаимосвязях между различными типами контента. Настроим эти взаимосвязи, Strapi позволяет сделать это в несколько кликов. В этом нам поможет плагин Content Type Builder, который использовался ранее. Откроем в нем тип контента Product. Он содержит три поля: name (string), description (text), price (float). Построим логическую связь между "Product" и "Vendor", она будет заключаться в следующем: "Одному производителю может принадлежать множество товаров (Products)". Для этого необходимо выбрать на панели  Content Type Builder тип данных Product, созданный нами ранее: Добавляем новое поле типа  Relation : Настраиваем взаимосвязь: Должно получиться "Vendor has many Products". Такж...