Skip to content
关注公众号,获取新课通知

本地部署 api 接口源码

本课程后端api接口源码基于node.js+ mysql 环境要求:mysql5.7,node16~18,redis

  1. 安装本地集成环境

这里可以选择 phpstudy,简单一些

下载地址:小皮面板(phpstudy)

安装成功之后打开,找到 软件管理

VueCli在线教育问题汇总/6/1

VueCli在线教育问题汇总/6/2

好了之后,回到 首页,开启服务

VueCli在线教育问题汇总/6/3

如果启动报错,则根据报错信息,上phpstudy交流社区查找解决方案: 交流社区 - phpstudy

安装 node 环境 如果之前安装过可以忽略该步骤

下载地址:nodejs.org

  1. 部署源码

上群文件下载后端api源码【仅供参考】.zip,并解压出来

VueCli在线教育问题汇总/6/4

接着用 vscode 打开该项目,并打开终端

VueCli在线教育问题汇总/6/5

VueCli在线教育问题汇总/6/6

  1. 修改数据库配置

VueCli在线教育问题汇总/6/7

VueCli在线教育问题汇总/6/8

VueCli在线教育问题汇总/6/9

VueCli在线教育问题汇总/6/10

VueCli在线教育问题汇总/6/11

VueCli在线教育问题汇总/6/12

VueCli在线教育问题汇总/6/13

VueCli在线教育问题汇总/6/14

VueCli在线教育问题汇总/6/15

VueCli在线教育问题汇总/6/16

  1. 修改对象存储配置
  2. 开通oss服务

前提条件

已注册阿里云账号并完成实名认证。详情请参见注册阿里云账号个人实名认证

操作步骤

  1. 登录阿里云官网
  2. 打开OSS开通页面
  3. 在OSS开通页面,按照界面指引完成开通操作
  4. 创建存储空间 操作步骤
  5. 打开OSS管理控制台
  6. 单击Bucket列表,然后单击创建Bucket
  7. 配置如下:

VueCli在线教育问题汇总/6/17

VueCli在线教育问题汇总/6/18

  1. 配置Endpoint 和 bucket名称

VueCli在线教育问题汇总/6/19

VueCli在线教育问题汇总/6/20

打开后端 /config/config/file.js,修改oss配置:

VueCli在线教育问题汇总/6/21

  1. 配置 ACCESS_KEY 和 SECRET_KEY

VueCli在线教育问题汇总/6/22

VueCli在线教育问题汇总/6/23

VueCli在线教育问题汇总/6/24

VueCli在线教育问题汇总/6/25

打开后端 /config/config/file.js ,修改oss配置:

VueCli在线教育问题汇总/6/26

  1. 配置权限

VueCli在线教育问题汇总/6/27

VueCli在线教育问题汇总/6/28

VueCli在线教育问题汇总/6/29

VueCli在线教育问题汇总/6/30

  1. 修改vod点播配置
  2. 开通云点播
  3. 注册腾讯云账号,并完成 实名认证
  4. 选择云产品 > 视频服务 > 云点播,进入云点播控制台。
  5. 配置vodSubAppId

VueCli在线教育问题汇总/6/31

打开后端 /config/config/file.js ,修改配置:

VueCli在线教育问题汇总/6/32

  1. 修改 secret_idsecret_key

VueCli在线教育问题汇总/6/33

VueCli在线教育问题汇总/6/34

VueCli在线教育问题汇总/6/35

  1. 启动项目
  2. 在终端运行 npm install 安装依赖

VueCli在线教育问题汇总/6/36

  1. 运行 npm start 启动项目

VueCli在线教育问题汇总/6/37


Vue3+Nuxt3实战在线教育SSR网站api接口文档