乐趣区

关于node.js:vuecliexpressserverless服务器上线部署教程

前端局部 vue-cli 创立工程脚手架

step1: 新建文件夹

step2: 在创立的文件夹中执行上面命令

npm install -g @vue/cli
vue create .

◆ 输出后会让你抉择,按提醒即可


◆ 最初执行完结提醒如下即胜利

◆ 会生成以下目录

step3: 运行 vue-cli-service serve 调试

◆ 执行上面命令

npm run serve

◆ 关上 Local 网址

step4: 运行 vue-cli-service build 打包工程

◆ 执行上面命令

npm run build

◆ 执行完结后会生成 dist 目录

前端局部到此结束 …

后端局部 Express 框架之 express 脚手架

step1: 执行上面命令 - 装置生成器

npm install express-generator -g  

step2: 创立名称为 APP 的利用:

express app 

目录构造

step3: 将前端局部生成打包的 dist 文件夹的所有文件复制到 public 目录下

step4: 本地调试 - 执行上面命令

npm run start

◆ 关上 http://localhost:3000/

step5: 创立自启动脚本,在根目录下创立 scf_bootstrap 文件

后盾局部实现 …

腾讯云 serverless 平台部署

step1: 将后端局部的 APP 利用所有文件上传至任意一个 git 仓库

step2: 登录腾讯云 - 关上 serverless 利用核心

step3: 点击新建利用 - 抉择 Web 利用 -Express 框架

step4: 配置好利用名、上传形式抉择代码仓库、配置好代码源、仓库信息,其余默认即可,点击实现触发主动部署

step5: 主动部署实现后,关上域名

功败垂成~

退出移动版