フロントエンド
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 ファイルと同様です |