Skip to content

Latest commit

 

History

History
128 lines (87 loc) · 7.34 KB

README.ja.md

File metadata and controls

128 lines (87 loc) · 7.34 KB
Raw

Douyin-Vue

English | Spanish | German | French | 简体中文 | 日本語

License

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

オンラインアクセス

Github ページ:https://dy.ttentau.top/

リンク

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

実行

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

Vercel への迅速な導入

Deploy with 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

ブラウザを開いて、以下にアクセスしてください。http://127.0.0.1:3000

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

データソース

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

小紅書公文書からの写真

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

特徴と提案

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

私に連絡して

私のメールアドレスにご連絡いただけます[email protected]

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

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

合意

GPL