栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

对于前端开发,node和nginx那些事

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

对于前端开发,node和nginx那些事

github原文

对于前端开发,了解nodejs和nginx是有必要的。前端开发者自己构建项目时,更多的是自己使用nodejs+mongoDB搭建后端接口,使用nginx作为反向代理服务器。

为何选用nginx?对于前端来说,我觉得它是便于学习的,方便配置的。

下面是node和nginx组合的一点心得。

nodejs

nodejs搭建简易的前端服务接口

const http = require('http');

http.createServer(function(request, response){
    response.writeHead(200, { 'Content-Type': 'text-plain' });
    response.end('Hello Worldn');
}).listen(1234);

nodejs可以提供接口和服务,在前端开发中,完全可以满足我们的需要。但我们将node服务部署到服务器时,那么我们就此时就需要用到代理服务器。

不论是使用 koa、express、egg,哪一种node框架编写后端接口,当代码上线时,都需要用到代理服务器。可能java或者php开发者用到的可能是 tomcat和apache。对于前端,我觉得nginx非常合适。

nginx

在开发过程中你也可以直接使用nginx作为前端开发服务器

# 在window下使用nginx代理项目
# nginx.config
server {
 listen      7777;
 server_name  localhost;

 # 开启gzip压缩
 gzip on;

 location /{
     root  D:/code/caiyi;
     index index.html index.htm;
 }
}

配置nginx.config,对应功能,gzip压缩、缓存、域名配置、负载均衡。开启nginx,你就可以通过http://localhost:7777 访问本地前端页面了。

参考:

nginx解决前端跨域
前端对于nginx的使用
nginx文档
个人nginx配置示例

如何将node和nginx在服务器组合使用
  • 服务器环境
    • linux、centos
  • 依赖
    • node
    • nginx

下面已express为例子

var express = require('express');
var app = express();

app.get('/', function (req, res) {
  res.send('Hello World!');
});

var server = app.listen(1234, function () {
  var host = server.address().address;
  var port = server.address().port;
  console.log('Example app listening at http://%s:%s', host, port);
});

在服务端使用node和在客户端是基本一致的,使用 pm2 开启node服务,那么此时的node接口就是 htpp://locahost:1234,但是在客户端无法直接访问。
那么我们就需要代理服务器,使用nginx反向代理node服务接口,代码如下

server {
 listen      80;
 server_name  www.xxx.com; # 域名地址

 # 开启gzip压缩
 gzip on;

 location /{
     proxy_set_header    X-Real-IP $remote_addr;
     proxy_set_header    X-Forwarded-For $proxy_add_x_forwarded_for;
     proxy_set_header    Host  $http_host;
     proxy_set_header    X-Nginx-Proxy true;
     proxy_set_header    Connection "";
     proxy_pass http://localhost:1234;
 }
}

启动nginx,那么此时我们可以就可以通过 www.xxx.com 调用node接口了。

centos上node的安装
centos上nginx的安装和使用

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/245215.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号