MallChatWeb
1.0.0
실시간으로 쇼핑과 채팅이 가능한 전자상거래 시스템입니다. 인터넷 기업 수준 프로젝트를 위한 모범 사례를 만드는 데 전념합니다.
전자상거래가 갖추어야 할 장바구니, 주문, 결제, 추천, 검색, 신입사원, 프로모션, 푸시알림, 물류, 고객서비스 등이 모두 담겨 있어야 합니다. 계속 업데이트하세요~
퀵체험 주소 : 말차채팅 홈페이지
백엔드 프로젝트 저장소 : MallChat
프로젝트 영상 기록 : Bilibili 주소에서는 프로젝트 진행 상황, 기능 선택에 대한 생각을 공유하고 전체 프로세스에 걸쳐 반복 제안을 요청합니다.
프로젝트 학습 문서 : 100,000개 이상의 단어, 보모 수준의 교육 경로, 환경 구축, 핵심 기능, 인프라 바퀴, 인터페이스 스트레스 테스트, 문제 기록, 누구도 뒤처지지 않습니다. 말차 프로젝트 문서를 클릭하시면 보실 수 있습니다. (500명 규모의 대규모 커뮤니케이션 그룹 포함)
프로젝트 커뮤니케이션 그룹 : 말차에 관심이 있다면 커뮤니케이션 그룹에 가입할 수 있습니다. 당신이 하는 모든 움직임은 프로젝트의 미래 방향을 결정합니다. 제품 관리자로서 제안을 하든, 테스터로서 버그를 찾든, 기여자로서 작은 모듈 개발에 참여하든, 여러분의 참여를 환영합니다.
코드 클라우드 웨어하우스 : https://gitee.com/Evansy/MallChatWeb (국내 접속이 더 빠릅니다)
Matcha Chat은 netty를 통해 프런트엔드 웹소켓에 연결하는 IM 프로젝트입니다. 여기에는 WeChat 스캐닝 로그인, 회원 목록, 온라인 및 오프라인 애니메이션, 메시지 목록, 메시지 상호 작용 및 Aop 로그, 분산 잠금 주석, 주파수 제어 주석, IP 분석 및 소유권 등과 같은 많은 실용적인 작은 휠 열이 포함되어 있습니다. 지속적으로 업데이트됩니다. . . .
환경: 노드 16.18+, 패키지 관리 도구 pnpm (노드 설치 후 npm i pnpm -g 실행)
종속성 설치: 프로젝트를 복제한 후 pnpm i 실행합니다.
npm 설치 오류, 문제 해결을 위해 scripts 관련 종속성을 무시하려면 명령 뒤에 npm i --ignore-scripts 매개변수를 추가하세요.
pnpm 사용하는 것이 좋습니다. 종속성을 설치해도 네트워크 오류로 인해 문제가 발생하지 않습니다.
시작: F5 눌러 자동으로 pnpm run dev 실행하고 브라우저를 엽니다.
배포
로컬에 배포: pnpm build 실행 후 서버에 dist 폴더를 넣고 nginx
자동 CI/CD: github actions 통해 코드가 GitHub에 제출된 후 자동으로 빌드하고 서버에 배포합니다. 자세한 내용은 배포.yml을 참조하세요.
프런트엔드 프로젝트 주소: https://github.com/Evansy/MallChatWeb
프로젝트 데모 주소: https://mallchat.cn (Matcha.cn을 기억하세요. 다음에 작업할 때 바로 열 수 있습니다)
| 기술 | 설명하다 | 공식 홈페이지 |
|---|---|---|
| Vue3 | 널리 사용되는 프런트엔드 개발 프레임워크 | https://cn.vuejs.org |
| 피니아 | vue3는 공식적으로 권장되는 상태 관리 프레임워크입니다. | https://pinia.vuejs.org |
| 뷰 라우터 | Vue의 공식 경로 | https://router.vuejs.org |
| 타입스크립트 | JS에 유형 선언이 있게 하세요. | https://www.typescriptlang.org/ |
| 엘리먼트 플러스 | vue3 기반 구성 요소 라이브러리 | https://element-plus.gitee.io |
| 알로바 | axios보다 사용 부담이 적은 경량 요청 전략 라이브러리 | https://alova.js.org/ |
| vite | 매우 빠른 프런트엔드 패키징 및 구축 도구 | https://cn.vitejs.dev |
| pnpm | 빠르고 디스크 공간을 절약해 주는 패키지 관리자 | https://www.pnpm.cn |
MallChat 보기
시작 환경을 수정하고 spring.profiles.active = 프로젝트 디렉터리의 application.yml test 다음 동일한 수준의 파일 application-test.properties 를 찾아 자신의 환경 구성을 입력하세요. 플래닛 멤버들은 직접 연결이 가능한 테스트 환경 구성 세트를 제공합니다.
보모 수준의 교육 경로에는 환경 구축, 핵심 기능, 성능 최적화, 포인트 보고, 문제 기록 및 프로젝트 하이라이트가 포함됩니다. 프로젝트 문서를 클릭하세요
더욱 흥미로운 기능이 지속적으로 업데이트되고 있습니다. . .
기부하기 전에 행동강령과 기부 지침을 읽어보시기 바랍니다. MallChat에 기여해주신 모든 분들께 감사드립니다!
| 범주 | 사용자 | 기여 모듈 |
|---|---|---|
| 프런트 엔드 | 사진, 음성, 파일 형식의 메시지 보내기 및 받기 | |
| 메시지 대화형 작업(철회, 좋아요, 삭제) | ||
| 가상 목록 | ||
| 후방 | DFA 민감한 단어 감지 | |
| OpenAI 챗봇 | ||
| Ac 자동화 감지 단어 감지 | ||
| 전류 제한 프로그래밍 | ||
| 악수 인증 |
WeChat에서 Abin Java Road를 검색하고 내 원래 공개 계정을 팔로우하면 백그라운드에서 " Matcha "라고 답장하여 수만 명의 사람들과 회사 채팅을 하고 동시성이 높은 일부 친구가 계획을 논의합니다. 공식 계정도 프로젝트 관련 문서를 자주 업데이트할 예정이니 여러분의 놀림을 기다립니다~~
