フロントエンドとバックエンドの分離は、多くの企業にとって徐々に標準的なテクノロジースタックになりつつあります。私が収集した情報によると、多くの企業がすでにこのテクノロジースタックに移行しています。もしあなたの会社がまだ移行していないとしても、フロントエンドとバックエンドの分離開発を学ぶことを強くお勧めします。そうでなければ、会社で2、3年働いた後、SSHフレームワークをマスターしていても、社外での競争優位性に欠けていることに気づくかもしれません。

実は、フロントエンドとバックエンドの分離自体は難しくありません。バックエンドはインターフェースを提供し、フロントエンドはデータを表示するという概念が鍵です。多くの人は、フロントエンドとバックエンドを分離せずに開発することに慣れています。そのため、フロントエンドとバックエンドを分離する際に、当時の開発思想が簡単に持ち込まれ、結果として中途半端な製品になってしまいます。そこで、Song Geは、フロントエンドとバックエンドを分離する開発技術スタックを迅速に習得できるよう、オープンソースのフロントエンドとバックエンドを分離するプロジェクトをいくつかまとめました。

マーメイド

• 星番号3499
• プロジェクトアドレス: https://gitee.com/mumu-osc/NiceFish

名前が示す通り、これは将来有望なプロジェクトであり、まさにその通りです。NiceFishは、フロントエンドとバックエンドを分離した開発モデルを実証することを目的とした一連のプロジェクトです。フロントエンドにはブラウザ、モバイル、Electron環境向けの様々な開発モデルが用意されており、バックエンドにはSpringBootとSpringCloudの2つのバージョンがあり、フロントエンドにはAngular、React、Electron向けのバージョンが含まれています。

プロジェクトのレンダリング:

マイクロHR

• 星番号9313
• プロジェクトアドレス: https://github.com/lenve/vhr

MicroHRは、Spring BootとVueを用いて開発された、フロントエンドとバックエンドが分離された人材管理システムです。このプロジェクトはフロントエンドとバックエンドをシームレスに統合し、Spring Bootのインターフェース設計からVueフロントエンドの開発アプローチまで、非常に詳細なドキュメントを提供しています。作者はプロジェクトのWikiにすべての情報をまとめており、フルスタックJavaを学ぶ上で貴重なリソースとなっています。

プロジェクトのレンダリング:

いくつかのプロジェクト ドキュメントのスクリーンショット:

ブーツシロ

• 星番号1370
• プロジェクトアドレス: https://gitee.com/tomsun28/bootshiro

Bootshiroは、Spring Boot、Shiro、JWTをベースとした、真のRESTful URLリソースステートレス認証および権限管理システムのバックエンドです。フロントエンドはustheです。一般的なプロジェクトとは異なり、このプロジェクトは設定可能で動的なRESTful APIセキュリティ管理サポートを提供し、データ転送時の動的なキー暗号化、JWT有効期限の更新、ユーザー操作の監視など、アプリケーションのセキュリティを強化する機能を実装しています。

プロジェクトのレンダリング:

オープンキャパシティプラットフォーム

• 星番号2643
• プロジェクトアドレス: https://gitee.com/owenwangwen/open-capacity-platform

Open-Capacity-Platform（OCP）は、LayuiとSpring Cloud（ユーザー権限管理、構成センター管理、アプリケーション管理などをカバー）をベースとしたエンタープライズレベルのマイクロサービスフレームワークです。フロントエンドとバックエンドを分離し、迅速な開発と展開を可能にし、学習しやすく、強力な機能を提供することを主な設計目標としています。コアインターフェース機能への迅速なアクセスを提供し、企業がBaiduのCapability Open Platformに類似したフレームワークを構築できるよう支援することを目指しています。

プロジェクトのレンダリング:

V族

• 星番号2902
• プロジェクトアドレス: https://github.com/lenve/VBlog

V-Blogは、Vue、SpringBoot、ElementUIを使用して開発されたマルチユーザーブログ管理プラットフォームです。その最大の利点はそのシンプルさです。豊富な機能を備えながらも非常に使いやすく、初心者にも最適です。

プロジェクトのレンダリング:

ウーコンCRM

• 星番号650
• プロジェクトアドレス: https://gitee.com/wukongcrm/72crm-java

Wukong CRM は、jfinal + vue + ElementUI をベースにした、フロントエンドとバックエンドが分離された CRM システムです。

正直なところ、JFinal の使い方を覚えるだけで十分です。本格的に勉強する必要はありません。しかし、Vue と ElementUI の組み合わせや、フロントエンドとバックエンドの連携方法については、真剣に学ぶことができます。

paascloud-マスター

• 星番号5168
• プロジェクトアドレス: https://github.com/paascloud/paascloud-master

paascloud-masterのコア技術は、Spring CloudとVueエコシステムを用いて実装されています。「オープンソースから取り入れ、オープンソースを活用する」というアプローチを採用し、可能な限り有料フレームワークの使用を避けています。テクノロジースタックの中で有料コンポーネントはAlibaba Cloud SMSサービスのみです。すべてのフレームワークは最先端のJavaフレームワークであり、中小企業のマイクロサービスアーキテクチャの課題を解決し、迅速なウェブサイト構築を支援します。サーバーコストの高さと開発コストの最小化のため、このプロジェクトは10のバックエンドプロジェクトと3つのフロントエンドプロジェクトで構成されています。RBAC、JWT、OAuth2に基づくステートレスな統合認証ソリューションを真に実装し、例外とログの統合管理を実現し、メッセージキューの100%メッセージ配信を保証します。

プロジェクトのレンダリング:

要約

他者から学ぶことは有益です。多くの概念を習得した後は、それらを統合するプロジェクトが必要になります。これらのオープンソースプロジェクトは優れたリソースです。フロントエンドとバックエンドを分離した開発の人気が高まる中、このアプローチを学ぶ時間を取ることを強くお勧めします。私たちはJavaエンジニアですが、現状に満足してはいけません。フロントエンドのシングルページアプリケーションがどのように構築され、フロントエンドエンジニアリングに何が含まれるかを理解することで、より合理的でユーザーフレンドリーなバックエンドインターフェースを開発できるようになります。さて、フルスタックへの道のりをさらに一歩前進させるのに役立つ7つのオープンソースプロジェクトをご紹介します。