Разница между средним.JS и имею в виду.Ио
Я хотел использовать средний стек JavaScript, но я заметил, что есть два разных стека с любым собственным веб-сайтом и методами установки: mean.js и mean.io поэтому я задал себе такой вопрос: "какой из них я использую?".
Итак, чтобы ответить на этот вопрос, я спрашиваю сообщество, не могли бы вы объяснить, в чем разница между этими двумя? А если возможны плюсы и минусы? Потому что они очень похожи на меня.
5 ответов:
Они по сути одинаковы... Они оба используют swig для шаблонов, они оба используют karma и mocha для тестов, интеграции паспортов, nodemon и т. д.
Почему так похожи? Означать.js-это вилка Mean.io и обе инициативы были начаты тот же парень... Mean.io сейчас находится под зонтиком компании Linnovate и выглядит так, как будто парень (Амос Хавив) прекратил свое сотрудничество с этой компанией и начал означать.js. Вы можете узнать больше о причинах здесь.
сейчас... основные (или небольшие) различия, которые вы можете увидеть прямо сейчас:
ЛЕСА И ШАБЛОННОЕ ПОКОЛЕНИЕ
значит.Ио использует пользовательский инструмент командной строки с именем 'означает'
Означать.js использует генераторы Yeoman
модульностьMean.io использует более автономные пакеты узлов модульность с клиентскими и серверными файлами внутри модули.
Означать.js использует модули только в передней части (для угловых) и соединяет их с Express. Хотя они работали и над вертикальными модулями...
ПОСТРОИТЬ СИСТЕМУMean.io недавно переехал в глоток
Означать.js использует grunt
развертываниеоба имеют Dockerfiles в своих соответствующих репозиториях, и Mean.io имеет один клик установить на Google Compute Двигатель, в то время как средний.js также можно развернуть с помощью один клик установить на цифровой океан.
документацияMean.io имеет ok docs
Означать.js имеет удивительные документы
сообществоMean.io имеет большее сообщество, так как это был оригинальный шаблон
Означать.js имеет меньший импульс, но устойчивый рост
На личном уровне, мне нравится больше философия и открытость MeanJS и многое другое тяги и модули/пакеты подход MeanIO. Оба хороши, и вы, вероятно, закончите их изменять, поэтому вы не можете ошибиться, выбирая один или другой. Просто возьмите их в качестве отправной точки и в качестве учебного упражнения.
АЛЬТЕРНАТИВНЫЕ "СРЕДНИЕ" РЕШЕНИЯ
MEAN-это общий способ (придуманный Валерий Карпов) для описания шаблона / фреймворка, который принимает "Mongo + Express + Angular + Узел " как основание стека. Вы можете найти фреймворки с этим стеком, которые используют другое название, некоторые из них действительно хороши для RAD (быстрой разработки приложений) и создания спа. Например:
- Метеор. Теперь с официальным Угловое, представляет собой большой средний стек
- StrongLoop Loopback (основной узел.JS основные участники и Экспресс сопровождающие)
- Генератор Угловой Fullstack
- паруса.js
- Cleverstack
- Deployd и т. д. (Есть еще)
У вас тоже есть Хакатон Стартера. Он не имеет среднего (это "люди"), но он качается..
удачи!
прежде всего,значит - это аббревиатура M ongoDB,Express,Angular и Nода.js.
Это в общем определяет комбинированное использование этих технологий в"стеке". Нет такой вещи, как"The значит рамки".
Kesos Лиор at Linnovate воспользовался этой путаницей. Он купил домен MEAN.io и поставьте какой-нибудь код на https://github.com/linnovate/mean
Они, к счастью, получили много рекламы, и есть все больше и больше статей и видео о MEAN. Когда Вы Google "mean framework", mean.io является первым в списке.
к сожалению код на https://github.com/linnovate/mean кажется плохо спроектированный.
в феврале я сам попал в ловушку. Сайт mean.io имел броский дизайн и GitHub РЕПО было 1000+ звезд. Мысль о том, чтобы подвергнуть сомнению это качество, даже не приходила мне в голову. Я начал экспериментировать с ним, но это не займет слишком много времени, чтобы наткнуться на вещи, которые не работали, и непонятные куски кода.
история фиксации также была довольно интересной. Они повторно спроектировали код и структуру каталогов несколько раз, и слияние новых изменений занимает слишком много времени.
хорошие вещи об обоих имею в виду.Ио и имею в виду.JS код это они поставляются с Bootstrap интеграции. Они также поставляются с аутентификацией Facebook, Github, Linkedin и т. д. Через PassportJs и пример модели (статьи) на бэкэнде на MongoDB, которая синхронизируется с моделью frontend с AngularJS.
согласно сайту Linnovate:
Linnovate является ведущей компанией с открытым исходным кодом В Израиле, с наиболее опытная команда в стране, предназначенная к творению лидирующего открытый исходный код решения. Linnovate-единственная компания в Израиле, которая предоставляет услуги A-Z для предприятий по строительству и обслуживанию их следующий веб-проект.
с веб-сайта похоже, что их основным набором навыков является Drupal (система управления контентом PHP), и только в последнее время они начали использовать Node.js и AngularJS.
в последнее время я читал значит.блог Яш и все стало яснее. Я так понимаю, что главный разработчик Javascript (Амос Хавив) покинул Линноват, чтобы работать над Mean.js уходит MEAN.io проект с людьми, которые являются новичками узла.разработчики js, которые замедляют понимание того, как все должно работать.
в будущем все может измениться, но сейчас я бы избегал использовать mean.io. если вы ищете шаблон для быстрого запуска означает.js кажется лучшим вариантом, чем mean.io.
вот параллельное сравнение нескольких стартеров/генераторов приложений и других технологий, включая MEAN.js, MEAN.io и умница стек. Я продолжаю добавлять альтернативы, как я нахожу время, и как это происходит, список потенциально предоставляемых преимуществ продолжает расти тоже. Сегодня это примерно до 1600 года. Если кто-то хочет помочь улучшить его точность или полноту, нажмите на следующую ссылку и сделайте анкету о чем-то, что вы знаете.
сравнить технологии приложений проект
из этой базы данных система генерирует следующие отчеты:
стартовый лист компромиссов из моей таблицы сравнения есть комплексные сравнения один на один между каждым генератором. Так что больше не нужно искаженно подбирать отличные вещи, чтобы сказать о своем любимом.
вот один между генератором-угловым-полным стеком и средним.js. Проценты-это значения для каждого преимущества, основанные на моих личных весах, где идеальный генератор будет 100%
генератор-угловой-fullstack предлагает 8%, что MEANJS.org не делает
- 1.9% клиентские сквозные тесты
- 0.6% фабрика
- 0.5% поставщик
- 0.4% SASS
- 0,4% меньше
- 0.4% компас
- 0.4% оформителя
- 0.4% Endpoint subgenerator
- 0.4% комментарии
- 0.3% FontAwesome
- 0.3% Запустить сервер в режиме отладки
- 0.3% сохранить ответы генератора в файл
- 0.2% постоянный
- 0.2% создание сценария: ...... замените сторонние deps на CDN версии
- 0.2% Аутентификация-Cookie
- 0.2% аутентификация-JSON Web Token (JWT)
- 0.2% ведение журнала на стороне сервера
- 0.1% сценарий сборки разработки: запуск задач в параллельно, чтобы ускорить его
- 0.1% сценарий сборки разработки: переименовывает файлы активов, чтобы предотвратить кэширование браузера
- 0.1% сценарий сборки разработки: запуск сквозных тестов
- 0.1% сценарий сборки производства: безопасная предварительная минификация
- 0.1% производственный сценарий сборки: добавьте префиксы поставщика CSS
- 0.1% в Heroku развертывания автоматизации
- 0.1% значение
- 0.1% Jade
- 0.1% Coffeescript
- 0.1% ограничение аутентифицированного маршрута на стороне сервера
- 0.1% Sass версия Twitter Bootstrap
- 0.1% производственный сценарий сборки: сжатие изображений
- 0.1% OpenShift автоматизация развертывания
MeanJS.org. предлагает 9%, что генератор-угловой-fullstack не делает
- 3.7% выделенная / поисковая группа пользователей: время отклика в основном менее суток
- 0.4% создавать маршруты
- 0.4% Аутентификация-Oauth
- 0.4% config
- 0.4% до i18n, локализация
- 0.4% входной профиль приложения
- 0.3% FEATURE (a. k. a. module, entity, crud-mock)
- 0.3% меню система
- 0.3% опции для создания подкомпонентов
- тест 0.3% на стороне клиента
- 0.3% Javascript производительность вещь
- 0.3% Production build script: сделать статические страницы для SEO
- 0.2% быстрой установке?
- 0.2% выделенная / поисковая группа пользователей
- 0.1% сценарий сборки разработки: перезагрузить файл сборки после изменить
- 0.1% сценарий сборки разработки: файлы кофе скомпилированы в JS
- контроллер 0.1% - на стороне сервера
- 0.1% модели - на стороне сервера
- 0.1% route-server side
- 0.1% test-server side
- 0.1% Свиг
- 0.1% безопасно от IP-спуфинга
- 0.1% производственный сценарий сборки: уродство
- 0.0% подход к представлениям: URL-адреса начинаются с "#!"
- 0.0% подход к интерфейсным службам и вызовам ajax: использует $resource
вот это имею в виду.Ио и имею в виду.js в более удобочитаемом формате
<table border="1" cellpadding="10"><tbody><tr><td valign="top" width="33%"><br><br><h1>MeanJS.org. provides these benefits that MEAN.io. doesn't</h1><br><br><b>Help</b>:<br> * Dedicated/searchable user group for questions, using github issues<br> * There's a book about it<br><b>File Organization</b>:<br> * Basic sourcecode organization, module(->submodule)->side<br> * Module directories hold directives<br><b>Code Modularization</b>:<br> * Approach to AngularJS modules, Only one module definition per file<br> * Approach to AngularJS modules, Don’t alter a module other than where it is defined<br><b>Model</b>:<br> * Object-relational mapping<br> * Server-side validation, server-side example<br> * Client side validation, using Angular 1.3<br><b>View</b>:<br> * Approach to AngularJS views, Directives start with "data-"<br> * Approach to data readiness, Use ng-init<br><b>Control</b>:<br> * Approach to frontend routing or state changing, URLs start with '#!'<br> * Approach to frontend routing or state changing, Use query parameters to store route state<br><b>Support for things</b>:<br> * Languages, LESS<br> * Languages, SASS<br><b>Syntax, language and coding</b>:<br> * JavaScript 5 best practices, Don't use "new"<br><b>Testing</b>:<br> * Testing, using Mocha<br> * End-to-end tests<br> * End-to-end tests, using Protractor<br> * Continuous integration (CI), using Travis<br><b>Development and debugging</b>:<br> * Command line interface (CLI), using Yeoman<br><b>Build</b>:<br> * Build configurations file(s)<br> * Deployment automation, using Azure<br> * Deployment automation, using Digital Ocean, screencast of it<br> * Deployment automation, using Heroku, screencast of it<br><b>Code Generation</b>:<br> * Input application profile<br> * Quick install?<br> * Options for making subcomponents<br> * config generator<br> * controller (client side) generator<br> * directive generator<br> * filter generator<br> * route (client side) generator<br> * service (client side) generator<br> * test - client side<br> * view or view partial generator<br> * controller (server side) generator<br> * model (server side) generator<br> * route (server side) generator<br> * test (server side) generator<br><b>Implemented Functionality</b>:<br> * Account Management, Forgotten Password with Resetting<br> * Chat<br> * CSV processing<br> * E-mail sending system<br> * E-mail sending system, using Nodemailer<br> * E-mail sending system, using its own e-mail implementation<br> * Menus system, state-based<br> * Paypal integration<br> * Responsive design<br> * Social connections management page<br><b>Performance</b>:<br> * Creates a favicon<br><b>Security</b>:<br> * Safe from IP Spoofing<br> * Authorization, Access Contol List (ACL)<br> * Authentication, Cookie<br> * Websocket and RESTful http share security policies<br><br><br></td><td valign="top" width="33%"><br><br><h1>MEAN.io. provides these benefits that MeanJS.org. doesn't</h1><br><br><b>Quality</b>:<br> * Sponsoring company<br><b>Help</b>:<br> * Docs with flatdoc<br><b>Code Modularization</b>:<br> * Share code between projects<br> * Module manager<br><b>View</b>:<br> * Approach to data readiness, Use state.resolve()<br><b>Control</b>:<br> * Approach to frontend code loading, Use AMD with Require.js<br> * Approach to frontend code loading, using wiredep<br> * Approach to error handling, Server-side logging<br><b>Client/Server Communication</b>:<br> * Centralized event handling<br> * Approach to XHR calls, using $http and $q<br><b>Syntax, language and coding</b>:<br> * JavaScript 5 best practices, Wrap code in an IIFE (SEAF, SIAF)<br><b>Development and debugging</b>:<br> * API introspection report and testing interface, using Swagger<br> * Command line interface (CLI), using Independent command line interface<br><b>Build</b>:<br> * Development build, add IIFEs (SEAF, SIAF) to executable copies of code<br> * Deployment automation<br> * Deployment automation, using Heroku<br><b>Code Generation</b>:<br> * Scaffolding undo (mean package -d <name>)<br> * FEATURE (a.k.a. module, entity) generator, Menu items added for new features<br><b>Implemented Functionality</b>:<br> * Admin page for users and roles<br> * Content Management System (Use special data-bound directives in your templates.<br>Switch to edit mode and you can edit the values right where you see them)<br> * File Upload<br> * i18n, localization<br> * Menus system, submenus<br> * Search<br> * Search, actually works with backend API<br> * Search, using Elastic Search<br> * Styles, using Bootstrap, using UI Bootstrap AngularJS directives<br> * Text (WYSIWYG) Editor<br> * Text (WYSIWYG) Editor, using medium-editor<br><b>Performance</b>:<br> * Instrumentation, server-side<br><b>Security</b>:<br> * Serverside authenticated route restriction<br> * Authentication, using Oauth, Link multiple Oauth strategies to one account<br> * Authentication, JSON Web Token (JWT)<br><br><br></td><td valign="top" width="33%"><br><br><h1>MEAN.io. and MeanJS.org. both provide these benefits</h1><br><br><b>Quality</b>:<br> * Version Control, using git<br><b>Platforms</b>:<br> * Client-side JS Framework, using AngularJS<br> * Frontend Server/ Framework, using Node.JS<br> * Frontend Server/ Framework, using Node.JS, using Express<br> * API Server/ Framework, using NodeJS<br> * API Server/ Framework, using NodeJS, using Express<br><b>Help</b>:<br> * Dedicated/searchable user group for questions<br> * Dedicated/searchable user group for questions, using Google Groups<br> * Dedicated/searchable user group for questions, using Facebook<br> * Dedicated/searchable user group for questions, response time mostly under a day<br> * Example application<br> * Tutorial screencast in English<br> * Tutorial screencast in English, using Youtube<br> * Dedicated chatroom<br><b>File Organization</b>:<br> * Basic sourcecode organization, module(->submodule)->side, with type subfolders<br> * Module directories hold controllers<br> * Module directories hold services<br> * Module directories hold templates<br> * Module directories hold unit tests<br> * Separate route configuration files for each module<br><b>Code Modularization</b>:<br> * Modularized Functionality<br> * Approach to AngularJS modules, No global 'app' module variable<br> * Approach to AngularJS modules, No global 'app' module variable without an IIFE<br><b>Model</b>:<br> * Setup of persistent storage<br> * Setup of persistent storage, using NoSQL db<br> * Setup of persistent storage, using NoSQL db, using MongoDB<br><b>View</b>:<br> * No XHR calls in controllers<br> * Templates, using Angular directives<br> * Approach to data readiness, prevents Flash of Unstyled/compiled Content (FOUC)<br><b>Control</b>:<br> * Approach to frontend routing or state changing, example of it<br> * Approach to frontend routing or state changing, State-based routing<br> * Approach to frontend routing or state changing, State-based routing, using ui-router<br> * Approach to frontend routing or state changing, HTML5 Mode<br> * Approach to frontend code loading, using angular.bootstrap()<br><b>Client/Server Communication</b>:<br> * Serve status codes only as responses<br> * Accept nested, JSON parameters<br> * Add timer header to requests<br> * Support for signed and encrypted cookies<br> * Serve URLs based on the route definitions<br> * Can serve headers only<br> * Approach to XHR calls, using JSON<br> * Approach to XHR calls, using $resource (angular-resource)<br><b>Support for things</b>:<br> * Languages, JavaScript (server side)<br> * Languages, Swig<br><b>Syntax, language and coding</b>:<br> * JavaScript 5 best practices, Use 'use strict'<br><b>Tool Configuration/customization</b>:<br> * Separate runtime configuration profiles<br><b>Testing</b>:<br> * Testing, using Jasmine<br> * Testing, using Karma<br> * Client-side unit tests<br> * Continuous integration (CI)<br> * Automated device testing, using Live Reload<br> * Server-side integration & unit tests<br> * Server-side integration & unit tests, using Mocha<br><b>Development and debugging</b>:<br> * Command line interface (CLI)<br><b>Build</b>:<br> * Build-time Dependency Management, using npm<br> * Build-time Dependency Management, using bower<br> * Build tool / Task runner, using Grunt<br> * Build tool / Task runner, using gulp<br> * Development build, script<br> * Development build, reload build script file upon change<br> * Development build, copy assets to build or dist or target folder<br> * Development build, html page processing<br> * Development build, html page processing, inject references by searching directories<br> * Development build, html page processing, inject references by searching directories, injects js references<br> * Development build, html page processing, inject references by searching directories, injects css references<br> * Development build, LESS/SASS/etc files are linted, compiled<br> * Development build, JavaScript style checking<br> * Development build, JavaScript style checking, using jshint or jslint<br> * Development build, run unit tests<br> * Production build, script<br> * Production build, concatenation (aggregation, globbing, bundling) (If you add debug:true to your config/env/development.js the will not be <br>uglified)<br> * Production build, minification<br> * Production build, safe pre-minification, using ng-annotate<br> * Production build, uglification<br> * Production build, make static pages for SEO<br><b>Code Generation</b>:<br> * FEATURE (a.k.a. module, entity) generator (README.md<br>feature css<br>routes<br>controller<br>view<br>additional menu item)<br><b>Implemented Functionality</b>:<br> * 404 Page<br> * 500 Page<br> * Account Management<br> * Account Management, register/login/logout<br> * Account Management, is password manager friendly<br> * Front-end CRUD<br> * Full-stack CRUD<br> * Full-stack CRUD, with Read<br> * Full-stack CRUD, with Create, Update and Delete<br> * Google Analytics<br> * Menus system<br> * Realtime data sync<br> * Realtime data sync, using socket.io<br> * Styles, using Bootstrap<br><b>Performance</b>:<br> * Javascript performance thing<br> * Javascript performance thing, using lodash<br> * One event-loop thread handles all requests<br> * Configurable response caching (Express plugin<br><b>https</b>://www.npmjs.org/package/apicache)<br> * Clustered HTTP sessions<br><b>Security</b>:<br> * JavaScript obfuscation<br> * https<br> * Authentication, using Oauth<br> * Authentication, Basic (With Passport or others)<br> * Authentication, Digest (With Passport or others)<br> * Authentication, Token (With Passport or others)<br></td></tr></tbody></table>
Я удивлен, что никто не упомянул генератор Yeoman angular-fullstack. Это генератор сообщества Yeoman номер один, в настоящее время 1490 звезд на страница генератор против значит.JS ' 81 звезды (по общему признанию, не справедливое сравнение, учитывая, как новый MEANJS). Он, кажется, активно поддерживается и находится в версии 2.05, когда я пишу это. В отличие от MEANJS, он не использует Swig для шаблонов. Его можно ремонтировать с помощью встроенного паспорта.