前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >node项目部署常规流程记录

node项目部署常规流程记录

原创
作者头像
前端林子
发布2018-11-03 21:46:22
3.9K1
发布2018-11-03 21:46:22
举报
文章被收录于专栏:前端技术总结

本文总结了实际项目部署前端服务时,需要的一些环境准备。主要分为两部分,第一部分介绍linux下如何安装nodejs,第二部分介绍nginx及配置。

一.nodejs环境准备

由于项目的实际需要,要求的nodejs版本最低8.x。这里总结下linux系统安装nodejs的步骤,所有步骤均在实际项目中验证通过:

1.1下载linux系统上需要的安装包:

登录nodejs官网(https://nodejs.org/en/download/),下载nodejs安装包:

注意:安装分两种情况,可以用Source Code源码,也可以用编译后的文件,分别对应两种安装方式。本文介绍的是如果安装linux版本的安装包,即编译后的文件。如果下的是源码,请采用源码的安装方式。

1.2 安装步骤

(1)将安装包上传到指定位置(比如,放到:/usr/local/application/目录),并解压,执行:

代码语言:javascript
复制
#  tar -xvf node-v8.12.0-linux-x64.tar.xz

(2)重命名文件夹,执行:

代码语言:javascript
复制
#  mv node-v8.12.0-linux-x64 nodejs

(3)通过建立软链接变为全局,执行:

代码语言:javascript
复制
#  ln -s /usr/local/application/nodejs/bin/npm /usr/bin/
#  ln -s /usr/local/application/nodejs/bin/node /usr/bin/

说明:ln -s a b,这里a是node解压的路径

(4)检查是否安装成功,执行:

代码语言:javascript
复制
#  node -v

二.安装配置Nginx

2.1 安装nginx

代码语言:javascript
复制
#  yum install nginx

安装完成后nginx就已经启动了,可以查看进程:

代码语言:javascript
复制
# ps -auxf | grep nginx 

2.2 配置nginx

这里用Nginx主要是为了做域名转发,编辑配置文件:

代码语言:javascript
复制
# vim /etc/nginx/nginx.config

配置文件:

代码语言:text
复制
 #nginx.conf
    server {
        #监听端口
        listen       80;
 
        #指定要跳转的域名
        server_name  $http_host;

        #浏览器中输入$http_host的时候,访问http://hostname
        location / {
            proxy_pass     http://hostname;
            proxy_set_header Host $http_host;
 
        }
 
        #错误页面
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
        }
        error_page 404 /404.html;
        location = /40x.html{
        }
    }

说明:所有通过$http_host访问本机的请求,都会被nginx转发到http://hostname上

修改配置后,重启nginx服务:

代码语言:javascript
复制
# nginx -s reload

说明:遇到过服务重启后,master进程没起来的情况。解决方法是这样启动nginx:

代码语言:javascript
复制
 nginx安装目录地址 -c nginx配置文件地址

例如:

代码语言:javascript
复制
# /usr/sbin/nginx -c /etc/nginx/nginx.conf

三.小结

本文主要介绍了部署前端服务时,如何安装依赖的node环境,和用nginx做域名转发。这些都是部署时的基本操作。尤其是安装nodejs时需要注意,下载的安装包是源码还是编译后的版本。如有问题,欢迎指正。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一.nodejs环境准备
    • 1.2 安装步骤
    • 二.安装配置Nginx
      • 2.1 安装nginx
        • 2.2 配置nginx
        • 三.小结
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档