MEAN架构实战:基于MongoDB、Express、Angular、Node.js构建企业级应用

本文涉及的产品
云数据库 MongoDB,独享型 2核8GB
推荐场景:
构建全方位客户视图
简介:

曾几何时,业界流行使用LAMP架构(Linux、Apache、MySQL和PHP)来快速开发中小网站。LAMP是开放源代码的,而且使用简单、价格廉价,因此LAMP这个组合成为了当时开发中小网站的首选,号称“平民英雄”。而今,随着Node.js的流行,这使得JavaScript终于能够在服务器端拥有了一席之地。JavaScript成为了从前端到后端再到数据库层能够支持全栈开发的语言。而以MongoDB、Express、Angular和Node.js四种开源技术为基础的MEAN架构,除了具备LAMP架构的一切优点外,更能支撑高可用、高并发的大型互联网应用的开发。MEAN架构势必也会成为新的“平民英雄”。

本文介绍了MEAN架构的概念、发展趋势,并阐述了如何学习和使用MEAN架构。

什么是MEAN架构?

MEAN架构,是指以MongoDB、Express、Angular和Node.js四种技术为核心的技术栈,广泛应用于全堆栈Web开发。

1. MongoDB

MongoDB是强大的非关系型数据库(NoSQL)。与Redis或者HBase等不同,MongoDB是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功能最丰富、最像关系数据库的,旨在为Web应用提供可扩展的高性能数据存储解决方案。它支持的数据结构非常松散,是类似JSON的BSON格式,因此可以存储比较复杂的数据类型。MongoDB最大的特点是其支持的查询语言非常强大,其语法有点类似于面向对象的查询语言,几乎可以实现类似关系数据库单表查询的绝大部分功能,而且还支持对数据建立索引。
自MongoDB 4.0开始,MongoDB开始支持事务管理。

图1-1是最新的数据库排行结果。从图中可以看到,MongoDB是在NoSQL数据库中是排行第一的。该数据来自于DB-Engines(https://db-engines.com/en/ranking

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5FSWZ67e-1591539233123)]

在MEAN架构中,MongoDB承担着数据存储的角色。

2. Express

Express是一个简洁而灵活的Node.js Web应用框架, 提供了一系列强大特性帮助你创建各种Web应用。同时,Express也是一款功能非常强大的HTTP工具。

使用Express可以快速地搭建一个完整功能的网站。其核心特性包括:

  • 可以设置中间件来响应HTTP请求。
  • 定义了路由表用于执行不同的HTTP请求动作。
  • 可以通过向模板传递参数来动态渲染HTML页面。

在MEAN架构中,Express承担着构建Web服务的角色。

3. Angular

前端组件化开发是目前主流的开发方式,不管是Angular、React还是Vue.js都如此。相比较而言,Angular不管是其开发功能,还是编程思想,在所有前端框架中都是首屈一指的,特别适合大型企业级应用的开发。

Angular不仅仅是一个前端的框架,而更像是一个前端开发平台,试图解决现代Web应用开发各个方面的问题。Angular有着诸多特性,核心功能包括MVC模式、模块化、自动化双向数据绑定、语义化标签、服务、依赖注入等。而这些概念即便对于后端开发人员来说也不陌生。比如,Java开发人员肯定知道MVC模式、模块化、服务、依赖注入等。

在MEAN架构中,Angular承担着UI客户端开发的角色。

4. Node.js

Node.js是整个MEAN架构的基石。Node.js采用事件驱动和非阻塞I/O模型,使其变得轻微和高效,非常适合构建运行在分布式设备的数据密集型实时应用。自从有了Node.js,JavaScript不再只是前端开发的小脚色,而是拥有了从前后台到数据数据库完整开发能力的全栈能手。JavaScript和Node.js是相辅相成的,配合流行的JavaScript语言,使得Node.js拥有更广泛的受众。

Node.js能够火爆的另外一个原因是npm。npm可以轻松管理项目依赖,同时也促进了Node.js生态圈的繁荣,因为npm让开发人员分享开源技术变得不再困难。

MEAN架构的优势

MEAN架构的在企业级应用中被广泛采用,总结起来具备以下优势。

1. 开源

正如前两节所述,无论是MongoDB、Express、Angular、Node.js四种核心技术,还是NG-ZORRO、ngx-markdown、NGINX、basic-auth等周边技术,MEAN架构所有的技术栈都是开源的。

开源技术相对与闭源技术而言,有其优势。一方面,开源技术源码是公开的,互联网公司在考察某项技术是否符合自身开发需求时,可以对源码进分析;另一方面,开源技术相对闭源技术而言,商用的成本相对比较低,这对于很多初创的互联网公司而言,可以节省一大笔技术投入。以此,MEAN架构也被称为开发下一代大型互联网应用的“平民英雄”。

当然,开源技术是把双刃剑,你能够看到源码,并不意味着你可以解决所有问题。开源技术在技术支持上不能与闭源技术相提并论,毕竟闭源技术都有成熟的商业模式,会提供完善的商业支持。而开源技术,更多依赖于社区对于开源技术的支持。如果在使用开源技术过程中发现了问题,可以反馈给开源社区,但开源社区不会给你保证什么时候、什么版本能够修复发现的问题。所以,使用开源技术,需要开发团队对开源技术要有深刻的了解。最好能够吃透源码,这样在发现问题时,能够及时解决源码上的问题。

比如,在关系型数据库方面,同属于Oracle公司的MySQL数据库和Oracle数据库,就是开源与闭源技术的两大代表,两者占据了全球数据库的占有率的前两名。MySQL数据库主要是在中小企业或者是云计算供应商中广泛采用,而Oracle数据库则由于其稳定、高性能的特性,深受政府和银行等客户的信赖。

2. 跨平台

跨平台,意味着开发和部署的应用的成本的降低。

试想一下,当今操作系统三足鼎立,分别是Linux、macOS、Windows。如果开发者需要针对不同的操作系统平台,而要开发不同的软件,那么开发成本势必会非常高。而且每个操作系统平台,都有不同的版本、分支,仅仅做不同的版本的适配都需要耗费极大的人力,更别提要针对不同的平台开发软件了。以此,跨平台可以节省开发成本。

同理,由于MEAN架构开发的软件是具有跨平台的,无需担心在部署应用过程中的兼容性问题。开发者在本地开发环境所开发的软件,理论上是可以通过CI\CD平台直接一键部署到测试环境,甚至是生产环境中,因而可以节省部署的成本。

MEAN架构的跨平台特性,使其非常适合构建Cloud Native应用,特别是在当今容器技术常常作为微服务的宿主,而MEAN架构的应用是支持Docker部署的。

有关Cloud Native方面的内容,可以参阅笔者所著的《Cloud Native 分布式架构原理与实践》。

3. 全栈开发

类似与系统架构师,全栈开发者应该是比一般的软件工程师具有更广的知识面,是拥有全端软件设计思想并掌握多种开发技能的复合型人才,能狗独当一面。相比于Node.js工程师、Angular工程师偏重于某项技能而言,全栈开发意味着必须掌握整个架构的全部细节,要求全栈开发者能够从零开始构建全套完整的企业级应用。

作为一名全栈开发者,在开发时往往会做如下风险的预测,并做好防御。

  • 当前所开发的应用会部署到什么样的服务器、网络环境中?
  • 服务哪里可能会崩?为什么会崩?
  • 是否应该适当的使用云存储?
  • 程序有无具备数据冗余?
  • 是否具备可用性?
  • 界面是否友好?
  • 性能是否能够满足当前的要求?
  • 哪些位置需要加日志,方便日志排查问题?

除上述的思考外,全栈开发者要能够建立合理的、标准的关系模型,包括外键、索引、视图、查找表等。

全栈开发者要熟悉非关系型数据存储,并且知道它们相对关系型存储优势所在。

当然,人的精力毕竟有限,所以想要成为全栈开发者并非易事。所幸MEAN架构让这一切成为了可能。MEAN架构以Node.js为整个技术栈的核心,而Node.js的编程语言是JavaScript,这意味着,开发者只需要掌握JavaScript这一种编程语言,即可以打通所有MEAN架构的技术,这不得不说是全栈开发者的福音。

4. 支持企业级应用

无论是Node.js、Angular还是MongoDB,这些技术在大型互联网公司都被广泛采用。无数应用也证明了MEAN架构是非常适合构建企业级应用的。企业级应用是指那些为商业组织、大型企业而创建并部署的解决方案及应用。这些大型企业级应用的结构复杂,涉及的外部资源众多、事务密集、数据量大、用户数多,有较强的安全性考虑。

MEAN架构用来开发企业级应用,不但具有强大的功能,还能够满足未来业务需求的变化,且易于升级和维护。

更多有关企业级应用开发方面的内容,可以参阅笔者所著的《Spring Boot 企业级应用开发实战》《Angular企业级应用开发实战》《Node.js企业级应用开发实战》等。

5. 支持构建微服务

微服务(Microservices)架构风格就像是把小的服务开发成单一应用的形式,运行在其自己的进程中,并采用轻量级的机制进行通信(一般是HTTP资源API)。这些服务都是围绕业务能力来构建,通过全自动部署工具来实现独立部署。这些服务,其可以使用不同的编程语言和不同的数据存储技术,并保持最小化集中管理。

MEAN架构非常适合构建微服务:

  • Node.js本身提供了跨平台的能力,可以运行在自己的进程中。
  • Express易于构建Web服务,并支持HTTP的通信。
  • Node.js+MongoDB支持从前端到后端再到数据库全栈开发能力。

开发人员可以轻易地通过MEAN架构来构建并快速启动一个微服务应用。业界也提供了成熟的微服务解决方案来打造大型微服务架构系统,比如Tars.js、Seneca等。

读者欲了解更多微服务方面的内容,可以参阅笔者所著的《Spring Cloud 微服务架构开发实战》。

6. 业界主流

MEAN架构所涉及的技术都是业界主流,主要体现在以下几方面。

  • MongoDB是在NoSQL数据库中是排行第一的,而且用户量还在递增。
  • 只要知道JavaScript就必然知道Node.js,而JavaScript是在开源界最流行的开发语言。
  • 前端组件化开发是目前主流的开发方式,不管是Angular、React还是Vue.js都如此。相比较而言,Angular不管是其开发功能,还是编程思想,在所有前端框架中都是首屈一指的,特别适合大型企业级应用的开发。而且,从市场占有率来看,Angular都是首屈一指的。
  • 在大型互联网应用中,经常使用NGINX作为Web服务器。NGINX也是目前使用最广泛的代理服务器。

如何学习MEAN架构?

MEAN架构知识点繁多,涉及面广,不是一时可以掌握。关于MEAN架构,笔者撰写了多本开源书籍,方便网友学习。包括:

这些开源书都免费的,可以随时学习哦,附带案例和源码。有任何问题都可以在线在相关的主页留言,有问必答。

当然,笔者也出版了一些的专著,网友们可以按需选择。包括:

上面的案例和源码也都是公开免费的哦。

参考引用

相关实践学习
MongoDB数据库入门
MongoDB数据库入门实验。
快速掌握 MongoDB 数据库
本课程主要讲解MongoDB数据库的基本知识,包括MongoDB数据库的安装、配置、服务的启动、数据的CRUD操作函数使用、MongoDB索引的使用(唯一索引、地理索引、过期索引、全文索引等)、MapReduce操作实现、用户管理、Java对MongoDB的操作支持(基于2.x驱动与3.x驱动的完全讲解)。 通过学习此课程,读者将具备MongoDB数据库的开发能力,并且能够使用MongoDB进行项目开发。   相关的阿里云产品:云数据库 MongoDB版 云数据库MongoDB版支持ReplicaSet和Sharding两种部署架构,具备安全审计,时间点备份等多项企业能力。在互联网、物联网、游戏、金融等领域被广泛采用。 云数据库MongoDB版(ApsaraDB for MongoDB)完全兼容MongoDB协议,基于飞天分布式系统和高可靠存储引擎,提供多节点高可用架构、弹性扩容、容灾、备份回滚、性能优化等解决方案。 产品详情: https://www.aliyun.com/product/mongodb
目录
相关文章
|
22天前
|
存储 安全 API
Next.js 实战 (九):使用 next-auth 完成第三方身份登录验证
这篇文章介绍了next-auth,一个为Next.js设计的身份验证库,支持多种认证方式,如电子邮件和密码、OAuth2.0提供商(如Google、GitHub、Facebook等)以及自定义提供商。文章包含了如何配置Github Provider以及会话管理,并提到了适配器Adapters在next-auth中的作用。最后,文章强调了next-auth的强大功能值得进一步探索。
59 10
|
2月前
|
运维 Cloud Native 持续交付
深入理解云原生架构及其在现代企业中的应用
随着数字化转型的浪潮席卷全球,企业正面临着前所未有的挑战与机遇。云计算技术的迅猛发展,特别是云原生架构的兴起,正在重塑企业的IT基础设施和软件开发模式。本文将深入探讨云原生的核心概念、关键技术以及如何在企业中实施云原生策略,以实现更高效的资源利用和更快的市场响应速度。通过分析云原生架构的优势和面临的挑战,我们将揭示它如何助力企业在激烈的市场竞争中保持领先地位。
|
1月前
|
设计模式 数据安全/隐私保护
Next.js 实战 (七):浅谈 Layout 布局的嵌套设计模式
这篇文章介绍了在Next.js框架下,如何处理中后台管理系统中特殊页面(如登录页)不包裹根布局(RootLayout)的问题。作者指出Next.js的设计理念是通过布局的嵌套来创建复杂的页面结构,这虽然保持了代码的整洁和可维护性,但对于特殊页面来说,却造成了不必要的布局包裹。文章提出了一个解决方案,即通过判断页面的skipGlobalLayout属性来决定是否包含RootLayout,从而实现特殊页面不包裹根布局的目标。
81 33
|
23天前
|
中间件 API
Next.js 实战 (八):使用 Lodash 打包构建产生的“坑”?
这篇文章介绍了作者在使用Nextjs15进行项目开发时遇到的部署问题。在部署过程中,作者遇到了打包构建时的一系列报错,报错内容涉及动态代码评估在Edge运行时不被允许等问题。经过一天的尝试和调整,作者最终删除了lodash-es库,并将radash的部分源码复制到本地,解决了打包报错的问题。文章最后提供了项目的线上预览地址,并欢迎读者留言讨论更好的解决方案。
32 10
|
1月前
|
容灾 网络协议 数据库
云卓越架构:云上网络稳定性建设和应用稳定性治理最佳实践
本文介绍了云上网络稳定性体系建设的关键内容,包括面向失败的架构设计、可观测性与应急恢复、客户案例及阿里巴巴的核心电商架构演进。首先强调了网络稳定性的挑战及其应对策略,如责任共担模型和冗余设计。接着详细探讨了多可用区部署、弹性架构规划及跨地域容灾设计的最佳实践,特别是阿里云的产品和技术如何助力实现高可用性和快速故障恢复。最后通过具体案例展示了秒级故障转移的效果,以及同城多活架构下的实际应用。这些措施共同确保了业务在面对网络故障时的持续稳定运行。
|
2月前
|
前端开发 API 开发者
Next.js 实战 (五):添加路由 Transition 过渡效果和 Loading 动画
这篇文章介绍了Framer Motion,一个为React设计的动画库,提供了声明式API处理动画和页面转换,适合创建响应式用户界面。文章包括首屏加载动画、路由加载Loading、路由进场和退场动画等主题,并提供了使用Framer Motion和next.js实现这些动画的示例代码。最后,文章总结了这些效果,并邀请读者探讨更好的实现方案。
|
1月前
|
JavaScript 前端开发 API
Next.js 实战 (六):如何实现文件本地上传
这篇文章介绍了在Next.js中如何实现文件上传到本地的方法。文章首先提到Next.js官方文档中没有提供文件上传的实例代码,因此开发者需要自行实现,通常有两种思路:使用Node.js原生上传或使用第三方插件如multer。接着,文章选择了使用Node.js原生上传的方式来讲解实现过程,包括如何通过哈希值命名文件、上传到指定目录以及如何分类文件夹。然后,文章展示了具体的实现步骤,包括编写代码来处理文件上传,并给出了代码示例。最后,文章通过一个效果演示说明了如何通过postman模拟上传文件,并展示了上传后的文件夹结构。
|
18天前
|
监控 安全 中间件
Next.js 实战 (十):中间件的魅力,打造更快更安全的应用
这篇文章介绍了什么是Next.js中的中间件以及其应用场景。中间件可以用于处理每个传入请求,比如实现日志记录、身份验证、重定向、CORS配置等功能。文章还提供了一个身份验证中间件的示例代码,以及如何使用限流中间件来限制同一IP地址的请求次数。中间件相当于一个构建模块,能够简化HTTP请求的预处理和后处理,提高代码的可维护性,有助于创建快速、安全和用户友好的Web体验。
|
2月前
Next.js 实战 (二):搭建 Layouts 基础排版布局
本文介绍了作者在Next.js v15.x版本发布后,对一个旧项目的重构过程。文章详细说明了项目开发规范配置、UI组件库选择(最终选择了Ant-Design)、以及使用Ant Design的Layout组件实现中后台布局的方法。文末展示了布局的初步效果,并提供了GitHub仓库链接供读者参考学习。
Next.js 实战 (二):搭建 Layouts 基础排版布局
|
2月前
|
存储 网络架构
Next.js 实战 (四):i18n 国际化的最优方案实践
这篇文章介绍了Next.js国际化方案,作者对比了网上常见的方案并提出了自己的需求:不破坏应用程序的目录结构和路由。文章推荐使用next-intl库来实现国际化,并提供了详细的安装步骤和代码示例。作者实现了国际化切换时不改变路由,并把当前语言的key存储到浏览器cookie中,使得刷新浏览器后语言不会失效。最后,文章总结了这种国际化方案的优势,并提供Github仓库链接供读者参考。