メインコンテンツにスキップ

フロントエンド

Casdoorのフロントエンドのソースコードは/webフォルダ内にあります: https://github.com/casdoor/casdoor/tree/master/web

Create-React-App (CRA)プロジェクトで、以下に示すような典型的なCRAフォルダ構造に従っています:

ファイル/ディレクトリ説明
publicReactのルートHTMLファイル
srcソースコード
craco.config.jsCraco設定ファイル。 ここでテーマカラー(デフォルトは青)を変更できます
crowdin.ymlCrowdin i18n設定ファイル
package.jsonNPM/Yarn 依存関係ファイル
yarn.lockYarn lock file

/srcディレクトリ内には、いくつかの重要なファイルやフォルダがあります:

ファイル/ディレクトリ説明
accountログインユーザーの「マイプロフィール」ページ
authOAuth、SAML、サインアップページ、サインインページ、パスワード忘れページなど、認証に関連するすべてのコード。
backendGoバックエンドAPIを呼び出すためのSDK。 すべてのfetch()呼び出しを含んでいます
basicCasdoorのホームページ(ダッシュボードページ)で、いくつかのカードウィジェットが含まれています
common共有UIウィジェット
localesJSON形式のi18n翻訳ファイルで、Crowdinプロジェクトと同期しています: https://crowdin.com/project/casdoor-site
App.jsすべてのルートを含むエントリJSファイル
Setting.js他のコードによって使用されるユーティリティ関数
OrganizationListPage.js組織リストのページで、他のすべてのXXXListPage.jsファイルと同様です
OrganizationEditPage.js1つの組織を編集するためのページで、他のすべてのXXXEditPage.jsファイルと同様です