Douyin-Vue

douyin-vueパロディです抖音|TikTokモバイルショートビデオプロジェクト。Vueネイティブと同等のモバイル側の「ベストプラクティス」Appシルキーで滑らかな使い心地。最新のものを使用しましたVueテクノロジースタック、に基づくVue3、Vite5、Pinia成し遂げる。データはプロジェクト内でローカルに保存されます。axios-mock-adapterライブラリは API をインターセプトし、ローカルの JSON データを返して、実際のバックエンドリクエストをシミュレートします。

オンラインアクセス

Github ページ:ｈっｔｐｓ：／／ｄｙ。ってんたう。とｐ／

リンク

【模倣同音シリーズ】 1:Swiper.js に似たカルーセルコンポーネントを実装するための 200 行のコード
【模倣同音シリーズ】２：Douyinで「無限スライドビデオ」効果を実現
【模倣同音シリーズ】その３：Vue ルーティングの使用とトランジションアニメーションの追加の概要
【模倣同音シリーズ】 4：従来のニュースサイトと同様に、Vue の条件付きルートキャッシュ
【模倣同音シリーズ】 5：Github Actions ページのデプロイ、Gitee への同期、README の翻訳、Docker イメージのパッケージ化

走る

注: このプロジェクトは研究と研究のみに適しており、商業利用には適していません。

Vercel への迅速な導入

Dockerへのデプロイ

# pull Docker image
docker pull ghcr.io/zyronon/douyin-vue:latest

# start container, nginx reverse proxy custom port, for example: docker run -d -p 80:80 ghcr.io/zyronon/douyin-vue:latest
docker run -d -p 80:80 ghcr.io/zyronon/douyin-vue:latest

地域開発

注: git コマンドを実行するには、クローンを作成する必要があります。zip パッケージのダウンロードは実行できません。クローン速度が遅すぎる場合は、gitee アドレスを使用することをお勧めします。

git clone https://gitee.com/zyronon/douyin.git (中国使用)
          https://github.com/zyronon/douyin.git 
cd douyin
npm install
npm run dev

ブラウザを開いて、以下にアクセスしてください。ｈっｔｐ：／／１２７。０。０。１：３０００

注: ブラウザをモバイルモードに切り替える必要があります。最初にを押します。F12コンソールを表示するには、を押します。Ctrl+Shift+M通常にプレビューする

データソース

このビデオは以下のDouyinの有名人からのものです

我是香秀 🐂🍺：ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹらぱ２Ｌ／
杨老虎 🐯（磕穿下巴掉牙版）：ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹら５６で／
条子：ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹらあｑｊｒ／
达莎 Digi：ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹら６ｒｗＴ／
小橙子：ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹらぬｄｗ／
南恬：ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹらｂＫｍ３／
小霸宠牛排 🥩：ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹＲそｓＶＢ／
奶茶妹 ◕🌱：ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹらＣＫｈＰ／
我才是岚岚：ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹらＱＭ１Ｃ／
周憬艺 ziran：ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹらＱｓ４ｈ／
刘思瑶 nice：ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹらあえＲん／
彭十六 elf：ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹらＨｒＶＧ／
李子柒：ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹら５Ｂ８８／

小紅書公文書からの写真

上記内容は全てインターネット上の公開情報です

特徴と提案

プロジェクトは現在開発の初期段階にあり、ソフトウェアの新機能や提案があれば、お気軽にお問い合わせください。Issuesで育ちましたこのソフトウェアのデザインアイデアも気に入っていただけましたら、ぜひ送信してくださいPR、ご支援ありがとうございました！

私に連絡して

私のメールアドレスにご連絡いただけますｚｙろのん＠１６３。こｍ

私の他のオープンソースプロジェクトを共有してください:

単語を入力する～Web上で使える単語暗記ソフト～
ウェブスクリプト- いくつかの便利な Grease Monkey スクリプト~

合意

GPL

8.1 KiB Raw Blame History Unescape Escape