{"id":13431820,"url":"https://github.com/dxx/react-bilibili","last_synced_at":"2025-05-16T00:00:23.703Z","repository":{"id":37720297,"uuid":"166738946","full_name":"dxx/react-bilibili","owner":"dxx","description":":tv: 高仿B站web移动端","archived":false,"fork":false,"pushed_at":"2024-04-04T13:01:20.000Z","size":1502,"stargazers_count":1349,"open_issues_count":15,"forks_count":378,"subscribers_count":15,"default_branch":"master","last_synced_at":"2025-05-04T23:03:58.677Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dxx.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-01-21T02:55:43.000Z","updated_at":"2025-05-03T03:25:10.000Z","dependencies_parsed_at":"2024-09-30T11:00:50.418Z","dependency_job_id":"7b932617-cd81-43aa-8285-e9a117dd4b9d","html_url":"https://github.com/dxx/react-bilibili","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dxx%2Freact-bilibili","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dxx%2Freact-bilibili/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dxx%2Freact-bilibili/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dxx%2Freact-bilibili/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dxx","download_url":"https://codeload.github.com/dxx/react-bilibili/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254442854,"owners_count":22071877,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-07-31T02:01:06.174Z","updated_at":"2025-05-16T00:00:23.602Z","avatar_url":"https://github.com/dxx.png","language":"TypeScript","funding_links":[],"categories":["第三方客户端","其他"],"sub_categories":["直播脚本","网络服务_其他"],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/facebook/react\"\u003e\u003cimg src=\"https://img.shields.io/badge/react-v16.8.6-blue.svg\" alt=\"react\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/ReactTraining/react-router\"\u003e\u003cimg src=\"https://img.shields.io/badge/react--router-v4.3.1-blue.svg\" alt=\"react-router\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/reactjs/redux\"\u003e\u003cimg src=\"https://img.shields.io/badge/redux-v4.0.1-blue.svg\" alt=\"redux\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/reactjs/react-redux\"\u003e\u003cimg src=\"https://img.shields.io/badge/react--redux-v5.1.1-blue.svg\" alt=\"react-redux\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/nfl/react-helmet\"\u003e\u003cimg src=\"https://img.shields.io/badge/react--helmet-v6.0.0-blue.svg\" alt=\"react-helmet\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/jasonslyvia/react-lazyload\"\u003e\u003cimg src=\"https://img.shields.io/badge/react--lazyload-v2.3.0-yellow.svg\" alt=\"react-lazyload\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n# react-bilibili\n\u003e **此项目仅供学习和交流，不得用于商业用途**\n\n高仿B站web移动端\n\n##\n本项目基于此[SSR服务端渲染](https://github.com/dxx/react-ssr)模板，使用React16.8，Typescript开发\n\n## 技术点\n* react\n* react-router-dom\n* react-router-config\n* redux(数据管理)\n* redux-thunk(支持异步Action)\n* react-helmet(Head管理)\n* react-lazyload(图片懒加载)\n* loadable-components(代码分割)\n* cross-fetch(浏览器和node通用的Fetch API)\n* express(后端服务)\n\n## 实现功能\n* 首页\n* 分类页\n* 排行榜\n* 搜索\n* 视频详情页\u003cbr/\u003e\n  1.视频播放\u003cbr/\u003e\n  2.弹幕\u003cbr/\u003e\n  3.推荐列表\u003cbr/\u003e\n  4.评论列表\n* UP主页\u003cbr/\u003e\n  1.详情\u003cbr/\u003e\n  2.投稿列表\n* 个人中心\u003cbr/\u003e\n  历史记录\n* 直播\n* 直播列表\n* 分类\n* 直播间\u003cbr/\u003e\n  1.直播播放\u003cbr/\u003e\n  2.聊天弹幕\n\n## 运行\n\n\u003e 先运行服务端接口，见`bilibili-api`目录。本http服务默认端口: 3010\n\n### `npm install`\n安装项目依赖包\n\n### `npm run dev`\n运行开发环境\n\n### `npm run build`\n打包客户端和服务端，运行生产环境前必须先打包\n\n### `npm run start`\n运行生产环境\n\n## 屏幕截图\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://dxx.github.io/static-resource/react-bilibili/screenshots/01_index.png\" width=\"326px\" height=\"680px\" alt=\"index\" /\u003e\n  \u003cimg src=\"https://dxx.github.io/static-resource/react-bilibili/screenshots/02_channel.png\" width=\"326px\" height=\"680px\" alt=\"channel\" /\u003e\n\n  \u003cimg src=\"https://dxx.github.io/static-resource/react-bilibili/screenshots/03_ranking.png\" width=\"326px\" height=\"680px\" alt=\"ranking\" /\u003e\n  \u003cimg src=\"https://dxx.github.io/static-resource/react-bilibili/screenshots/04_detail.png\" width=\"326px\" height=\"680px\" alt=\"detail\" /\u003e\n\n  \u003cimg src=\"https://dxx.github.io/static-resource/react-bilibili/screenshots/05_detail.png\" width=\"326px\" height=\"680px\" alt=\"detail\" /\u003e\n  \u003cimg src=\"https://dxx.github.io/static-resource/react-bilibili/screenshots/06_space.png\" width=\"326px\" height=\"680px\" alt=\"space\" /\u003e\n\n  \u003cimg src=\"https://dxx.github.io/static-resource/react-bilibili/screenshots/07_search.png\" width=\"326px\" height=\"680px\" alt=\"search\" /\u003e\n  \u003cimg src=\"https://dxx.github.io/static-resource/react-bilibili/screenshots/08_history.png\" width=\"326px\" height=\"680px\" alt=\"history\" /\u003e\n\n  \u003cimg src=\"https://dxx.github.io/static-resource/react-bilibili/screenshots/09_live.png\" width=\"326px\" height=\"680px\" alt=\"live\" /\u003e\n  \u003cimg src=\"https://dxx.github.io/static-resource/react-bilibili/screenshots/10_live_list.png\" width=\"326px\" height=\"680px\" alt=\"live list\" /\u003e\n\n  \u003cimg src=\"https://dxx.github.io/static-resource/react-bilibili/screenshots/11_room.png\" width=\"326px\" height=\"680px\" alt=\"room\" /\u003e\n  \u003cimg src=\"https://dxx.github.io/static-resource/react-bilibili/screenshots/12_room.png\" width=\"326px\" height=\"680px\" alt=\"room\" /\u003e\n\u003c/p\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdxx%2Freact-bilibili","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdxx%2Freact-bilibili","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdxx%2Freact-bilibili/lists"}