建站日记一,使用阿里云部署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年要努力一点。

相关推荐
全栈前端老曹7 分钟前
【前端路由】Vue Router 嵌套路由 - 配置父子级路由、命名视图、动态路径匹配
前端·javascript·vue.js·node.js·ecmascript·vue-router·前端路由
EndingCoder15 分钟前
安装和设置 TypeScript 开发环境
前端·javascript·typescript
张雨zy1 小时前
Vue 项目管理数据时,Cookie、Pinia 和 LocalStorage 三种常见的工具的选择
前端·javascript·vue.js
五月君_1 小时前
Nuxt UI v4.3 发布:原生 AI 富文本编辑器来了,Vue 生态又添一员猛将!
前端·javascript·vue.js·人工智能·ui
!执行1 小时前
遇到 Git 提示大文件无法上传确实让人头疼
前端·github
坚持学习前端日记2 小时前
个人网站从零到盈利的成长策略
前端·程序人生
CamilleZJ2 小时前
eslint+prettier
前端·eslint·工程化·prettier
web小白成长日记2 小时前
深入理解 React 中的 Props:组件通信的桥梁
前端·javascript·react.js
tjswk20082 小时前
在ios上动态插入元素的列表使用:last-child样式可能不能及时生效
前端
小小荧2 小时前
CSS 写 SQL 查询?后端慌了!
前端·sql