从零开始,Windows操作系统下的超详细的阿里云发布项目过程

  • 图片小,建议放大浏览器尺寸,不会失真.

🚀🚀 ==================== 步骤0: 购买阿里服务器 ====================

  • 🎃 0.1 从来没有搞过外网部署的我,当然是先买服务器了,感谢很多小伙伴的帮忙😊

  • 🎃 0.2 登录 阿里云网址
    从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图

  • 🎃 0.3 选择 云服务器ECS (不要选香港的,后期备案容易出问题)

  • 像我这种没有经验的先买一个月的试玩下,土豪请无视,任意选择👍!

  • 选择 Ubantu镜像,社区大,资源多,出现问题比较容易得到解决
    从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图(1)
    从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图(2)

  • 🎃 0.4 确认下单
    从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图(3)

  • 🎃 0.5 确认支付
    从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图(4)

  • 🎃 0.6 扫一扫,你就会损失一些money😭
    从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图(5)

  • 🎃 0.7 恭喜你,拾取服务器一台😁
    从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图(6)

  • 🎃 0.8 建议修改实例密码,为本地机器访问(请记住你设置的密码)
    从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图(7)

🚀🚀 ==================== 步骤1: 开启window的ssh ====================

  • 🚖 1.1 右下角 -> 所有配置
    从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图(8)

  • 🚖 1.2 应用
    从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图(9)

  • 🚖 1.3 可选功能
    从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图(10)

  • 🚖 1.4 添加可选功能 OpenSSH客户端
    从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图(11)

  • 🚖 1.5 测试ssh 是否启动成功,命令行 ssh
    从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图(12)

  • 🚖 1.6 用root账户连接阿里云远程服务器 ssh [email protected] -p 22

  • 47.114.105.120是云服务器的外网ip, -p 22 指定端口为22

  • password: 🎃 0.8中设置的密码

ssh [email protected] -p 22

从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图(13)

  • 哇,登录成功了,好兴奋啊,作为完全没使用过Linux/Ubantu的小白来说不要太兴奋 😋🙃

  • 🚖 1.7 使用 ls命令查看服务器的文件

  • 我之前发布项目创建过一个文件夹realworld-nuxtjs

  • 具体步骤会在下一部分出现
    从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图(14)

🚀🚀 ==================== 步骤2: 远程操作服务器,上传项目的压缩包 ====================

  • 🏳‍🌈 2.1 给服务器创建一个目录,存放要发布项目的资源
    从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图(15)

  • 🏳‍🌈 2.2 跳转到新建的目录下
    从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图(16)

  • 🏳‍🌈 2.3 准备要发布项目的压缩包(依项目实际情况而定)

  • 由于现在要发布的是nuxt项目,将这5个文件选中进行压缩打包(压缩后的文件是realworld-nuxtjs.zip)
    从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图(17)

  • 🏳‍🌈2.4 新建一个本地命令窗口,使用scp(secure copy)上传本地压缩文件到远程服务器

  • scp = secure copy:Linux系统或者Ubuntu的安全copy命令

  • 这部分操作不是在远程ssh链接

  • 而是压缩文件所在的目录

# 将2.3中本地压缩的文件上传到远程服务器
scp .realworld-nuxtjs.zip [email protected]:/root/realworld-nuxtjs
# 语法格式 scp filepathfilename [email protected] address:root/directory

从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图(18)

  • 🏳‍🌈2.5 通过【ssh命令窗口】或者【服务器上的远程连接】查看 上传的文件, 本地打包的文件已经上传到服务器了
    从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图(19)

🚀🚀 ==================== 步骤3: 服务器上的文件操作和必需的模块安装 ====================

  • 以下操作可通过【ssh命令窗口】或者【服务器上的远程连接】

  • 操作目录,之前新建的realworld-nuxtjs

  • ⚡ 3.1 安装 unzip模块 => 解压我们之前上传的zip文件 apt install unzip
    从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图(20)

  • ⚡ 3.2 安装 nodejs模块 提供项目的依赖环境

# 指定资源模块: setup_12.x代表的是nodejs版本12.x,可根据自己的需要自行修改
curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
# 安装nodejs
sudo apt-get install nodejs

从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图(21)
从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图(22)

  • ⚡ 3.3 安装 npm模块 提供项目的模块依赖下载
# 安装 npm 模块
sudo apt install npm
#如果出现问题,执行
sudo apt-get install nodejs-dev node-gyp libssl1.0-dev
# 然后再执行
sudo apt install npm
  • 通过npm -v 和 node -v 查看是否安装成功
    从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图(23)

  • ⚡ 3.4 解压上传的资源包

# 解压资源包
unzip realworld-nuxtjs

从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图(24)

  • ⚡ 3.5 安装依赖
# 根据package.json安装项目的相关依赖
npm install 
  • ⚡ 3.6 运行项目
npm run start

从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图(25)

  • 成功了!!!

🚀🚀 ==================== 步骤4: IP/PORT 配置项 ====================

  • 🔰 4.1 IP

  • 步骤3中项目启动后的地址是服务器的私有IP http://172.27.110.181:3000/ 不能对外访问

  • 需要将自己的公网IP替换后才可以 http://47.114.105.120:3000
    从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图(26)

  • 🔰 4.2 端口,3000端口号是在项目文件里配置的,所以我们要去【本实例安全组】开启3000端口的使用

  • 【本实例安全组】-> 【配置规则】-> 【手动添加】

  • 红框内的是系统自带的, 绿色的是手动添加的端口号为3000的一条规则
    从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图(27)

  • 到这里,如过没有特殊情况,服务可以被外网访问了 RealWorld-Nuxt ✅

🚀🚀 ==================== 步骤5: 其他配置项 ====================

  • 💛 5.1 查看服务器防火墙状态
# 服务器防火墙状态: active-启动 | inactive-关闭
sudo ufw status
# 开启或关闭
sudo ufw enable|disable

从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图(28)

  • 💛 5.2 查看端口号状态
netstat -anp|grep 3000

从零开始,Windows操作系统下的超详细的阿里云发布项目过程插图(29)

  • 💛 5.3 未完待续…
本站资源均源自网络,若涉及您的版权、知识产权或其他利益,请附上版权证明邮件告知。收到您的邮件后,我们将在72小时内删除。
若下载资源地址错误或链接跳转错误请联系站长。站长q:770044133。

» 从零开始,Windows操作系统下的超详细的阿里云发布项目过程

发表评论

免登录下载网,提供全网最优质的资源集合!