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

Question

我正在尝试使用 AngularJS 和 jquerymobile 创建一个单站点移动应用程序，并使用PhoneGap将其部署为“本机”应用程序。一页导航的构建类似于此jsfiddle，使用 jquerymobilesdata-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 驱动的门户网站的移动伴侣。关于门户网站，事情是直截了当的。我登录用户并在服务器上检查是否允许用户访问某个视图。

对于移动客户端，我有点迷茫。我是否必须实施某种令牌身份验证？如何将csrf令牌放入我的angularjs脚本中以对我的后端进行一些 ajax 调用（GET 和 POST）？如何page-1独立刷新page-2？我会寻找一些提示，从哪里开始以及要注意什么。

score 2 · Accepted Answer

我们有以下内容：

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

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

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

希望这有帮助。

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

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

1 回答 1