云服务器(SAE) 部署

静态页面可以借助 github,或者 gitee 的静态文件托管功能进行部署。区别于这些,以下步骤的目的是:

  • 将服务端的代码部署至公网
  • 并且搭建起来一个线上可以访问的页面,环境是真实的线上环境
  • 框架是 Express

市场很多虚拟服务器,相对于真实服务器,可以显著节省硬件成本。这里用新浪 SAE 作为虚拟服务器

SAE 注册

使用微博账号注册即可,注册成功可以赠送200云豆,这些云豆拿来做这次模拟
注册完成之后,登录,到首页最下方选择“云应用 SAE”
在这里插入图片描述

控制台

这次测试不涉及数据库等,但是会有服务端的简单接口和从服务端拉去静态页面的简单操作
点击“云应用 SAE””进入如下页面
在这里插入图片描述
点击进入控制台,可以进行添加/创建应用的操作

创建应用

控制台页面有个比较显著的“创建应用”的按钮,点击可以创建新的应用
在这里插入图片描述

创建应用的环境选择 nodejs,然后选择创建。就可以创建一个应用
在这里插入图片描述

代码部署

创建项目应用之后,点击进入对应的应用,选择“代码管理”,将来自己的代码都是从这里开始进行自动化部署的(在每次 push 之后,SAE会进行一个自动化部署)
在这里插入图片描述
然后在打开的页签翻到最后,将仓库克隆至本地,迁移项目代码至这个仓库,提交之后,交给 SAR 自动化部署即可
在这里插入图片描述
在部署之前需要注意

  • 配置 package.json 的 start 脚本,保证本地开发可以正常运行
  • 根目录下必须包含package.json文件,HTTP的端口需要监听在5050

线上访问

部署完毕之后,需要验证一下成果
点击左侧导航栏:应用设置->应用信息,并拉到页面的最后
在这里插入图片描述

这两个链接点进去,将会有类似于开发环境的效果(这里是页面的展示)
在这里插入图片描述
Express代码:
在这里插入图片描述

这里是接口的返回
在这里插入图片描述
Express 代码:
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值