Я хотел использовать MEAN JavaScript Stack, но я заметил, что есть два разных стека с их собственным сайтом и методами установки: mean.js и mean.io. Поэтому я поднялся, задавая себе этот вопрос: "Какой из них я использую?".
Итак, чтобы ответить на этот вопрос, я спрашиваю сообщество, можете ли вы объяснить, в чем различия между этими двумя? И по возможности плюсы и минусы? Потому что они очень похожи на меня.
Они по сути одни и те же... Они оба используют swig для шаблонов, они оба используют карму и мокко для тестов, интеграцию паспорта, nodemon и т.д.
Почему так похоже? Mean.js является развилкой Mean.io, и обе инициативы были начаты тем же парнем... Mean.io теперь находится под зонтиком компании Linnovate и выглядит как парень (Амос Хавив) прекратил свое сотрудничество с этой компанией и начал Mean.js. Подробнее о причинах можно прочитать здесь.
Теперь... основные (или маленькие) различия, которые вы можете увидеть прямо сейчас:
СКОРОСТНОЕ И КОТЕЛЬНОЕ ПОКОЛЕНИЕ
Среднее значение .io использует пользовательский инструмент cli с именем "mean"
Mean.js использует генераторы Yeoman
Модульность
Mean.io использует более автономную модульную модульность node с клиентскими и серверными файлами внутри модулей.
Средство .js использует модули только в интерфейсе (для angular) и соединяет их с Express. Хотя они также работали над вертикальными модулями...
СТРОИТЕЛЬНАЯ СИСТЕМА
Mean.io недавно перешел на gulp
Mean.js использует grunt
DEPLOYMENT
Оба имеют Dockerfiles в своих соответствующих репозиториях, а Mean.io устанавливает один клик на Google Compute Engine, а Mean.js также может быть развернут с помощью установить один клик в Digital Ocean.
Documentation
Среднее .io имеет ok docs
Среднее .js имеет УДИВИТЕЛЬНЫЕ документы
СООБЩЕСТВО
Mean.io имеет большее сообщество, так как это был оригинальный шаблон Mean.js имеет меньший импульс, но устойчивый рост
На личном уровне мне больше нравится философия и открытость MeanJS, а также более высокий уровень сцепления и модульных/пакетных подходов MeanIO. Оба хороши, и вы закончите, вероятно, их модификацию, так что вы не можете ошибиться в том, что выбрали тот или другой. Просто возьмите их как отправную точку и как учебное упражнение.
MEAN - это общий способ (придумал Валери Карпов) для описания шаблона/рамки, который принимает "Mongo + Express + Angular + Node" как основание стека. Вы можете найти фреймворки с этим стекем, которые используют другое достоинство, некоторые из них действительно хороши для RAD (Rapid Application Development) и создания SPA. Например:
У вас также есть Hackathon Starter. У него нет A of MEAN (это "MEN" ), но он потрясает.
Удачи!
Прежде всего, MEAN является аббревиатурой M ongoDB, E xpress, A ngular и N ode.js.
В целом он идентифицирует комбинированные используемые технологии в "стеке". Нет такой вещи, как "Рамка MEAN".
Lior Kesos в Linnovate взял преимущество этой путаницы. Он купил домен MEAN.io и поместил код https://github.com/linnovate/mean
Они, к счастью, получили много гласности, и в Theree все больше и больше статей и видео о MEAN. Когда Google "означает фреймворк", mean.io является первым в списке.
К сожалению, код https://github.com/linnovate/mean кажется плохо спроектированным.
В феврале я сам попал в ловушку. У сайта mean.io был броский дизайн, а репозиторий Github насчитывал 1000 звезд. Идея расспросить качество даже не прошла через мой разум. Я начал экспериментировать с ним, но не слишком много времени, чтобы наткнуться на вещи, которые не работали, и озадачивать фрагменты кода.
История фиксации также была довольно актуальной. Они повторно спроектировали структуру кода и каталогов несколько раз, и слияние новых изменений слишком трудоемко.
Хорошие вещи как в коде mean.io, так и в mean.js - это то, что они поставляются с интеграцией Bootstrap. Они также имеют аутентификацию Facebook, Github, Linkedin и т.д. Через PassportJs и пример модели (статьи) на бэкэнд на MongoDB, который синхронизация с интерфейсной моделью с помощью AngularJS.
Согласно веб-сайту Linnovate:
Linnovate - ведущая компания с открытым исходным кодом в Израиле, с наиболее опытная команда в стране, посвященная созданию high-end с открытым исходным кодом. Linnovate - единственная компания в Израиле, которая предоставляет услуги A-Z для предприятий по строительству и обслуживанию их следующий веб-проект.
На веб-сайте похоже, что их основным набором навыков является Drupal (система управления контентом PHP), и только в последнее время они начали использовать Node.js и AngularJS.
В последнее время я читал Блог Mean.js, и все стало понятным. Я понимаю, что главный разработчик Javascript (Amos Haviv) оставил Linnovate для работы над Mean.js, оставив проект MEAN.io с людьми, которые являются новичками Node.js, которые замедляют понимание того, как должны работать вещи.
В будущем все может измениться, но на данный момент я бы избегал использовать mean.io. Если вы ищете шаблон для быстрого запуска Mean.js, это лучший вариант, чем mean.io.
Ниже приведено сравнение нескольких стартеров/генераторов приложений и других технологий, включая MEAN.js, MEAN.io и cleverstack. Я продолжаю добавлять альтернативы, когда нахожу время, и, как это происходит, список потенциально обеспеченных пособий также растет. Сегодня это примерно до 1600. Если кто-то хочет помочь улучшить его точность или полноту, нажмите следующую ссылку и сделайте анкету о том, что вы знаете.
Сравнить проект технологий приложений
Из этой базы данных система генерирует отчеты следующим образом:
В таблице "Стартерские компромиссы" моей таблицы сравнения есть всесторонние сравнения "один на один" между каждым генератором. Поэтому больше не нужно искажать вишни, чтобы сказать о своих любимых.
Вот один из генераторов - angular -полный станок и MEAN.js. Проценты - это значения для каждого пособия, основанные на моих личных весах, где идеальный генератор будет на 100%
generator- angular - fullstack предлагает 8%, что MEANJS.org не
MeanJS.org. предлагает 9%, что генератор angular -fullstack не
Вот один из MEAN.io и MEAN.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 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. Это генератор генератора номер один, который в настоящее время составляет 1490 звезд на странице генератора