栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 系统运维 > 运维 > Linux

部署静态资源(html,css,js,图片等)到服务器

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

部署静态资源(html,css,js,图片等)到服务器

王元肉==>个人主页

大家一起加油,我喜欢分专栏将知识打碎成一份一份小知识点,一篇文章只说一个知识点,因此每篇文章篇幅较短,希望大家不要介意。如有需要可以查看专栏看看是否有该文章中涉及到的知识点进行讲解的文章,如果大家觉得有帮助,希望大家三连支持一下。

推荐阅读

部署最终篇==>点我查看

文章结构
  • 1、连接服务器
  • 2、安装环境
    • 安装node方式1 wget
    • 安装node方式2 yum
    • 将node配置成淘宝源
  • 3、打包项目
  • 4、用express启动一个服务器,读取静态文件
  • 5、部署项目
  • 5、启动项目
    • 方式1利用 forever
    • 方式2pm2
    • 方式3nodejs 自带启动服务,不需要安装别的包
  • 具体演示

1、连接服务器
  1. 购买服务器
  2. 使用xshell,xftp连接服务器
2、安装环境

需要node

安装node方式1 wget
1. 查看可以安装的版本:一定要下载长期维护版本(Gallium)
与之前的版本https://nodejs.org/en/download/releases/

2. 下载压缩包:linux中使用wget下载工具下载压缩包,cd到想要存放压缩包的路径下,执行`wget https://nodejs.org/download/release/v16.13.0/node-v16.13.0.tar.gz`
3. 解压压缩包,执行`tar -xzvf node-v16.13.0.tar.gz `
4. 如果已经有python2环境直接执行`./configure.py`如果没有就执行`ls -l /usr/bin | grep python`,再执行`python3 configure.py`
5. 编译`make` `make install`,这一步需要很久,耐心等候
6. 查看是否成功安装`node -v` `npm -v`
安装node方式2 yum

​ 服务器有yum,系统的yum源安装nodejs版本太低。如果你的系统版本比较低,gcc库版本低,编译安装的时候有可能不成功,下面是yum安装的步骤

sudo yum -y install nodejs

如果以上步骤不能安装 最新版 node,执行以下命令后再执行第二步:

sudo yum clean all

如果存在多个 nodesoucre,执行以下命令删除,然后重新执行第一第二步:

sudo rm -fv /etc/yum.repos.d/nodesource*
将node配置成淘宝源
npm config set registry https://registry.npm.taobao.org
3、打包项目
将脚手架项目(vue/react)打包成静态文件(html+css+js+assets)
4、用express启动一个服务器,读取静态文件
如果后端是用node写的话,不管是原生node还是node框架
(expres,koa,egg等),可以直接百度相应开放静态资源的方法方法。
在这里演示express。

express怎么使用

5、部署项目
  1. 将node_modules文件夹删除,通过xftp将代码发送到服务器
  2. xshell中,cd到package.json目录下,执行npm install,下载项目所需要的包
  3. 服务器开启对应端口号,关闭防火墙https://blog.csdn.net/u010404909/article/details/122609668
  4. 上阿里云开放端口配置安全组https://blog.csdn.net/yuan_618859/article/details/105491085
5、启动项目 方式1利用 forever
forever是一个nodejs守护进程,完全由命令行操控。forever
会监控nodejs服务,并在服务挂掉后进行重启。
1. 安装 forever
npm install forever -g
2. 启动服务
service forever start
3. 使用 forever 启动 js 文件
forever start index.js
4. 停止 js 文件
forever stop index.js
5. 启动js文件并输出日志文件
forever start -l forever.log -o out.log -e err.log index.js
6. 重启js文件
forever restart index.js
7. 查看正在运行的进程
forever list
方式2pm2
pm2是一个进程管理工具,可以用它来管理你的node进程,并查看
node进程的状态,当然也支持性能监控,进程守护,负载均衡等功能
npm install -g pm2
pm2 start app.js        // 启动
pm2 start app.js -i max //启动 使用所有CPU核心的集群
pm2 stop app.js         // 停止
pm2 stop all            // 停止所有
pm2 restart app.js      // 重启
pm2 restart all         // 重启所有
pm2 delete  app.js      // 关闭
pm2 list 				// 查看所有的pm2进程
方式3nodejs 自带启动服务,不需要安装别的包
node server.js //启动
缺点:存在无法查询日志等问题,关闭终端后服务也就关闭了
具体演示

pm2+express部署前端


结束啦!

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

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

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