撸了一个高仿 B站!

推荐一款开源的高仿 B站 移动端,该项目可以用于 React 技术栈的学习项目。前端使用的核心技术栈基于 React,后端服务使用 Express。

bb7dd7c46460fa66275399273a649eb5.png

开源地址:https://github.com/dxx/react-bilibili

系统截屏

系统功能包括首页,信息流,上方 tab 栏切换:

5abc158ee501b601e19944b7788f37b5.png

排行榜,视频播放

823875490711531a61c0f010b188dbb3.png

个人空间

fc10805070856af862f9cf3229032bcd.png

直播、弹幕、聊天室

676e1370aa6e650d4cabc960e54fc18f.png

如何部署

首先将该开源项目 Download 下来,服务端接口在 bilibili-api 的目录下,进行部署运行,访问 http 服务默认端口:3010 即可访问后端相关服务。

npm install # 安装项目依赖包

npm run dev # 运行开发环境

npm run build # 打包客户端和服务端,运行生产环境前必须先打包

npm run start # 运行生产环境

逛逛 GitHub 每天推荐一个好玩有趣的开源项目。历史推荐的开源项目已经收录到 GitHub 项目,欢迎 Star:

历史盘点:https://github.com/Wechat-ggGitHub/Awesome-GitHub-Repo

推荐阅读

1. GitHub 上有什么好玩的项目?

2. 推荐一款高颜值网易云播放器

3. 基于 Spring Boot 的百度云高仿项目

4. 盘点百度 4 个牛逼哄哄的开源项目

2d150b7ce5ad9d145455f3331ed882ba.png

猜你喜欢

转载自blog.csdn.net/weixin_47080540/article/details/123625694