买了云服务器不会用?从0到1上线一个项目

我这里使用的是阿里云的云服务器,系统镜像是centOS8.2

1.使用nvm下载node

首先需要远处连接服务器

打开阿里云官网的控制台,找到自己的服务器点击进入

image-20211121124814915

点击页面右上角的远程连接进入控制台窗口

image-20211121124927081

输入 sudo su root切换至root账号,输入 pwd 查看以下下当前所在目录,我这里想要在root目录下进行安装, 输入cd /root 跳转到root目录下, 输入 pwd 看看是否成功跳转。如下图

image-20211121125312645

接下来使用nvm来安装node,先安装nvm

nvm安装文档

使用curl安装nvm

curl 是常用的命令行工具,用来请求 Web 服务器。它的名字就是客户端(client)的 URL 工具的意思。

更多关于curl的内容可以参考curl的用法指南

输入curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash进行安装

运行 source ~/.bashrc安装一下配置文件

nvm -h出现下图表示安装成功

image-20211120225921149

开始安装nodejs

输入nvm install node安装nodejs

安装成功后输入node -v 查看nodejs版本

安装nodejs时会自动安装npm

输入npm -v查看npm版本

image-20211120230305372

2.安装Xshell

打开xshell官网点击下载进入以下页面,点击图示红框

image-20211121130819321

填写完在邮箱里即可获取下载链接,这里只下载xshell就够了。

image-20211121130928368

下载安装完打开xshell

image-20211121131144031

image-20211121131314734

确定之后输入你的用户名和服务器密码即可。

3.写一个简单的项目

新建一个文件夹,名字就叫demo-first

用vscode打开文件夹,再按下图新建一个目录和两个文件

image-20211121131900741

随便写一下页面

image-20211121132041620

写一个服务器脚本server.js,用来把刚刚写的页面呈现到某个端口下

// 导入fs模块,该模块用于读取文件
const fs = require('fs')
// 导入http模块,该模块用于创建http服务
const http = require('http')

// 创建一个http服务
const server = http.createServer((request, response) => {
  // 使用fs模块读取文件index.html
  const html = fs.readFileSync('./public/index.html')
  // 将读取到的页面返回给请求
  response.end(html)
})

// 监听到8000端口,这要有浏览器(客户端)请求本机ip下的8000端口,就会将上面的index.html返回
server.listen(8000, () => {
  console.log('服务已启动,正在监听8000端口...')
})

现在先在本地把项目跑起来

打开vscode终端,node server.js启动服务,当然,本地环境要先安装好nodejs,我之前已经全局安装过了。

image-20211121132941355

到浏览器输入 http://127.0.0.1:8000

image-20211121133342627

ok没问题,接下来放服务器上去!

4.上传本地文件到服务器

由于我本地的电脑使用的是windows10系统,所以使用lrzsz来上传文件到服务器

lrzsz是一款在linux里可代替ftp上传和下载的程序,上传使用 rz 命令, 下载使用 sz命令

安装 lrzsz

centos服务器,可直接输入yum -y install lrzsz ,程序会自动安装好。

输入yum install -y lrzsz进行安装

将刚刚写的 demo-first整个项目文件夹压缩打包为zip格式,然后打开xshell连接到服务器

键入命令 rz 会弹出文件选择框,选择刚刚打包好的zip文件确定即可。

image-20211121133859233

输入 ll看看是否已经上传

image-20211121133936182

现在来解压一波 , 先创建个文件夹来存放解压后的文件,然后解压,直接上图

image-20211121134933562

image-20211121135012728

然后进入该文件夹 cd demo-first

启动服务脚本server.js并加上 nohup命令将该脚本放到后台运行

nohup node server.js &

搞定,这时浏览器访问 ip地址:端口号就可以看到页面了。

如果还不行就得到阿里云控制台设置一下服务器的开放端口

image-20211121135445685

image-20211121135517403

&`

搞定,这时浏览器访问 ip地址:端口号就可以看到页面了。

如果还不行就得到阿里云控制台设置一下服务器的开放端口

在这里插入图片描述
在这里插入图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端corner

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值