django项目实现第三方github登录

OAuth（开放授权 Open Authorization）是一个开放标准，允许用户授权第三方网站访问他们存储在另外的服务提供者上的信息，而不需要将用户名和密码提供给第三方网站或分享他们数据的所有内容。 

今天我要用到的这个第三方插件也是基于OAuth2.0协议的。

一、安装

pip install social-auth-app-django

二、github配置

进入github，选择settings=>Developer-settings，然后选择OAuth Apps=>New OAuth App。最终如下图:

填写所有的信息，比如上面那样，点击Register application后会跳转到这个页面，我们会看到所需要的ID和cilent：

这样我们就创建成功一个github的接口了，记住这两个重要的信息。

三、django项目settings.py中配置

INSTALLED_APPS = [
    'account',
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'social_django', # 新增
]
...
TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates')]
        ,
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                  'django.contrib.messages.context_processors.messages',
                'social_django.context_processors.backends', # 新增
                'social_django.context_processors.login_redirect', #新增
            ],
        },
    },
]
...

AUTHENTICATION_BACKENDS = (
    'social_core.backends.github.GithubOAuth2',
    'django.contrib.auth.backends.ModelBackend',
) # 新增

SOCIAL_AUTH_URL_NAMESPACE = 'social' # 新增

# 填写Github中获取到的KEY和SECRET

SOCIAL_AUTH_GITHUB_KEY = xxxxxxxxxxxxxxxxxxxxxx'
SOCIAL_AUTH_GITHUB_SECRET = 'xxxxxxxxxxxxxxxxxxxxxx'
SOCIAL_AUTH_GITHUB_USE_OPENID_AS_USERNAME = True

# 登陆成功后的回调路由
SOCIAL_AUTH_LOGIN_REDIRECT_URL = '/' # 登陆成功之后的路由

四、同步数据库

命令：python manage.py migrate

五、修改settings.py同级目录下的urls.py文件

urlpatterns = [
    ...
    path('login/github/', include('social_django.urls', namespace='social')),
]

六、template模板文件修改

<div>
    <span>第三方账号登录：</span>
    <a href="{% url 'social:begin' 'github' %}" title="Github登录">
        <img src="/static/git.jpg" style=" 32px; height: 32px;" alt="git登录">
    </a>
</div>

查看结果：

最终结果就大功告成啦。