如何使用nodejs作为java和前端的中间件

如何使用nodejs作为java和前端的中间件,第1张

三层:
1、浏览器,需要一些数据
2、nodejs中间层,和Java的多个接口通信,给浏览器暴露一个接口
3、Java,有很多个接口来提供这些数据
这样子nodejs基本就是个万金油的东西,负责转换数据啊,合并接口
npm install handlebars --s
npm install express --s
Then you can use handlebars as a front-end template and express as the server

1、nodejs 搭配 MongoDB 作后端;

2、nodejs 搭配 “终端” 作前端的编译工具使用;

3、编辑一些小工具,例如 “网络爬虫” 啥的;

4、在不使用浏览器的控制台功能时,可用 nodejs 达到同样的目的,如下面两张图所示:

由于其事件驱动和异步特性,Nodejs 已经飞速发展。但是,在现代网络中,仅仅快速是不够的。如果您计划使用 Nodejs 开发您的下一个 Web 应用程序,您必须采取一切可能的步骤来确保您的应用程序比平时更快。本文介绍了 10 个技巧,这些技巧可以极大地加快基于 Node 的 Web 应用程序的速度。所以,让我们一一看看。

在构建 Web 应用程序时,有时您需要进行多个内部 API 调用来获取各种数据。例如,考虑一个用户仪表板。在渲染仪表板时,您可以执行以下假设调用:

为了检索这些详细信息,您可以为每个函数创建一个单独的中间件并附加到仪表板路由。但是这种方法的问题是一个函数必须等待前一个函数完成。另一种选择是并行执行这些调用。

众所周知,由于 Nodejs 的异步特性,它在并行运行多个函数方面非常高效。我们应该利用这一点。由于我上面提到的功能不相互依赖,我们可以并行运行它们。这将减少中间件的数量并大大提高速度。

为了使事情并行化,我们可以使用 asyncjs,这是一个有助于驯服异步 JavaScript 的 Node 模块。这是一个片段,展示了如何使用 asyncjs 并行运行不同的函数:

如果您想了解有关 asyncjs 的更多信息,请务必查看该项目的GitHub页面。

按照设计,Nodejs 是单线程的。由于这个事实,同步代码可能会锁定整个应用程序。例如,大多数文件系统 API 都有其同步对应物。以下代码段显示了如何同步和异步完成文件读取 *** 作:

但是如果您执行长时间运行和阻塞 *** 作,您的主线程将被阻塞,直到 *** 作完成。这会大大降低您的应用程序的性能。因此,请确保您始终在代码中使用异步 API,至少在性能关键部分。在选择第三方模块时也要小心。即使您采取一切预防措施来避免同步代码,外部库也可能会进行同步调用,从而影响您的应用程序的性能。

如果您正在获取一些不经常更改的数据,您可以将其缓存以提高性能。例如,使用以下代码片段获取最新帖子以显示在视图上:

如果你发博文不是太频繁,可以缓存posts数组,间隔后清空缓存。例如,我们可以使用redis模块来实现这一点。为此,您需要在服务器上安装 Redis。然后您可以使用调用的客户端node_redis来存储键/值对。以下片段显示了我们如何缓存帖子:

因此,首先我们检查帖子是否存在于 Redis 缓存中。如果是这样,我们从缓存中传递posts数组。否则,我们从数据库中检索内容,然后将其缓存。此外,在一段时间后,我们可以清除 Redis 缓存,以便获取新内容。

开启 gzip 压缩会极大地影响 webapp 的性能。当与 gzip 兼容的浏览器请求某些资源时,服务器可以在将响应发送到浏览器之前对其进行压缩。如果您不使用 gzip 压缩静态资源,浏览器可能需要更长时间才能获取它。

在 Express 应用程序中,您可以使用内置的expressstatic()中间件来提供静态内容。此外,您可以使用compression中间件来压缩和提供静态内容。这是一个显示如何执行此 *** 作的片段:

随着 AngularJS、Ember、Meteor 等许多强大的客户端 MVC/MVVM 框架的出现,创建单页应用程序变得非常容易。基本上,您只需公开向客户端发送 JSON 响应的 API,而不是在服务器端呈现。在客户端,您可以使用框架来使用 JSON 并在 UI 上显示。从服务器发送 JSON 可以节省带宽,从而提高速度,因为您不会在每个请求中发送布局标记。相反,您只需发送纯 JSON,然后在客户端呈现。

看看我的这个教程,它描述了如何使用 Express 4 公开 RESTful API。我还写了另一个教程,展示了如何使用 AngularJS 与这些 API 交互。

在典型的 Express Web 应用程序中,会话数据默认存储在内存中。当您在会话中存储太多数据时,会增加服务器的大量开销。因此,您可以切换到其他类型的存储来保留会话数据,或者尝试最小化会话中存储的数据量。

例如,当用户登录到您的应用程序时,您可以只将他们存储id在会话中,而不是存储整个对象。随后,对于每个请求,您都可以从id 您可能还想使用 MongoDB 或 Redis 来存储会话数据。

假设您有一个博客应用程序,它在主页上显示最新帖子。你可能会写这样的东西来使用 Mongoose 获取数据:

但问题是find()Mongoose 中的函数会获取对象的所有字段,并且对象中可能有几个字段在Post主页上不需要。例如,comments是一个这样的字段,它包含特定帖子的一组评论。由于我们没有显示评论,我们可能会在获取时将其排除。这肯定会提高速度。我们可以这样优化上面的查询:

并非所有浏览器都支持对集合进行不同的 *** 作,例如map、reduce和。forEach为了克服浏览器兼容性问题,我们一直在前端使用一些客户端库。但是使用 Nodejs,您可以确切地知道 Google 的 V8 JavaScript 引擎支持哪些 *** 作。因此,您可以直接使用这些内置函数在服务器端 *** 作集合。

Nginx是一个小巧轻便的 Web 服务器,可用于减少 Nodejs 服务器上的负载。您可以配置 nginx 以提供静态内容,而不是从 Node 提供静态文件。您还可以设置 nginx 以使用 gzip 压缩响应,以便整体响应大小较小。因此,如果您正在运行生产应用程序,您可能希望使用 nginx 来提高速度。

最后,通过将多个 JS 文件压缩并合并为一个,可以极大地提高您的 Web 应用程序速度。当浏览器遇到一个

两者的区别是:一个是服务端语言,一个是前端框架。

1、nodejs是一个js运行于服务端的环境,是一个服务端语言;而vue是前端渲染的库,是一个前端框架。

2、Node用于方便地搭建响应速度快、易于扩展的网络应用;

3、而vue用于实现响应的数据绑定和组合的视图组件。是一套用于构建用户界面的渐进式JavaScript框架。

Nodejs

是一个基于 Chrome V8 引擎的 JavaScript 运行环境。

Nodejs 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。

Nodejs 的包管理器 npm,是全球最大的开源库生态系统。

Vuejs

是一个构建数据驱动的 web 界面的渐进式框架。

Vuejs 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/yw/13407483.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-30
下一篇 2023-07-30

发表评论

登录后才能评论

评论列表(0条)

保存