当前位置:首页 > 技术文章 > 正文内容

Nginx 这个赛道还是被 JavaScript 闯进来了

arlanguage4个月前 (12-29)技术文章33

曾经,用JavaScript,你可以让按钮动起来,现在用 JavaScript,你可以让整个互联网运转起来。

这句话虽然是调侃,但多少也反应了一些事实,最开始JavaScript 就是纯纯的脚本语言,只为工作在浏览器上,配合 HTML和 CSS 的,后来地位越来越重要,网站的动效和交互都要依靠它来完成。

再之后,NodeJS 横空出世,使JavaScript变成了全栈语言。从此,JavaScript 成了唯一一种能同时让前端浏览器和后端服务器崩溃的语言。

JavaScript 从纯前端语言向后端跨了一小步,这是 JavaScript 的一小步,却是前端开发者的一大步,从此前端开发者全都轻轻松松变成了全栈开发,从此前后端一把梭,独立开发信手拈来,作为后端开发,只能咬牙切齿拍大腿:“早知道当初学前端了,失业了还能搞独立开发”。

当然,JavaScript 不光涉及浏览器和服务器,还涉及PC客户端和移动客户端,我之前写的独立开发者都用什么框架开发客户端产品(PC客户端篇)和独立开发者都用什么框架开发移动端产品这两篇文章里,介绍了几种跨平台的开发框架,其中PC端 Electron 、Tauri 以及移动端React Native、UniApp都使用 JavaScript 实现的。你就说它强不强吧。

设想一下,假设哪天世界上的 JavaScript 突然神奇的都不工作了,那会有多少网站、应用崩溃。

如果到这儿就结束了,那就太单纯了。

相信各位大多数都知道 Nginx 是支持动态模块的,比如 HTTPS 模块、SSL 模块等,就想插件一样,添加某个插件就能支持一些功能,大部分模块都是用 C 语言实现的。除了 C 语言外,Nginx 支持的最好的应该就是 Lua 模块了。

这不,JavaScript 也挤进来了,最近 Nginx 正式推出了 JavaScript 动态模块 NJS。

NJS 全称NGINX JavaScript,是 NGINX 的一个动态模块,支持使用熟悉的 JavaScript 语法扩展内置功能。NJS 语言是 JavaScript 的子集,与 ES5 (ECMAScript 5.1 Strict Variant) 兼容,并带有一些 ES6 (ECMAScript 6) 和更新的扩展。

官网地址: github.com/nginx/njs

按照 NJS 模块后,Nginx 就支持用JavaScript语法来实现一些规则了,比如鉴权、日志、动态代理等,也就是以前用 Lua 实现的功能,可以用大多数人更熟悉的 JavaScript 语法来实现了。

安装和使用

假设你使用的是 Ubuntu 服务器,使用下面的命令安装 NJS 模块。

sudo apt install nginx-module-njs

然后打开 Nginx 配置文件

sudo vim /etc/nginx/nginx.conf

在其中启用 NJS 模块

 load_module modules/ngx_http_js_module.so;

之后,就可以动手写 JavaScript 文件了,假设在 /etc/nginx/njs目录下,创建一个 hello.js

function hello(r) {
  r.return(200, "Hello world!\n");
}

export default {hello}

是不是一下就到了熟悉的领域了,从此 Nginx 都变得眉清目秀了。

再来 nginx.conf改一下配置

# 加载 NJS 模块
load_module modules/ngx_http_js_module.so;

events {}

http {
  # 设置 js 文件目录
  js_path "/etc/nginx/njs/";

  # 导入js文件到 main 变量中
  js_import main from http/hello.js;

  server {
    listen 80;

    location / {
      # 当接到请求后,返回mian.hello 函数,也就是 hello.js 中的hello方法
      js_content main.hello;
    }
  }
}

之后 reload 一下nginx,再次请求 http://127.0.0.1的时候,就会返回Hello World了。

更多的使用示例可以参考 github.com/nginx/njs-e… ,包括权限处理、日志处理、代理转发、重定向等都在里面。

说实话,以前自己配置 Nginx 的话,能简单就简单着来,还真没想过在 Nginx 中搞什么,宁愿在应用服务中做,现在用 NJS 的话,感觉也不是不可以了,毕竟在 Nginx 端处理一些东西效果和性能上要更好一些。

学习交流

最后,把我的座右铭送给你:投资自己才是最大的财富。 如果你觉得本文章对你有帮助,点赞,收藏不迷路

关注公众号:我不是架构师,持续为你输出更多的硬核文章和面试经验。

扫描二维码推送至手机访问。

版权声明:本文由AR编程网发布,如需转载请注明出处。

本文链接:http://www.arlanguage.com/post/545.html

标签: nginx 浏览器
分享给朋友:

“Nginx 这个赛道还是被 JavaScript 闯进来了” 的相关文章

Nginx总结(六)nginx如何实现负载均衡

前面讲了如何配置Nginx虚拟主机,大家可以去这里看看nginx系列文章今天要说的是如何配置nginx和tomcat实现反向代理。需要说明的是:由于本文章是nginx系列文章中的一篇,文章里面很多其他的配置,可能前面的文章已经说讲过,然后后续就没有在介绍,如果出现有些配置没有讲,大家可能需要去看看前...

推荐一款 Nginx 可视化配置神器

Nginx 是前后端开发工程师必须掌握的神器。该神器有很多使用场景,比如反向代理、负载均衡、动静分离、跨域等等。把 Nginx 下载下来,打开 conf 文件夹的 nginx.conf 文件,Nginx 服务器的基础配置和默认的配置都存放于此。配置是让程序员非常头疼的事,比如 Java 后端框架...

ThinkPhp6从安装到配置全解

Thinkphp6已经不支持之前安装方式了,只能使用Composer安装,对于V6的新用户来说,真希望有个全过程手册,我就分享一下我自己安装使用的过程,供参考。一、安装Composer在 Linux 和 Mac OS中可以运行如下命令:curl -sS https://getcomposer.org...

一般人绝对无法发现的nginx锅

nginx热启动:nginx -s reloadPS:要在/etc/profile环境变量PATH里配置nginx的路径。配置完执行 source /etc/profile 让变量生效。 一次部署,同样的前端代码,放到了nginx里面运行,但是有一个模块全部页面都报这个错误,其他模块正常展示。以前遇...

VUE3前端开发入门系列教程

一直以来使用ThinkJS开发,使用Semantic-UI手写代码,又缺少一些table等插件,好累。平时使用NodeJS开发后端较多,一直有接触VUE想法,总是不得入门(可能是思维固化了),再次深入研究,直接从VUE3入手,并借这次机会写个入门系列教程,一是做个笔记备查,二是与大家分享。初次入门V...

博客引擎 hugo intro 入门介绍+安装笔记

拓展阅读blog-engine-01-常见博客引擎 jekyll/hugo/Hexo/Pelican/Gatsby/VuePress/Nuxt.js/Middleman 对比[1]blog-engine-02-通过博客引擎 jekyll 构建 github pages 博客实战笔记[2]blog-e...