MallChatWeb

MallChat-Matcha

Un système de commerce électronique capable à la fois d'acheter et de discuter en temps réel. Engagé à créer les meilleures pratiques pour les projets Internet au niveau de l'entreprise.
Il doit contenir tous les paniers, commandes, paiements, recommandations, recherches, nouvelles recrues, promotions, notifications push, logistique et service client que le e-commerce devrait avoir. Continuez à mettre à jour ~

Navigation dans le projet

1. Adresse d'expérience rapide : page d'accueil du chat Matcha

2. Dépôt de projet backend : MallChat

3. Enregistrement vidéo du projet : l'adresse Bilibili partage l'avancement du projet, les réflexions sur la sélection des fonctions et sollicite des suggestions d'itération tout au long du processus.

4. Document d'apprentissage du projet : plus de 100 000 mots, parcours d'enseignement au niveau nounou, construction de l'environnement, fonctions de base, roues d'infrastructure, tests de résistance d'interface, enregistrements de problèmes, personne n'est laissé pour compte. Vous pouvez cliquer sur le document du projet Matcha pour le visualiser (comprenant un grand groupe de communication de 500 personnes)

5. Groupe de communication du projet : Si le matcha vous intéresse, vous pouvez rejoindre le groupe de communication. Chaque geste que vous ferez déterminera l’orientation future du projet. Que vous fassiez des suggestions en tant que chef de produit, que vous recherchiez des bogues en tant que testeur ou que vous participiez au développement de petits modules en tant que contributeur, vous êtes invités à nous rejoindre.

6. Entrepôt cloud de code : https://gitee.com/Evansy/MallChatWeb (l'accès domestique est plus rapide)

Présentation du projet

Matcha Chat est un projet de messagerie instantanée qui se connecte au websocket frontal via Netty. Il contient la connexion d'analyse WeChat, la liste des membres, l'animation en ligne et hors ligne, la liste des messages, l'interaction des messages et de nombreuses petites colonnes pratiques telles que le journal aop, l'annotation de verrouillage distribué, l'annotation de contrôle de fréquence, l'analyse et la propriété IP, etc., et est en cours continuellement mis à jour. . .

Démonstration du projet

Démarrage et déploiement du projet

• Environnement : nœud 16.18+, outil de gestion de packages pnpm (après avoir installé le nœud, exécutez npm i pnpm -g ) ;

• Installer les dépendances : après avoir cloné le projet, exécutez pnpm i

• Erreur d'installation npm , ajoutez le paramètre npm i --ignore-scripts après la commande pour ignorer les dépendances liées scripts pour résoudre le problème

• Il est recommandé d'utiliser pnpm . L'installation des dépendances ne posera pas de problèmes dus à des pannes de réseau.

• Démarrage : appuyez sur F5 pour exécuter automatiquement pnpm run dev et ouvrir le navigateur.

• déployer

• Déployer en local : après avoir exécuté pnpm build , placez le dossier dist sur le serveur et configurez nginx

• CI/CD automatique : créer et déployer automatiquement sur le serveur une fois le code soumis à GitHub via github actions . Pour une référence détaillée, veuillez consulter déployer.yml.

Projet côté C

• Adresse du projet front-end : https://github.com/Evansy/MallChatWeb

• Adresse de démonstration du projet : https://mallchat.cn (rappelez-vous matcha.cn, vous pourrez l'ouvrir directement la prochaine fois que vous travaillerez)

Sélection technologique

Technologie frontale

technologie	illustrer	Site officiel
Vue3	Cadre de développement front-end populaire	https://cn.vuejs.org
Pinia	vue3 cadre de gestion d'état officiellement recommandé	https://pinia.vuejs.org
vue-routeur	Itinéraire officiel de Vue	https://router.vuejs.org
Manuscrit	Laissez JS avoir des déclarations de type	https://www.typescriptlang.org/
Élément Plus	Une bibliothèque de composants basée sur vue3	https://element-plus.gitee.io
Alova	Une bibliothèque de stratégie de requête légère et moins lourde à utiliser qu'axios	https://alova.js.org/
vite	Outil de packaging et de construction frontal extrêmement rapide	https://cn.vitejs.dev
pnpm	Gestionnaire de packages rapide et économisant de l'espace disque	https://www.pnpm.cn

Technologie back-end

Voir MallChat

Configuration de l'environnement back-end

Modifiez votre environnement de démarrage spring.profiles.active = test application.yml dans le répertoire du projet, puis recherchez le fichier de même niveau application-test.properties et remplissez votre propre configuration d'environnement. Les membres Planet fournissent un ensemble de configurations d'environnement de test qui peuvent être directement connectées

Documentation du projet

Le parcours d'enseignement au niveau nounou couvre la construction de l'environnement, les fonctions de base, l'optimisation des performances, le rapport de points, l'enregistrement des problèmes et les points forts du projet. Cliquez sur Documents du projet

Des fonctionnalités plus intéressantes sont continuellement mises à jour. . .

tableau de tendance des étoiles

contribuer

Veuillez lire le code de conduite et les directives de contribution avant de contribuer. Merci à tous ceux qui ont contribué à MallChat !

l'extrémité avant:

extrémité arrière:

Contributeurs exceptionnels :

catégorie	utilisateur	Module de contribution
l'extrémité avant		Envoyer et recevoir des messages de types image, voix et fichiers
		Opérations interactives sur les messages (retirer, aimer, supprimer)
		liste virtuelle
extrémité arrière		Détection de mots sensibles DFA
		Chatbot OpenAI
		Détection de mots sensibles par automate Ac
		Programmation de limitation de courant
		authentification par poignée de main

Compte officiel

Recherchez Abin's Java Road sur WeChat et suivez mon compte public d'origine. Répondez " Matcha " en arrière-plan pour rejoindre le groupe de communication Matcha. Certains amis qui ont discuté de leurs projets avec des dizaines de milliers de personnes en entreprise. Le compte officiel mettra également fréquemment à jour les documents liés au projet, en attendant que vous le taquiniez ~~