Django django-allauth 实现第三方授权登陆平台(百度和github为例)

Posted 2023-03-16

参考技术A  在浏览器中输入 http://127.0.0.1:8000/accounts/login/ 查看

 页面比较简陋，可以在 allauth/templates 目录中进行修改，测试的话就比较随意啦。在登陆页面中，可以直接使用帐号密码进行登陆，帐号密码需要注册，点击 Sign Up 进行注册

 这里有个问题需要注意一下，在填写完表单之后点击注册按钮，会返回一个 ConnectionRefusedError 的错误页面，allauth 在注册用户时，会给用户填写的邮箱发送一封激活邮件，而这里并没有配置好邮箱系统，所以发送失败。需要进行一下配置

 django 默认发送邮件的后端是 smtp

 之后注册成功就会在填写的邮箱中收到一封激活邮件（找不到可以在垃圾箱中看一下），点击连接可以激活帐号，也可以在配置的邮箱帐号中查看已发送的邮箱。

 注册成功之后会自动登陆该帐号，登陆成功 django 会将页面跳转到 http://127.0.0.1:8000/accounts/profile/ ，返回的是一个 Page not found 的页面，因为这个视图还没有编写。怎么解决？方法有两个，第一自己动手编写这个视图，第二，更改 django 登陆成功后重定向的 url。

 django 默认重定向的 url 是 /accounts/profile/，setting.py中可以修改

 再次登陆 http://127.0.0.1:8000/accounts/login/ 就会跳转到 /accounts/inactive/ 页面

 在 https://github.com/settings/developers 中新建一个 OAuth Apps

 这里要注意一下 Authorization callback URL 的填写，必须是 /accounts/github/login/callback/ 结尾，前面则和 Homepage URL 一样，创建成功之后会得到一个 Client ID 和一个 Client Secret （基于 OAuth 协议），通过这连个值，可以获得授权。

 allauth 支持多种第三方账户登陆，只需要在 settings.py 中的 INSTALLED_APPS 注册需要哦应用就可以了

  更多应用可以查看文档

 创建超级用户之后进入 http://127.0.0.1:8000/admin/

 点击 Sites 将 exampple.com 修改为 http://127.0.0.1:8000/

 直接打开登陆页面 http://127.0.0.1:8000/accounts/login/ 如果超级用户账户还在登陆的话，会跳转到之前设置的 /accounts/inactive/ 页面，直接点击 Sign Out 注销登陆，再次打开登陆页面

 点击 Github，因为之前在 Github 网站上创建 OAuth apps 时已经登陆了账户，所以会自动授权登陆，不然就会要求输入账户密码

或者

 百度登陆和 Github 差不多，也是需要在 百度开发者中心 创建一个应用获取两个 key

 这里还要填写好授权回调页 http://127.0.0.1:8000/accounts/baidu/login/callback/

 和之前 Github 一样，但是注意 Provider 一项要选择 Baidu

&esmp;增加 Social applications 之后就可以在登陆页面找到 Baidu 的登陆按钮

 新浪微博和腾讯QQ需要用到身份证审核，恰好最近身份证过期拿去更换，申请不了，只能下次在完成

使用 django-allauth 实现 Ajax 请求/响应

【中文标题】使用 django-allauth 实现 Ajax 请求/响应

【英文标题】：Implementing Ajax requests / response with django-allauth

【发布时间】：2013-04-16 05:45:59

【问题描述】：

我在我的一个项目中使用 django-allauth。我想通过 ajax 实现登录/注册过程。我想要定制的注册表单。我正在浏览他们的 signupmixin 和注册表单。听起来我可以为每个操作编写自定义视图并将其映射到 url 配置。我不确定最好的方法是什么。

非常感谢您对此提供的任何帮助或建议。

【参考方案1】：

这有点取决于你所说的 ajax 是什么意思。如果您只想在每个页面上都有一个弹出式登录/注册框，那么您可以简单地将表单添加到您的基本模板中，并在弹出框中使用 Javascript 动态显示它。如果您将表单操作 url 保留为原始的 allauth url，那么这已经给人一种 ajax 登录的感觉。您还可以使用$.ajax 或$.post 来调整内容以发布到原始allauth 视图。

上面的事情是在http://officecheese.com/ 上完成的——这是一个基于allauth 的网站，虽然我不隶属于它。

如果你所说的 ajax 是指所有与身份验证相关的视图都应该通过 ajax 显示，而不会导致新的文档重新加载，那么恐怕你有点不走运。这对于涉及电子邮件验证或 OAuth 握手的场景来说是有问题的，因为在这里您通常从邮箱导航到新 URL，或重定向到 Twitter 等。

【讨论】：

嗨@pennersr，很高兴收到您的回复。我想在下拉列表中实现一个类似于 officecheese.com 所做的表单。但如果有错误，让我们说“无效的用户名或密码”或“用户名已经存在”。我想在实际导航之前在那里得到这个错误。所以，我的计划是通过$.post 提交表单，并获得 json 响应以进行登录和注册。非常感谢您在这方面帮助我。

您可以检查对$.post/ajax 调用的响应，提取表单html（包含验证错误），并替换您的原始表单。类似：$("...oldForm...")).replaceWith($(ajaxresponse).find("form"))。检测登录成功 URL 重定向可能会变得有点混乱，您需要检测到您最终到达了登录重定向 url。覆盖视图以返回结构化 JSON 数据虽然更简洁。话又说回来，为什么要费尽心思尝试 ajaxify —— Twitter 等网站也不这样做。

@pennersr 除了将 id 硬编码到基本模板中或使用基于类的视图之外，有没有办法将表单包含在我所有基于函数的视图中，而不必将其添加到每个视图中?