部署一个nodejs项目+配置server

news2024/9/24 5:24:38

1.jdk环境

tomcat服务器需要jdk环境

版本对应

tomcat9==>jdk1.8

tomcat10==>jdk17

配置系统变量JAVA_HOME

2.nginx平滑升级，不停服务升级nginx服务器，1.26.1升级到1.27.0

3.负载均衡，使用nginx管理后端服务器，分配后端服务器压力

1.upstream 服务器组名

1.server

2.ip|域名

3.端口

4.状态

5.weight

6.ip url less conn

2.location / {

proxy_pass http://服务器组名；

}

例如：

负载均衡和反向代理

/usr/local/nginx/sbin/nginx -s reload

注：

[root@slave ~]# grep -Ev "#|^$" /usr/local/nginx/conf/nginx.conf.bak

-v:反查，-E：查询 ^$:表示空白行

1.基于域名配置server

1. 一个配置文件一般只有一个 http 模块

2. 一个 http 模块可以有多个 server 模块

3. 一个 server 模块就是一套 web 项目

4. 一个 server 模块中可以有多个 location

5. location 就是项目中的 url 路由

访问：

（1）在window上访问时，要设置以下内容：

c:/windown/system32/drivers/etc/host/ ：取消只读，设置权限，如果还不行，就直接创建新的 host 文件给她覆盖

（2）配置dns 服务器

一个 nginx 服务器中有多个 server 的时候是非常难于管理的，我们会将每一个server 单独创建一个文件保存，在主配置文件使用 include

2.基于ip配置server

为网卡添加一个新的 ip 地址:

ifconfig ens33:1 10.1.1.11

3.基于端口配置server

80, 可以省略，一般来说基于端口的配置，用于企业内部的项目测试

systemctl stop firewalld 或者

firelwall-cmd --zone=public --add-ports=8080/tcp --permament &&

firewall-cmd --reload

部署一个nodejs项目

创建饿了么前端页面

(1)安装nodejs和npm:

yum -y install nodejs

yum -y install npm

node -v

npm -v

检查是否已经安装nodejs，这也是一个运行环境

[root@slave ~]# npm -v
8.19.4
[root@slave ~]# node -v
v16.20.2

npm和rpm一样的，都是包管理器，npm是nodejs包管理器，npm用于管理nodejs开发的软件

默认npm的下载文件的链接在国家域外，下载很慢，所有使用淘宝的镜像

npm config set registry https://registry.npmmirror.com

(2)安装vue脚手架：

npm install @vue/cli

202 find / -name "vue"
203 ls -l /root/node_modules/.bin/vue

[root@slave ~]# /root/node_modules/.bin/vue -V
@vue/cli 5.0.8

(3)创建vue项目(eleme)

/root/node_modules/.bin/vue create eleme_web

注意：

选择第三个：Manually select features

选择Router和Veux,后续一直回车即可

然后：

cd eleme_web
npm run serve

在浏览器上访问虚拟机中最后出现的网址

(4)将 eleme 项目使用 samba 共享 :

配置samba

1.下载samba

[root@slave eleme_web]#yum -y install samba

2.编辑配置文件

[root@slave eleme_web]# pwd
/root/eleme_web
[root@slave eleme_web]# vim /etc/samba/smb.conf

[eleme_web]
comment = wangjia
path = /root/eleme_web
guest ok = no
writable = yes

3.创建用户：

[root@slave eleme_web]# useradd vueediter
[root@slave eleme_web]# smbpasswd -a vueediter

4.为改用户在文件夹中添加读写权限

[root@slave eleme_web]# setfacl -m u:vueediter:rwx /root/eleme_web/
5.启动服务

[root@slave eleme_web]# systemctl start nmb.service
[root@slave eleme_web]# systemctl start smb.service

6.在window上进行连接

[root@slave ~]# cd eleme_web
[root@slave eleme_web]# ls
babel.config.js package.json README.md
jsconfig.json package-lock.json src
node_modules public vue.config.js

注意：public专门用来保存图片，视频等，我们需要搭建一台nfs服务器向以下目录同步图片，视频，音乐等
[root@slave eleme_web]# mkdir public/img
[root@slave eleme_web]# mkdir public/video
[root@slave eleme_web]# mkdir public/music
[root@slave eleme_web]# tree public

yum -y install nfs-utils.x86_64

挂载：

[root@slave eleme_web]# mount -t nfs 192.168.118.60:/static/img public/img/

[root@slave ~]# ls eleme_web/public/img
baidu.png

[root@slave eleme_web]# vim src/views/HomeView.vue

[root@slave ~]# cd eleme_web/
[root@slave eleme_web]# npm run serve 或者可以用