MallChatWeb
1.0.0
リアルタイムでショッピングとチャットができる電子商取引システム。インターネットエンタープライズレベルのプロジェクトのベストプラクティスの作成に尽力します。
電子商取引に必要なショッピング カート、注文、支払い、推奨、検索、新入社員、プロモーション、プッシュ通知、物流、顧客サービスがすべて含まれている必要があります。更新し続けてください~
クイック体験アドレス：抹茶チャットホームページ
バックエンド プロジェクト リポジトリ: MallChat
プロジェクト ビデオ レコード: Bilibili アドレスでは、プロジェクトの進捗状況、機能選択に関する考えを共有し、プロセス全体を通じて反復提案を求めます。
プロジェクト学習ドキュメント: 100,000 以上の単語、乳母レベルの指導ルート、環境構築、コア機能、インフラストラクチャ ホイール、インターフェイス ストレス テスト、問題記録、誰も置き去りにしない。 Matcha プロジェクトのドキュメントをクリックすると、ドキュメントが表示されます (500 人からなる大規模なコミュニケーション グループを含む)
プロジェクトコミュニケーショングループ：抹茶に興味のある方はコミュニケーショングループにご参加ください。あなたのあらゆる行動が、プロジェクトの将来の方向性を決定します。プロダクト マネージャーとして提案を行う場合でも、テスターとしてバグを発見する場合でも、コントリビューターとして小さなモジュールの開発に参加する場合でも、ぜひご参加ください。
コードクラウドウェアハウス: https://gitee.com/Evansy/MallChatWeb (国内アクセスの方が高速です)
Matcha Chat は、netty を通じてフロントエンド WebSocket に接続する IM プロジェクトです。これには、WeChat スキャン ログイン、メンバー リスト、オンラインおよびオフライン アニメーション、メッセージ リスト、メッセージ インタラクション、および AOP ログ、分散ロック注釈、周波数制御注釈、IP 分析と所有権などの多くの実用的な小さなホイール列が含まれており、現在実行されています。継続的に更新されます。 。 。
環境: ノード 16.18+、パッケージ管理ツール pnpm (ノードのインストール後、 npm i pnpm -gを実行)。
依存関係をインストールします。プロジェクトのクローンを作成した後、 pnpm iを実行します。
npmインストール エラー。問題を解決するには、コマンドの後にパラメータnpm i --ignore-scriptsを追加して、 scripts関連の依存関係を無視します。
pnpm使用することをお勧めします。依存関係をインストールすると、ネットワーク障害による問題が発生することはありません。
起動: F5押してpnpm run dev自動的に実行し、ブラウザを開きます。
展開する
ローカルにデプロイ: pnpm build実行した後、サーバーにdistフォルダーを配置し、 nginx
自動 CI/CD: github actionsを通じてコードが GitHub に送信された後、自動的にビルドしてサーバーにデプロイします。 詳細については、deploy.yml を参照してください。
フロントエンドプロジェクトのアドレス: https://github.com/Evansy/MallChatWeb
プロジェクトのデモのアドレス: https://mallchat.cn (matcha.cn を覚えておいてください。次回作業するときに直接開くことができます)
| テクノロジー | 説明する | 公式サイト |
|---|---|---|
| Vue3 | 人気のフロントエンド開発フレームワーク | https://cn.vuejs.org |
| ピニア | vue3 が公式に推奨する状態管理フレームワーク | https://pinia.vuejs.org |
| vueルーター | Vueの公式ルート | https://router.vuejs.org |
| TypeScript | JSに型宣言を持たせる | https://www.typescriptlang.org/ |
| エレメントプラス | vue3をベースにしたコンポーネントライブラリ | https://element-plus.gitee.io |
| アロバ | axios よりも使用の負担が少ない軽量のリクエスト戦略ライブラリ | https://alova.js.org/ |
| バイト | 非常に高速なフロントエンドのパッケージ化および構築ツール | https://cn.vitejs.dev |
| pnpm | 高速でディスク容量を節約するパッケージ マネージャー | https://www.pnpm.cn |
モールチャットを参照
プロジェクト ディレクトリのapplication.ymlで起動環境spring.profiles.active = testを変更し、同じレベルのファイルapplication-test.propertiesを見つけて、独自の環境構成を入力します。 Planet メンバーは、直接接続できる一連のテスト環境構成を提供します。
ナニー レベルの指導ルートでは、環境構築、コア機能、パフォーマンスの最適化、ポイント レポート、問題の記録、プロジェクトのハイライトがカバーされます。 「プロジェクトドキュメント」をクリックします
さらに興味深い機能が継続的に更新されています。 。 。
貢献する前に、行動規範と貢献ガイドラインをお読みください。 MallChat に貢献してくださった皆様に感謝します。
| カテゴリ | ユーザー | 貢献モジュール |
|---|---|---|
| フロントエンド | 画像、音声、ファイル形式のメッセージを送受信します | |
| メッセージ対話型操作（撤回、いいね、削除） | ||
| 仮想リスト | ||
| 後部 | DFA に依存する単語の検出 | |
| OpenAIチャットボット | ||
| AC オートマトンの敏感な単語検出 | ||
| 電流制限プログラミング | ||
| ハンドシェイク認証 |
WeChat でAbin の Java Road を検索し、私の元の公開アカウントをフォローして、バックグラウンドで「 Matcha 」と返信して、数万人と社内チャットを行っており、同時実行数が高い友人もいます。公式アカウントもプロジェクト関連のドキュメントを頻繁に更新しますので、皆さんのからかいを待っています~~
