Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/casdoor/casdoor-nodejs-angular-example
Node.js Express + Angular example app for Casdoor based on casdoor-nodejs-sdk and casdoor-js-sdk
https://github.com/casdoor/casdoor-nodejs-angular-example
angular casdoor example express iam javascript js node nodejs oauth oidc sso
Last synced: about 16 hours ago
JSON representation
Node.js Express + Angular example app for Casdoor based on casdoor-nodejs-sdk and casdoor-js-sdk
- Host: GitHub
- URL: https://github.com/casdoor/casdoor-nodejs-angular-example
- Owner: casdoor
- License: apache-2.0
- Created: 2023-07-24T03:54:33.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-08-08T05:47:39.000Z (over 1 year ago)
- Last Synced: 2024-02-22T12:38:17.662Z (9 months ago)
- Topics: angular, casdoor, example, express, iam, javascript, js, node, nodejs, oauth, oidc, sso
- Language: TypeScript
- Homepage: https://github.com/casdoor/casdoor-angular-sdk
- Size: 635 KB
- Stars: 0
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Casdoor nodejs-angular Example
## Demo
## Architecture
The example includes two parts:
| Name | SDK | Framework | Source code |
|----------|---------------------|------------|-------------------------------------------------------------------|
| Frontend | casdoor-angular-sdk | Angular | https://github.com/casdoor/casdoor-nodejs-angular-example/tree/master/web |
| Backend | casdoor-nodejs-sdk | Express.js | https://github.com/casdoor/casdoor-nodejs-angular-example/tree/master/backend |
## Installation
Example uses Casdoor to manage members. So you need to create an organization and an application for the example in a Casdoor instance.
### Necessary Configurations
#### Get the Code
```shell
git clone https://github.com/casdoor/casdoor
git clone https://github.com/casdoor/casdoor-nodejs-angular-example
```
#### Run Example
1. Run Casdoor
2. Configure
- Backend
- Frontend
#### Backend Config
Initialization requires 6 (or 5) parameters, which are all string type. Please refer to the official doc on [backend sdk configuration](https://casdoor.org/docs/how-to-connect/sdk#1-backend-sdk-configuration) for the latest change.
| Parameter | Must | Description |
|------------------|------|--------------------------------------------------------------------------------|
| endpoint | Yes | Casdoor Server URL, like `https://door.casdoor.com` or `http://localhost:8000` |
| clientId | Yes | Client ID for the Casdoor application |
| clientSecret | Yes | Client secret for the Casdoor application |
| jwtPublicKey | Yes | The public key for the Casdoor application's cert |
| organizationName | Yes | The name for the Casdoor organization |
| applicationName | No | The name for the Casdoor application |
```js
// in ./backend/server.js
const authCfg = {
endpoint: 'https://door.casdoor.com',
clientId: '014ae4bd048734ca2dea',
clientSecret: 'f26a4115725867b7bb7b668c81e1f8f7fae1544d',
certificate: cert,
orgName: 'casbin',
appName: 'app-casnode',
}
```
#### Frontend
The first 4 parameters should use the same value as the Casdoor backend SDK. The last parameter redirectPath is relative path for the redirected URL, returned from Casdoor's login page. Please refer to the official doc on [frontend sdk configuration](https://casdoor.org/docs/how-to-connect/sdk#2-frontend-configuration) for the latest change.
```js
// in ./src/Setting.js
const config = {
serverUrl: "https://door.casdoor.com",
clientId: "014ae4bd048734ca2dea",
organizationName: "casbin",
appName: "app-casnode",
redirectPath: "/callback",
};
```
Fetch dependencies:
```shell
cd web
npm install
```
Run frontend at: http://localhost:9000
```shell
ng serve --port 9000
```
### Backend
Fetch dependencies:
```shell
yarn install
```
Run backend at: http://localhost:8080
```shell
node server.js
```