Różnica między średnią.js i MEAN.io
Chciałem użyć stosu Mean JavaScript, ale zauważyłem, że istnieją dwa różne stosy z własną stroną internetową i metodami instalacji: mean.js i mean.io. więc wpadłem zadając sobie to pytanie: "którego z nich używam?".
Więc aby odpowiedzieć na to pytanie pytam społeczność, czy mógłbyś wyjaśnić, jakie są różnice między tymi dwoma? A jeśli to możliwe za i przeciw? Bo wyglądają bardzo podobnie do mnie.
5 answers
Są zasadniczo takie same... Obaj używają swig do szablonów, obaj używają karmy i mocha do testów, integracji paszportowej, nodemona itp.
Dlaczego tak podobne? Wredny.js to widelec Mean.io i obie inicjatywy zostały zapoczątkowane przez tego samego faceta ... Mean.io jest teraz pod parasolem firmy Linnovate i wygląda na to, że facet (Amos Haviv) zaprzestał współpracy z tą firmą i zaczął wredny.js. Możesz przeczytać więcej o powodach TUTAJ .
Teraz... główne (lub małe) różnice, które możesz teraz zobaczyć to:
WYTWARZANIE RUSZTOWAŃ I KOTŁÓW
Mean.io używa niestandardowego narzędzia cli o nazwie "mean"
Wredny.js używa generatorów Yeoman
modułowość
Mean.io wykorzystuje bardziej samodzielną modułowość pakietów węzłów z plikami klienta i serwera wewnątrz modułów.
Wredny.js wykorzystuje moduły tylko w front-endzie( dla angular) i łączy je z Express. Chociaż pracowali również nad modułami pionowymi...
BUILD SYSTEM
Mean.io ostatnio przeniósł się do gulp
Wredny.js używa grunt
wdrożenie
Oba mają Pliki Dockerfiles w swoich repozytoriach i Mean.io posiada instalację jednym kliknięciem na Google Compute Engine , podczas gdy Mean.js można również wdrożyć za pomocą one-click install on Digital Ocean .
dokumentacja
Mean.io has ok docs
Wredny.js ma zajebiste docs
społeczność
Mean.io ma większą społeczność, ponieważ był to oryginalny boilerplate
Wredny.js ma mniejszy rozmach, ale stały wzrost
Na poziomie osobistym bardziej podoba mi się filozofia i otwartość meanjs, a bardziej podejście do trakcji i modułów/pakietów meanio. Oba są ładne, a ty pewnie skończysz je modyfikować, więc nie możesz się pomylić wybierając jedno lub drugie. Po prostu weź je jako punkt wyjścia i jako ćwiczenie uczenia się.
ALTERNATYWNE" ŚREDNIE " ROZWIĄZANIA
MEAN to ogólny sposób (wymyślony przez Valeri Karpov) opisujący planerplate / framework, który przyjmuje "Mongo + Express + Angular + Node" jako podstawę stosu. Możesz znaleźć frameworki z tym stosem, które używają innych nazw, niektóre z nich naprawdę dobre dla RAD (Rapid Application Development) i budowania Uzdrowiska. Eg:
- Meteor. Teraz z oficjalnym wsparciem kątowym , reprezentuje wielki stos średniej
- StrongLoop Loopback (główny węzeł.js core contributors and Express maintainers )
- Generator Kątowy Fullstack
- żagle.js
- Cleverstack
- Deployd, etc (jest ich więcej)
Masz też Hackathon Starter . Nie ma mają średnią (TO JEST "mężczyźni"), ale to rządzi..
Miłej zabawy!
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-07-29 15:21:24
Po pierwsze, MEAN jest akronimem dla MongoDB, Express, Angular i Node.js.
It ogólnie identyfikuje połączone wykorzystanie tych technologii w "stosie". Nie ma czegoś takiego jak "THE MEAN framework".
Lior Kesos at Linnovate wykorzystał to zamieszanie. Kupił domenę MEAN.io i wstaw jakiś kod na https://github.com/linnovate/mean
Na szczęście zyskali duży rozgłos, a coraz więcej artykułów i filmów o MEAN. Gdy w Google "mean framework", mean.io jest pierwszy na liście.
Niestety kod na https://github.com/linnovate/mean wydaje się źle skonstruowany.
W lutym sam wpadłem w pułapkę. Witryna mean.io miał chwytliwy design i Github repo miał 1000 + gwiazdek. Pomysł przesłuchania jakość nawet nie przeszła mi przez myśl. Zacząłem eksperymentować z nim, ale nie trwało to zbyt długo, aby natknąć się na rzeczy, które nie działały, i zagadkowe kawałki kodu.
Historia zmian również była dość niepokojąca. Wielokrotnie zmieniali strukturę kodu i katalogów, a łączenie nowych zmian jest zbyt czasochłonne.
The nice things about both mean.io i wredny.kod js polega na tym, że są one dostarczane z integracją Bootstrap. Pochodzą również z Facebook, Github, Linkedin itp. uwierzytelnianie za pomocą PassportJs i przykład modelu (artykułu) na backendzie w MongoDB, który synchronizuje się z modelem frontend z AngularJS.
Według strony Linnovate:
Linnovate jest wiodącą firmą Open Source w Izraelu, z najbardziej doświadczony zespół w kraju, poświęcony tworzeniu wysokiej klasy rozwiązania open source. Linnovate jest jedyną firmą w Izraelu, która oferuje usługi od A do Z dla przedsiębiorstwa budowy i utrzymania ich kolejny projekt internetowy.
Ze strony wygląda na to, że ich podstawowym zestawem umiejętności jest Drupal (system zarządzania treścią PHP) i dopiero ostatnio zaczęli używać Node.js i AngularJS.
Ostatnio czytałam Wredne.js Blog i wszystko stało się jaśniejsze. Rozumiem, że główny programista Javascript (Amos Haviv) opuścił Linnovate, aby pracować nad Mean.odejście js MEAN.io projektuj z ludźmi, którzy są nowicjuszami.js deweloperzy, którzy spowalniają zrozumienie, jak rzeczy mają działać.
W przyszłości rzeczy mogą się zmienić, ale na razie unikałbym używania mean.io. Jeśli szukasz kotła do szybkiego startu oznacza.js wydaje się lepszym rozwiązaniem niż mean.io.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-08-22 15:41:04
Oto porównanie kilku starterów/generatorów aplikacji i innych technologii, w tym Średniej.js, MEAN.io i cleverstack. Ciągle dodaję alternatywy, gdy znajduję czas i jak to się dzieje, lista potencjalnie dostarczonych korzyści stale rośnie. Dziś do około 1600. Jeśli ktoś chce pomóc poprawić jego dokładność lub kompletność, kliknij Następny link i zrób kwestionariusz o czymś, co wiesz.
Porównaj technologie aplikacji projekt
Z tej bazy danych system generuje raporty w następujący sposób:
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-10-12 15:11:14
Początkowy arkusz kompromisów mojego arkusza kalkulacyjnego porównania zawiera kompleksowe porównania jeden na jeden między każdym generatorem. Więc nie musisz już wybierać wspaniałych rzeczy do powiedzenia o swoim ulubionym.
Oto jeden pomiędzy generator-angular-fullstack I MEAN.js. Procenty są wartościami dla każdej korzyści w oparciu o moje osobiste wagi, gdzie idealnym generatorem byłoby 100%
Generator-angular-fullstack oferuje 8%, że MEANJS.org nie
- 1,9% testów end-to-end po stronie klienta
- 0,6% fabryka
- 0,5% dostawca
- 0,4% SASS
- 0.4% mniej
- 0,4% Kompas
- 0,4% dekorator
- 0,4% subgenerator punktu końcowego
- 0.4% komentarzy
- 0,3% FontAwesome
- 0.3% uruchom serwer w trybie debugowania
- 0.3% Save generator odpowiedzi do pliku
- 0.2% stała
- 0.2% Development build script: ...... zastąp deps innych firm wersjami CDN
- 0.2% Authentication-Cookie
- 0.2% Authentication-JSON Web Token (JWT)
- 0.2% logowanie po stronie serwera
- 0.1% skrypt budowania rozwoju: uruchamiaj zadania równolegle, aby je przyspieszyć
- 0.1% skrypt kompilacji deweloperskiej: zmienia nazwy plików zasobów, aby zapobiec buforowaniu przeglądarki
- 0.1% Development build script: run testy end to end
- 0.1% skrypt budowania produkcji: bezpieczna premifikacja
- 0.1% skrypt budowania produkcji: dodaj prefiksy dostawcy CSS
- 0.1% Heroku deployment automation
- 0,1% wartość
- 0,1% Jadeit
- 0,1% Coffeescript
- 0.1% serverside authenticated route restriction
- 0.1% SASS wersja Twitter Bootstrap
- 0.1% Production build script: compress obrazy
- 0.1% OpenShift deployment automation
MeanJS.org. oferuje 9%, że generator-angular-fullstack nie
- 3.7% Dedicated / searchable user group: response time mostly under a day
- 0.4% Generuj trasy
- 0.4% Authentication-Oauth
- 0.4% config
- 0,4% i18n, Lokalizacja
- 0.4% Input application profile
- 0,3% module, entity, crud-mock)
- 0,3% Menu System
- 0,3% opcji tworzenia podkomponentów
- 0.3% test-strona klienta
- 0.3% wydajność Javascript
- 0.3% skrypt budowy produkcji: tworzenie statycznych stron dla SEO
- 0.2% Szybka instalacja?
- 0.2% dedykowana / przeszukiwalna grupa użytkowników
- 0.1% skrypt kompilacji deweloperskiej: przeładuj plik kompilacji po zmianie
- 0.1% Skrypt kompilacji programistycznej: pliki coffee skompilowane do JS
- 0.1% controller-server side
- 0.1% model-strona serwera
- 0.1% route - server side
- 0.1% test-server side
- 0,1% Swig
- 0.1% bezpieczne przed spoofingiem IP
- 0.1% skrypt budowy produkcji: uglification
- 0.0% podejście do odsłon: adresy URL zaczynają się od "#!"
- 0.0% podejście do usług frontend i ajax wywołania: uses $resource
Oto ten pomiędzy MEAN.io i wredny.js w bardziej czytelnym formacie
<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>Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-08-18 15:39:06
Dziwi mnie, że nikt nie wspomniał o generatorze Yeoman angular-fullstack . Jest to generator Numer jeden Yeoman community, z aktualnie 1490 gwiazdkami na stronie generatora vs Mean.js ' 81 stars (co prawda nie jest to uczciwe porównanie biorąc pod uwagę, jak nowy MEANJS jest). Wygląda na to, że jest aktywnie utrzymywany i jest w wersji 2.05, jak to piszę. W przeciwieństwie do MEANJS, nie używa Swig do szablonów. Może być rusztowany z wbudowanym paszportem.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-05-20 00:07:28