django - 如何实现基于JqueryMobile、AngularJs、PhoneGap的移动Django客户端认证

Question

我正在尝试使用 AngularJS 和 jquerymobile 创建一个单站点移动应用程序，并使用 PhoneGap 将其部署为“ native ”应用程序.单页导航的构建方式与此类似 jsfiddle , 使用 jquerymobiles data-role="page"用于页面内导航。

<div id="page-1" data-role="page">..some content for page one</div>
<div id="page-2" data-role="page">..some content for page two</div>

该应用程序应向用户提供登录屏幕。成功登录后，用户可以访问应用程序的其余部分。

该应用程序是 Django 驱动的 Web 门户的移动伴侣。关于门户网站的事情是直截了当的。我登录用户并检查服务器是否允许用户访问某个 View 。

对于移动客户端，我有点迷茫。我是否必须实现某种 token 身份验证？我如何获得 csrf token 进入我的 angularjs脚本来做一些ajax调用(GET和POST)到我的后端？如何刷新 page-1独立于 page-2 ?我会寻找一些提示，从哪里开始以及要注意什么。

Answer 1

我们有以下内容:

[客户端{JQM}/{PhoneGap}] ← REST → [Web-Server]—[Django/Social-Auth ]

当 DeviceReady 和 JQM 完全初始化时，客户端向服务器发出 GET 以测试它是否已通过身份验证。

如果是，请转到起始页；否则，请转到登录页面。然后它只是正常的身份验证流程。一旦通过身份验证，路由到起始页面。

希望这有帮助。

我们确实在客户端设置了 cors

$( document ).bind( "mobileinit", function() {
    $.support.cors = true;
    $.mobile.allowCrossDomainPages = true;
}