超全的前端项目部署(二)

服务端部署#

在准备部署之前， 需要先进行一个环节: 购买域名, 购买服务器

可以去各大云逛逛

不太推荐新浪云， 优点操作简单， 缺点备案慢

我推荐的这些都是需要一周左右， 而新浪要3周, 这几个是我用过比较不错的，包括服务。我记得有一次，部署一个H5的项目，一夜都在打他们客服电话， 他们总是有人接听。并非要说新浪不好，他们的操作超简单, 但是不太适合我，这才是我推荐原因。

https://cn.aliyun.com

https://cloud.tencent.com/

CentOS 服务器部署#

我的两个服务器都是用的linux。我用阿里云的这个是裸机的， 还有一个腾讯云用的是宝塔。 我打算分为两次去展示， 如果赶时间可以去翻看我之后的文章我会专门出一篇用宝塔管理界面进行部署。

连接服务器#

• 第一次买的都需要去重置一下示例密码

登录服务器#

• 你可以选择直接用阿里云的shell

  1. 

  2. 

3. 

4. 双击后把这个侧边栏关掉

5. 现在就登陆上服务器了

6. 输入ls查看目录结构

   

说明在当前用户目录下，也就是你登录的这个用户的目录下

安装nodejs#

• 先要确保wget是可以使用的输入: wget -V

  

安装wget命令：yum install wget

• 到达指定位置

  cd /usr/local
  

• 安装nodejs

  wget https://nodejs.org/dist/v16.13.2/node-v16.13.2-linux-x64.tar.xz
  

• 重命名目录

  mv node-v16.13.2-linux-x64.tar.xz node
  

• 解压

  tar xvf node-v16.13.2-linux-x64.tar.xz
  

• 配置软连接(快捷方式)

  ls –s 快捷方式的源文件 配置到的位置

  必须确保源文件路径是存在的

  sudo ln -s /usr/local/node/bin/node /usr/local/bin/
  sudo ln -s /usr/local/node/bin/npm  /usr/local/bin/
  

• 测试

  node --version
  

• 安装pm2

  • pm2是用于部署nodejs项目的一个工具。

  npm install pm2 -g // 全局安装
  

• pm2软链接

  sudo ln -s /usr/local/node/bin/pm2 /usr/local/bin/
  

• 测试

  pm2 list
  

差不多需要用到的工具已经就位了。

上传项目包#

window下建议使用Xshell/Xftp连接或上传文件#

• Xftp: 用于传输文件

• Xshell: 用于交互命令

• 下载

  链接：https://pan.baidu.com/s/147Vw4ZpdZ0M9dIHQApLS2w?pwd=55tm
  提取码：55tm

• 安装

  • 小提示:

    你需要安装到一个你能找到的位置， 因为有的软件安装有可能不自动创建快捷方式。 可能需要手动创建快捷方式。

  • 两个都是下一步, 下一步就行。

使用#

• 新建链接

  • 1

    

  • 2. 点击新建

  • 3

    

  • 4 输入用户名: >> root/或者你的用户

    

  • 5

    

  • 6 界面是这个样子的

    

    • 左边是windows桌面， 右边是linux桌面

  • 7 双击右边要传输的文件或者点击右键> 传输

    • 小提示

      1. 互相传输根据这个流程都可以操作

      2. 在左边点击传输后会上传到linux

      3. 在右边点击传输后会上传到windows

  • 传输后可以打开刚刚的命令界面 进行解压, 前提是切换到上传的位置并且使用 解压命令进行解压

  1. 在/root目录下创建一个目录可以 叫做server

  2. 此时所在的是/root/server

  3. 然后找到windows需要传输的文件结和上一篇讲也就是:vue-server

• 解压后要进入目录下，然后找到 主入口程序我的是app.js是主入口程序 然后输入命令

  pm2 start app.js

• 使用pm2 list查看运行状态。

  然后需要在安全组将你开启的端口进行开放， 然后就可以通过ip地址进行访问到。

  1. 打开服务器的控制台

     

2. 配置规则

   

   

3. 添加端口

   

   点击保存就好了。

4. 在浏览器输入url: ip地址:端口

后续我打算分享nginx的一些配置和DNS轮询和域名的解析， 以及DDoS攻击的解决方案。