douyin_front

douyin_front

抖音精靈的前端項目，後端項目位址：elliotxx/douyin_back

示範網址：http://douyin.yangyingming.com

效果圖

安裝

1. 首先修改src/main.js line 17 的後端請求位址，後端專案位址請見：elliotxx/douyin_back

 Vue.prototype.douyinhost = "http://douyin.test.com:8005";

2. 然後安裝依賴以及打包應用

 # install dependencies
npm install

# build for production with minification
npm run build

3. 最後dist/ 目錄中的便是打包好的靜態網站了，可以使用nginx 等伺服器指向該目錄。

使用Docker

1. 首先修改src/main.js line 17 的後端請求位址，後端專案位址請見：elliotxx/douyin_back

 Vue.prototype.douyinhost = "http://douyin.test.com:8005";

2. 然後建構容器

 # 构建镜像
docker build -t douyin_front .

# 启动容器
docker run --name douyin_front -p 8006:80 -d douyin_front

# 查看运行中的容器
docker container ls

3. 如果容器正常啟動，服務就可以透過http://localhost:8006 存取。

TODO

• 無浮水印影片下載
• 解析影片時的載入圖標
• 清除按鈕
• 抖音用戶資訊查詢（已失效）
• 適配行動端
• 導覽列（首頁按鈕）
• 指定使用者作品批量下載
• 解析完用DPlayer 播放視頻
• 抖音老影音博物館
• 指定使用者收藏的bgm 批次下載
• 指定用戶收藏的影片批量下載
• 抖音高讚影片展覽館
• 快取抖音所有的影片連結和訊息