IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 系统运维 -> 服务器端通过nginx部署项目(含websoket) -> 正文阅读

[系统运维]服务器端通过nginx部署项目(含websoket)

前言:在某云购买的服务器,实现在服务器部署项目,nginx启动项目,并同时启动websocket

????????只需部署项目:只看前四步

????????连接实例准备

一、nginx安装及编译

?1、nginx安装

#登录服务器并进?/usr/local?录
cd /usr/local
#下载nginx
wget http://nginx.org/download/nginx-1.18.0.tar.gz
#解压nginx
tar -zxvf nginx-1.18.0.tar.gz
进入解压后的目录
cd nginx-1.18.0

?

2、编译(在刚才进去的nginx-1.18.0目录下继续执行)

#安装工具
yum install -y gcc pcre pcre-devel openssl openssl-devel gd gd-devel

#配置nginx编译环境
./configure --with-http_stub_status_module --with-http_ssl_module --with-http_v2_module --with-stream

#编译安装
make && make install

二、nginx配置nginx.conf

注意的是:

????????修改的目录是:编译后生成的nginx目录下conf里面的nginx.conf

? ? ? ? 执行命令的目录是:解压后nginx-1.18.0下objs

?1、只修改目录配置时(默认端口80不变)

        location / {
            root /usr/local/DongHao; #修改这?项?放置位置
            index  index.html;
        }

?效果

?2、目录修改好后,想换个端口时

worker_processes  1;
events {
    worker_connections  1024;
}
http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
    server {
        listen       8883;
        server_name  localhost;
        location / {
            root /usr/local/DongHao; #修改这?项?放置位置
            index  index.html;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

?效果

??可以看到,换了端口重启nginx是并不生效的,还需要在购买服务器的厂家增加配置,

我这里是阿里云

效果

三、nginx使用

?

?在第“一”步完毕后,多了个objs的目录,进入objs目录后执行项目操作

#启动nginx?
./nginx

#重新加载nginx配置文件
./nginx -s reload

#关闭nginx
./nginx -s stop

?四、域名访问

购买域名解析后,默认通过域名是不可以访问的,要域名备案

需要备案,符合那个要求,那个要求,那个要求,那个要求,那个要求...

?备案实例需要购买3个月以上,先省略,以后再补上步骤

五、项目中如果有websocket时 (本地模拟启动websocket)

本地正常,部署后,运行会报错,websocket连接失败了

这是未启动websoket服务


本地使用websocket(模拟后台启动websocket)

? ? 1、模拟后台启动websocket服务(本地通过nginx,启动websocket服务)

? ?2、第1步启动好可正常访问后,在服务器端启动nginx(以下为服务器端nginx配置)

map $http_upgrade $connection_upgrade {
        default upgrade;
        '' close;
    }

#项目里有websocket时
    server {
        listen 126;
        location / {
            proxy_pass http://192.168.6.58;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection "upgrade";
        }
    }

效果?

?


?线上环境使用websocket

1、修改成后端启动websocket的地址及端口

六、项目中如果有websocket时 (服务器端启动websocket)

前言: 先说一下本地启动websocket的两种方式,本地启动时,因已经提前安装过node环境,在? ? ? ? ? ? ? 控制台直接执行命令即可

? ? ? ? 1.单独websocket启动时:找到对应websocket服务程序目录,执行node app.js(如效果1)

? ? ? ? 2.websocket在项目中时:在package.json中scripts配置,让node同时执行两个任务(如效果2)

效果1:单独websocket启动时

?效果2:websocket在项目中时


在服务端默认不能执行node来启动websocket,所有以下步骤是,先安装,再启动

? 1、因Xshell默认不能执行node命令,先要安装node(在local目录下新建node文件夹)

参考

xshell安装node_Zoexyf的博客-CSDN博客

步骤1
curl --silent --location https://rpm.nodesource.com/setup_8.x | sudo bash -
步骤2
sudo yum install -y nodejs
步骤3 查看
node -v
步骤4 查看
npm -v

?2、执行完第1步后(就可以使用node命令)

???用node命令在服务器端启动websocket服务(在local目录下新建wesocket文件夹)

1) 安装nodejs-websocket?

npm i nodejs-websocket?

?2)?执行node app.js? ??

出现问题-不能识别import

?卒~~~~~~~~~~~~

3)参考:为什么nodejs不支持import - web开发 - 亿速云

全局安装babel-cli?

?npm?install?babel-cli?-g

安装 babel-preset-env?

npm?install?babel-preset-env?-D

原来是node app.js,改为这样调用:babel-node --presets env app.js

那么现在,在服务器端就已经启动好了websocket服务

但是,这一步只是单独启动了websocket

下一步就是,

修改服务端nginx配置,连接上这个实例,端口为3000的地址,

?4) 修改前端与配置

前端代码

nginx配置?

5)?同时启动项目和websocket

?同时打开两个Xshell窗口

? ? ? ? 一个启动app.js? ? :??babel-node --presets env app.js

? ? ? ? 一个启动项目? ? ? ?:./nginx

?端口占用了,为啥呢,websocket的端口的3000,nginx的端口是8883

只能执行一个任务,要么启nginx,要么启动websocket

?依然没有解决同时启动nginx和websocket

卒~~~~~~

参考Linux nohup、 &、2>&1以及/dev/null 2>&1_书香水墨的博客-CSDN博客

找到对应app.js路径执行以下?

nohup babel-node --presets env /usr/local/Websocket/app.js > logs/socket.log 2>&1 &

?nohup: 用途:不挂断地运行命令

logs/socket.log??自己的定义的一个文本输出

2>&1是指将标准错误重定向到标准输出,于是标准错误和标准输出都重定向到指定的out.txt文件中,从此终端彻底清静了。

?效果:开了4个浏览器窗口,执行日志会放入socket.log文件中

?后续

?

?这个时候,关闭nginx后,又重新启动,websocket依然有效

如果想单独只关闭websocket如何操作

?如图,启动会有一个SID的进程

查询后:关闭进程

查询进程

ps -aux|grep /usr/local/Websocket/app.js

关闭进程(例如SID为14621时)

kill 14621

后续
当关闭Xshell窗口的时候,websocket断开了

?解决

先exit退出,再关闭Xshell窗口

  系统运维 最新文章
配置小型公司网络WLAN基本业务(AC通过三层
如何在交付运维过程中建立风险底线意识,提
快速传输大文件,怎么通过网络传大文件给对
从游戏服务端角度分析移动同步(状态同步)
MySQL使用MyCat实现分库分表
如何用DWDM射频光纤技术实现200公里外的站点
国内顺畅下载k8s.gcr.io的镜像
自动化测试appium
ctfshow ssrf
Linux操作系统学习之实用指令(Centos7/8均
上一篇文章      下一篇文章      查看所有文章
加:2022-08-06 11:16:52  更:2022-08-06 11:17:14 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 -2024/12/29 9:32:10-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码
数据统计