フロントエンド
Casdoorのフロントエンドのソースコードは/webフォルダ内にあります: https://github.com/casdoor/casdoor/tree/master/web
Create-React-App (CRA)プロジェクトで、以下に示すような典型的なCRAフォルダ構造に従っています:
| ファイル/ディレクトリ | 説明 |
|---|---|
| public | ReactのルートHTMLファイル |
| src | ソースコード |
| craco.config.js | Craco設定ファイル。 ここでテーマカラー(デフォルトは青)を変更できます |
| crowdin.yml | Crowdin i18n設定ファイル |
| package.json | NPM/Yarn 依存関係ファイル |
| yarn.lock | Yarn lock file |
/srcディレクトリ内には、いくつかの重要なファイルやフォルダがあります:
| ファイル/ディレクトリ | 説明 |
|---|---|
| account | ログインユーザーの「マイプロフィール」ページ |
| auth | OAuth、SAML、サインアップページ、サインインページ、パスワード忘れページなど、認証に関連するすべてのコード。 |
| backend | GoバックエンドAPIを呼び出すためのSDK。 すべてのfetch()呼び出しを含んでいます |
| basic | Casdoorのホームページ(ダッシュボードページ)で、いくつかのカードウィジェットが含まれています |
| common | 共有UIウィジェット |
| locales | JSON形式のi18n翻訳ファイルで、Crowdinプロジェクトと同期しています: https://crowdin.com/project/casdoor-site |
| App.js | すべてのルートを含むエントリJSファイル |
| Setting.js | 他のコードによって使用されるユーティリティ関数 |
| OrganizationListPage.js | 組織リストのページで、他のすべてのXXXListPage.jsファイルと同様です |
| OrganizationEditPage.js | 1つの組織を編集するためのページで、他のすべてのXXXEditPage.jsファイルと同様です |