7.9 KiB
Douyin-Vue
English | Spanish | German | French | 简体中文 | 日本語
douyin-vueパロディです抖音|TikTokモバイルショートビデオプロジェクト。Vueネイティブと同等のモバイル側の「ベスト プラクティス」Appシルキーで滑らかな使い心地。最新のものを使用しましたVueテクノロジースタック、に基づくVue3、Vite5、Pinia成し遂げる。データはプロジェクト内でローカルに保存されます。axios-mock-adapterライブラリは API をインターセプトし、ローカルの JSON データを返して、実際のバックエンド リクエストをシミュレートします。
オンラインアクセス
Github ページ:ｈっｔｐｓ：／／ｄｙ。ってんたう。とｐ／
リンク
【模倣同音シリーズ】 1:Swiper.js に似たカルーセル コンポーネントを実装するための 200 行のコード
【模倣同音シリーズ】２：Douyinで「無限スライドビデオ」効果を実現
【模倣同音シリーズ】その３：Vue ルーティングの使用とトランジション アニメーションの追加の概要
【模倣同音シリーズ】 4：従来のニュースサイトと同様に、Vue の条件付きルート キャッシュ
走る
注: このプロジェクトは研究と研究のみに適しており、商業利用には適していません。
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 スクリプト~
