Автор оригинала: Ethan Nwankwo.
Строительство масштабируемых веб-приложений с использованием среднего стека
Вступление
Добро пожаловать на первый учебник этой серии, что объяснит основы создания среднего проекта. Если вам уже удобно создать средний проект, не стесняйтесь переходить на следующий учебник. Тем не менее, если вы начинаете к средней стеке, я надеюсь, что вы получите вещь или два из этого
Почему означают:
Средства обозначает Монгодб , Expressjs , Angularjs и Node.js Отказ Давайте быстро прогуливаемся по каждому из них:
Монгодб:
Mongodb – это не реляционная база данных NoSQL, написанная на C ++. Другими словами, это база данных, которая хранит данные в качестве объектов, где каждый объект имеет уникальный _id В отличие от хранения данных в таблицах, используемых реляционными базами данных. Как правило, не реляционные базы данных просты в использовании и требуют небольших технических знаний.
Express.js:
Express.js – это Web Application Node.js. Это позволяет нам добавлять некоторые функции задней части на наше простое приложение JavaScript.
Angularjs:
Angularjs – это передняя структура, которая позволяет нам расширить атрибуты HTML и функциональные возможности для размещения использования Выражения на основе логики прямо в Дом Отказ Angularjs позволяет нам использовать функциональные возможности, такие как _ng-if, ng-show, ng-repeat_ И многие другие полезные функции, которые могут сделать наш HTML Views Dynamic.
Node.js:
Node.js – это кроссплатформенная среда выполнения для разработки серверных и сетевых приложений. Node.js Приложения записываются в JavaScript и наличие обильных модулей с использованием NPM (Manager Unode Package) делает Super легко разработать приложения с помощью Node.js.
Как они все работают вместе
Мы собираемся разработать наше приложение, используя Angularjs Как передняя структура для тонкой настройки нашего DOM, Node.js как задний двигатель, Express.js Как серверная коммуникационная платформа, а Монгодб как хранилище данных. Легко, да!
Настройка зависимости
Чтобы начать развитие нашего приложения, нам необходимо установить следующие:
- Node.js с НПМ
- Монгодб , который можно использовать в Интернете или загруженным, установленным и использоваться локально.
Запустите следующую команду на терминале, чтобы подтвердить вашу установку:
Node.js: Узел -в (Отображает версию узла: I.E. V6.10.0)
NPM: NPM -V (Отображает версию NPM: I.E. v5.0)
Mongodb (установлен на месте): Монго (запускает Mongodb Server локально)
После того, как у нас есть эти настройки, мы можем установить другие зависимости, используя NPM в командной строке.
Теперь мы создадим каталог проекта и перейдите к нему в нашем терминале, используя следующую команду UNIX:
mkdir mean-project && cd mean-project
Затем мы инициализируем проект узла, используя NPM, запустив:
npm init
Это подскажет вам вопросы о проекте, как имя и версия, чтобы генерировать Package.json файл. Мы будем использовать значения по умолчанию и вносите изменения в сгенерированный файл позже.
После этого мы установим зависимости узла для нашего проекта. Для этого мы будем работать:
npm install --save angular@1.6.4 express body-parser angular-route@1.6.4 mongoose
Эта команда установит наши зависимости. Обратите внимание, что мы использовали –save flag Чтобы гарантировать, что файл package.json обновляется с изменениями. Мы также установили Mongoose, чтобы позволить нам использовать структурированную структуру модель-схемы для нашего приложения.
Теперь наша структура папки проекта должна выглядеть так:
> node_modules --package.json
Пока наше package.json file должен выглядеть так:
{
"name": "angular-project",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "Ethan",
"license": "ISC",
"dependencies": {
"angular": "^1.6.4",
"angular-route": "^1.6.4",
"body-parser": "^1.17.2",
"express": "^4.15.4",
"mongoose": "^4.11.6"
}
}
Теперь мы готовы создавать наши сценарии для обслуживания нашего приложения с заднего сервера с использованием Express.
Я знаю, что это много теоретических вещей, но я обещаю, мы напишем кучу кода в следующий раз.
В следующем уроке мы создадим Express Server, создавайте статические файлы и запустите приложение образца в браузере.
Не стесняйтесь бросить свои комментарии ниже – я буду рад вернуться к вам!
Этот пост изначально опубликован автором здесь Отказ Эта версия была отредактирована для ясности и может появиться отличаться от исходного поста.