https://github.com/natlee/django-allauth-jwt-template

Django Allauth搭配JWT使用的範例
https://github.com/natlee/django-allauth-jwt-template

3rd-party-login authentication-backend authentication-middleware backend django django-allauth jwt jwt-authentication

Last synced: 11 months ago
JSON representation

Django Allauth搭配JWT使用的範例

• Host: GitHub
• URL: https://github.com/natlee/django-allauth-jwt-template
• Owner: NatLee
• Created: 2024-08-08T08:40:35.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-12-24T05:50:35.000Z (over 1 year ago)
• Last Synced: 2025-07-11T05:14:35.337Z (12 months ago)
• Topics: 3rd-party-login, authentication-backend, authentication-middleware, backend, django, django-allauth, jwt, jwt-authentication
• Language: Python
• Homepage:
• Size: 233 KB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Django Allauth JWT Template

![demo](./doc/dashboard.png)

> All 3rd party authentication is handled by Django Allauth and they are server side rendered(SSR).

A Django project template with Django Allauth and JWT authentication.

## Description

This template is for those who want to use JWT for their frontend and backend.

## Usage

1. Copy `.env.example` to `.env` and set the environment variables.

    ```bash

    cd backend && cp .env.example .env

    ```

2. Install requirements.

    ```bash

    pip install -r requirements.txt

    ```

3. Migrate and run server.

    ```bash

    cd backend && python manage.py migrate

    ```

    ```bash

    cd backend && python manage.py runserver 0.0.0.0:5566

    ```

4. Visit `http://localhost:5566`.

5. (Optional) Create a superuser.

    ```bash

    python manage.py createsuperuser

    ```

6. (Optional) Visit `http://localhost:5566/admin` to see the users.

7. (Optional) When login with `superuser`, you can visit `http://localhost:5566/api/__hidden_swagger` to see the API documentation.

## Key Points

- Allauth Login Login

    [./backend/authentication/adapter.py](./backend/authentication/adapter.py).

- JWT API

    [./backend/custom_jwt/views.py](./backend/custom_jwt/views.py).

- Frontend Login

    - HTML

        [./backend/dashboard/templates/index.html](./backend/dashboard/templates/index.html).

    - JavaScript

        [./backend/dashboard/static/js/dashboard.js](./backend/dashboard/static/js/dashboard.js).

- Frontend 3rd Party Login Routes

    In this template, I only use `Google`, `Microsoft`, and `Line` as the 3rd party login. You can check the provided in `INSTALLED_APPS` of [./backend/backend/settings.py](./backend/backend/settings.py).

    The routes are defined in `django-allauth` and you can find the main pattern in [./backend/authentication/urls.py](./backend/authentication/urls.py).

    In the frontend, you can use the following code to login with 3rd party.

    ```html

    

    


        登入 Google

        綁定 Google

        登入 Microsoft

        綁定 Microsoft

        登入 Line

        綁定 Line

    

    ```


## Misc

I added a file named `./backend/templates/account/messages/logged_in.txt` to avoid login success message in `Admin` login panel.