Casdoor Python Vue Sdk Example

Overview:

The ArchitectureExample is a project that consists of two parts: the Frontend and the Backend. The Frontend is built using the casdoor-vue-sdk which utilizes JavaScript and Vue, while the Backend is built using the casdoor-python-sdk which utilizes Python and Flask. This project integrates with Casdoor, an authentication and authorization system, to manage members. To use this example, you will need to create an organization and an application in a Casdoor instance and follow the installation and configuration steps provided.

Features:

• Frontend: Utilizes the casdoor-vue-sdk for seamless integration with the Casdoor authentication and authorization system.
• Backend: Built on the casdoor-python-sdk with Python and Flask, providing a robust and scalable backend for the application.
• Integration with Casdoor: This example project demonstrates how to integrate with Casdoor to manage members and implement authentication and authorization functionalities.

Installation:

To install and run the ArchitectureExample, follow the steps below:

1. Install Casdoor: Follow the instructions at Casdoor Installation to install Casdoor on your server.
2. Get the code: Clone the example project from the following repositories:
   • Frontend: casdoor-vue-sdk repository
   • Backend: casdoor-python-sdk repository
3. Configuration:
   • Configure Frontend: Modify the code according to your organization and application settings in the config.js file.
   • Configure Backend: Update the configuration settings in the backend code to match your Casdoor instance configuration.
4. Install dependencies:
   • For Linux: Run the following command in the terminal:

   npm install
   

   • For Windows: Execute the following command in the command prompt:

   npm install
   

5. Run the example:
   • Frontend: Execute the following command to run the frontend at port 8080:

   npm run serve
   

   • Backend: Run the following command to start the backend at port 5000:

   flask run
   

6. Modify the code: You can make changes to the code and observe the effects in the application.

Summary:

The ArchitectureExample project showcases the integration of frontend and backend components using the casdoor-vue-sdk and casdoor-python-sdk respectively. It demonstrates how to manage members and implement authentication and authorization functionality using Casdoor. By following the installation and configuration steps provided, you can easily set up and run the example project for experimentation and further development.