项目介绍 : easy-video-net 是基于GO + vue 开发的前后端分离项目,server端采用 golang + gin + gorm 进行开发 web 端采用vue3 + typescript + element-plus 进行开发
前言
项目为自己在学习golang和vue3时进行编写的学习项目可能依然存在许多问题,欢迎提lssuse,后续可能依然进行迭代,如果对你有帮助的话希望可以得到您的star
体验地址 easy-video
github : 代码地址
主要功能模块
- 视频上传分享支持转码及弹幕功能
- 稿件投稿使用富文本编辑器进行简单发布
- 一个简单直播功能 需要使用livego搭建直播服务
- 简单的消息通知 及其im功能
- 个人相关及其相关发布信息的CRUD
项目环境
server
- golang 1.18
- mysql 8.0
- reids 3.0
- ffmpeg 4.2
web
- npm 8.18
- node v16.16
项目特点
- 完成上传分接口类型使用不用存储,不同质量,实现本地极其阿里云oss存储 支持分片上传,断点续传 oss 直传
- 视频本地存储使用ffnpeg进行视频转码 , oss使用阿里云智能媒体转码
- 简单实现直播功能并且采用protobuf进行通信
项目目录
easy-vide-net
│ .gitignore
│ README.md
├─service 服务端代码
│ │ .gitignore
│ │ go.mod
│ │ go.sum
│ │ main.go
│ ├─assets 静态资源
│ ├─config 配置文件
│ │ │ config.ini
│ ├─consts 常量定义
│ ├─controllers 控制器
│ ├─global 全局使用
│ ├─interaction 结构体定义
│ │ ├─receive 请求
│ │ └─response 响应
│ ├─logic 逻辑处理
│ ├─middlewares 中间件
│ ├─models 模型定义
│ ├─proto proto文件
│ ├─router 路由定义
│ ├─runtime 运行时文件如日志
│ └─utils 工具类
│
└─web
│ .env 配置文件
│ .gitignore
│ .hintrc
│ auto-imports.d.ts
│ components.d.ts
│ index.html
│ package-lock.json
│ package.json
│ README.md
│ tsconfig.json
│ tsconfig.node.json
│ vite.config.ts
│
├─node_modules
├─public
│ vite.svg
└─src
│ App.vue
│ main.ts
│ shime-vue.d.ts
│ style.css
│ style.scss
│ vite-env.d.ts
│
├─apis 接口定义
├─assets 静态资源
├─components 组件
├─hooks
├─logic 逻辑代码
├─proto proto文件
├─router 路由定义
├─store 状态管理
├─types 类型定义
├─utils 工具类
└─views 视图文件
server端启动
//填写完成项目config文件夹内config.ini
go mod tidy 安装所需依赖
go build 打包项目
./easy-video-net.exe 运行项目
server端启动
//填写完成项目env文件配置请求地址
npm i 安装所需依赖
npm run dev 运行项目
项目展示