> 文档中心 > 【Vue项目】仿哔哩哔哩网页

【Vue项目】仿哔哩哔哩网页

一、 项目开发的背景
目前市面上,有一些以短视频为主的手机应用越来越多。如哔哩哔哩、抖音、小红书、快手、youtube,这些手机短视频软件应用,个人认为,之所以能拔地而起,主要是由于以下几点:1、门槛低、视频功能强大、平台社交功能强大、贴近生活。毫不夸张地说,假设一个人自制力较弱,并且拥有大把的闲暇时光,给他推荐一款这样类型的软件,一天之内,他就会沉浸在刷视频的快感之中。话不多说,我设计的这款应用主要参照哔哩哔哩这款手机应用,同时搭建本都服务器来提供数据响应。这款网站将部署至阿里云服务器,其他用户可以通过公网来访问该网站。3

二、涉及的技术
该项目前端使用Vue框架开发,后端采用NodeJs搭建服务器。使用了WebSocket技术和PWA技术,

三、服务器的搭建说明
采用NodeJS搭建后台服务器,项目serve_chat和serve_main实现聊天功能,项目serve_main是实现页面基础操作,包括用户登录、视频播放、网页数据的提供等。

A 前端项目

采用Vue框架搭建项目vue_project_bilibili。

B 项目运行

后端服务器要在项目所在文件夹下运行命令

node app.js

前端服务器也要在项目所在文件夹下运行命令

npm run serve