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

douyin-vueest une parodie抖音|TikTokprojet de courte vidéo mobile.VueDes « bonnes pratiques » côté mobile, comparables au natifAppExpérience soyeuse et douce. Utilisé le dernierVuepile technologique, basée surVue3、Vite5、Piniaaccomplir. Les données sont enregistrées localement dans le projet viaaxios-mock-adapterLa bibliothèque intercepte l'API et renvoie des données json locales pour simuler de véritables requêtes backend.

Pages GitHub :https://dy.ttentau.top/

[Série Imitation Douyin] 1 :200 lignes de code pour implémenter un composant carrousel similaire à Swiper.js
[Série Imitation Douyin] 2 :Réaliser l'effet "vidéo coulissante infinie" sur Douyin
[Série Imitation Douyin] Trois :Introduction à l'utilisation du routage Vue et à l'ajout d'animations de transition
[Série Imitation Douyin] Quatre :Mise en cache des routes conditionnelles Vue, tout comme les sites d'information traditionnels
[Série Imitation Douyin] Cinq :Les actions Github déploient des pages, synchronisent avec Gitee, traduisent README, emballent l'image Docker

Remarque : ce projet convient uniquement à l'étude et à la recherche, et non à un usage commercial.

# 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

Remarque : La commande git doit être clonée pour s'exécuter. Le téléchargement du package zip ne peut pas s'exécuter. Si la vitesse de clonage est trop lente, il est recommandé d'utiliser l'adresse du gîte

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

Ouvrez votre navigateur et visitez :http://127.0.0.1:3000

Remarque : Vous devez passer le navigateur en mode mobile, appuyez d'abord surF12Pour afficher la console, appuyez surCtrl Shift Mpour prévisualiser normalement

La vidéo provient des célébrités Douyin suivantes

• 我是香秀 🐂🍺:https://v.douyin.com/iYRAPA2L/
• 杨老虎 🐯（磕穿下巴掉牙版）:https://v.douyin.com/iYRA56de/
• 条子:https://v.douyin.com/iYRAaqjr/
• 达莎 Digi：https://v.douyin.com/iYRA6rwT/
• 小橙子:https://v.douyin.com/iYRAnudw/
• 南恬:https://v.douyin.com/iYRAbKm3/
• 小霸宠牛排 🥩：https://v.douyin.com/iYRSosVB/
• 奶茶妹 ◕🌱:https://v.douyin.com/iYRACKhP/
• 我才是岚岚:https://v.douyin.com/iYRAQM1C/
• 周憬艺 ziran:https://v.douyin.com/iYRAQs4h/
• 刘思瑶 nice:https://v.douyin.com/iYRAaERn/
• 彭十六 elf:https://v.douyin.com/iYRAHrVG/
• 李子柒:https://v.douyin.com/iYRA5B88/

Photo tirée des notes publiques de Xiaohongshu

Le contenu ci-dessus est toute l'information publique sur Internet

Le projet en est actuellement aux premiers stades de développement et de nouvelles fonctionnalités sont ajoutées continuellement. Si vous avez des fonctionnalités ou des suggestions pour le logiciel, n'hésitez pas à nous contacter.Issuesélevé dans Si vous aimez également les idées de conception de ce logiciel, veuillez le soumettrePR, Merci beaucoup pour votre soutient!

Vous pouvez contacter mon email[email protected]

Partagez mes autres projets open source :

Taper un mot- Logiciel de mémorisation de vocabulaire utilisable sur le web~
Scripts Web- Quelques scripts Grease Monkey utiles ~

GPL