# vue抖音弹幕消息推送

**Repository Path**: dych/barrage-vue

## Basic Information

- **Project Name**: vue抖音弹幕消息推送
- **Description**: vue 前后端分离 前端解析抖音弹幕protobuf消息并解析出对应的礼品、评论、点赞、房间消息等、页面展示优化，供有兴趣的朋友学习，喜欢的帮忙支持点赞
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2023-12-11
- **Last Updated**: 2023-12-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# barrage-vue

## 项目页面截图
![image](https://github.com/wanyushu/barrage-vue/assets/55966772/422b0e20-2ef2-4794-9594-feec39b6fb73)


# 一. 项目部署
## 1.执行命令
npm install
## 2.运行项目
npm run dev
## 3.部署后端获取wss链接地址服务
双击 src目录下的

![06224400e16bfac311930c83c9a28a8](https://github.com/wanyushu/barrage-vue/assets/55966772/189495eb-b2c1-4010-a84b-53563b89ba9d)

##   4.有端口特殊需求可以到config目录下面变更端口配置

![3307d5bdca3fcc6964c0f6d992f7810](https://github.com/wanyushu/barrage-vue/assets/55966772/911110f1-5ced-4e91-b02e-8ad99d053790)

# 2. 项目说明

本项目通过抖音平台的wss链接进行逆向而来！
协议解析思路如下：
### 1.通过web端进行逆向得到proto文件，文件大致内容如下
![779bd351f2b91c710f9129d85cc9fa8](https://github.com/wanyushu/barrage-vue/assets/55966772/9981add0-1cda-4cf2-b4e8-f5fd836e53e6)

### 2.根据需要的数据编写proto文件
### 3.通过protoc执行工具编译出js文件
### 4.解析protobuf数据并展示页面

# 3. 相关链接

## github项目开源链接: [https://github.com/wanyushu](https://github.com/wanyushu)
## gitee 项目开源地址链接：[https://gitee.com/wanyushu](https://github.com/wanyushu)

# 4. 关于我们
1.了解更多相关应用，请移步: http://www.softworld.vip，关注我们，了解最新更新动态！
扫码关注公众号 "代码江湖"

![qrcode_for_gh_15b6b711cbca_258](https://github.com/wanyushu/barrage-vue/assets/55966772/d154cbef-a8d4-44df-bd5f-3ee202afba7f)


# 5.注意事项
#本项目仅用学习参考用，切勿商用！