建站日记一,使用阿里云部署Hello World应用

购买服务器

地址:阿里云云服务器ECS快速购买

  • 选择地区,选一个离自己最近的
  • 选择产品规格,我选了2核2G的,个人搭着玩,这个配置暂时够用了
  • 选择操作系统,目前默认的Alibaba Cloud Linux 3.2,选这个就行,千万别选一些很老的操作系统,此处点名centos7,在centos7上运行不了node.js18
  • 分配公网IPv4地址,勾选,阿里云会分配一个公网ip,就能通过这个ip访问你的服务了
  • 支付后,就会获得一个云服务器实例

登录服务器

  1. 绑定ssh密钥。Alibaba Cloud Linux 3.2此操作系统,不允许使用密码登录,只能使用ssh密钥进行登录。参考文档,大部分问题都能在产品文档中找到,不行,就问客服。这一步会下载一个包含私钥的文件
  2. 菜单栏选择实例,点击操作列中的远程连接
  1. 选择使用ssh登录,导入在第一步得到的私钥
  1. 登录成功,进入服务器页面!

部署应用

  1. 安装git
arduino 复制代码
# yum是很多Linux服务器上预装的命令行工具
yum install git
  1. 安装nvm,nvm可以用来管理多版本的node.js
bash 复制代码
# 克隆nvm仓库到主目录下的.nvm目录下
# 进入.nvm目录,并切换到最新的稳定版本
git clone https://github.com/cnpm/nvm.git ~/.nvm && cd ~/.nvm && git checkout `git describe --abbrev=0 --tags`
  1. 安装node.js,公司项目用的18,这里就也下了18,目前最新的LTS版本是20,18应该也还比较新
csharp 复制代码
nvm install 18
# 测试下是否安装成功,输出版本号,就安装成功了
node -v 
npm -v 

# nvm默认版本设置为18,避免重启后要重新设置
nvm alias default 18
  1. 在服务器上建项目目录,上传代码到此目录,并运行
bash 复制代码
# 回到根目录
cd ~

# 创建项目目录,并进入此目录
mkdir project
cd project
mkdir blog-app
cd blog-app

# 拉取github上的代码,目前就一个空的express应用
git clone xxx
pnpm install
node index.js
  1. 开放安全组,安全组就是服务器对外开放的端口,express项目默认的3000端口,这里入方向添加3000端口
  1. 访问应用,使用阿里云分配的公网ip,加上3000端口,就能访问了

总结

还是挺兴奋的,和当年第一次在控制台输出Hello World一样兴奋。后面开始一点点搭建个人网站吧,2024年要努力一点。

相关推荐
敲敲了个代码3 小时前
从硬编码到 Schema 推断:前端表单开发的工程化转型
前端·javascript·vue.js·学习·面试·职场和发展·前端框架
dly_blog5 小时前
Vue 响应式陷阱与解决方案(第19节)
前端·javascript·vue.js
消失的旧时光-19435 小时前
401 自动刷新 Token 的完整架构设计(Dio 实战版)
开发语言·前端·javascript
console.log('npc')5 小时前
Table,vue3在父组件调用子组件columns列的方法展示弹窗文件预览效果
前端·javascript·vue.js
用户47949283569155 小时前
React Hooks 的“天条”:为啥绝对不能写在 if 语句里?
前端·react.js
我命由我123456 小时前
SVG - SVG 引入(SVG 概述、SVG 基本使用、SVG 使用 CSS、SVG 使用 JavaScript、SVG 实例实操)
开发语言·前端·javascript·css·学习·ecmascript·学习方法
用户47949283569156 小时前
给客户做私有化部署,我是如何优雅搞定 NPM 依赖管理的?
前端·后端·程序员
C_心欲无痕6 小时前
vue3 - markRaw标记为非响应式对象
前端·javascript·vue.js
qingyun9896 小时前
深度优先遍历:JavaScript递归查找树形数据结构中的节点标签
前端·javascript·数据结构
熬夜敲代码的小N7 小时前
Vue (Official)重磅更新!Vue Language Tools 3.2功能一览!
前端·javascript·vue.js