gpt4 book ai didi

angularjs - 将身份验证信息从 MVC 传递到 Angular

转载 作者:行者123 更新时间:2023-12-02 22:27:41 25 4
gpt4 key购买 nike

我的项目使用 MVC 来交付我的网站的初始标记

MVC Controller 非常简单:

public class HomeController : Controller
{
public ActionResult Index()
{
return View();
}
}

我在布局 View 中有我的 ng-app 标签、捆绑和 @RenderBody:

<!DOCTYPE html>
<html ng-app="myAppName">
<head>
@Styles.Render("~/Content/css")
</head>
<body>
<div class="container body-content">
@RenderBody()
</div>

@Scripts.Render("~/bundles/aBundle")
</body>
</html>

我的索引 View 被尽可能简单地精简:

<ng-view></ng-view>

我的 Angular app.ts 文件如下所示:

module app {
var main = angular.module("myAppName", ["ngRoute", "breeze.angular"]);

main.config(routeConfig);

routeConfig.$inject = ["$routeProvider"];
function routeConfig($routeProvider: ng.route.IRouteProvider): void {
$routeProvider
.when("/home",
{
templateUrl: "app/views/homeView.html",
controller: "HomeController as vm"
})
.when("/itemDetail/:itemId",
{
templateUrl: "app/views/itemDetailView.html",
controller: "ItemDetailController as vm"
})
.when("/addItem",
{
templateUrl: "app/views/addItemView.html",
controller: "AddItemController as vm"
})
.when("/login",
{
templateUrl: "app/views/loginView.html",
controller: "LoginController as vm"
})
.otherwise("/home");
}
}

我可以在 MVC Controller 中检查用户发送的请求,或者在 Razor View 中使用 @Request.IsAuthenticated 检查用户是否已登录,但最好的方法是什么将此信息传递给我的 Angular 应用程序,以便我可以在用户首次登录时正确地将用户路由到登录页面,但如果他们在服务器上有事件 session ,则跳过登录页面?

我为尝试解决这个问题所做的研究表明,我可能需要创建一个 angular.service 来存储有关用户是否经过身份验证的 bool 值。然后,我需要添加一些代码来使用 $routeChangeStart 检查每个路由的此服务,并仅在必要时重定向到登录页面。我已经看过很多示例,但无法将这些部分完全放在我自己的应用程序的上下文中。

有人可以帮我把这些点联系起来吗?

最佳答案

我正在开发一个不使用 Razor 的项目。 View 中只有 html 和 Angular。所以...我所做的是:

我创建了一个保存布局的指令“appWrapper”。它里面有一个包含 ng-view 的部分。该指令使用一个 Controller AuthCtrl,该 Controller 使用一个服务 AuthService。因此,我可以访问整个 html 中该 Controller 内的所有内容。例如,我可以在侧边栏中的项目中说 ng-click="vm.logout()"。这个“AuthService”有一些可以被 Controller 调用的方法。登录和注销是其中两个。当我执行登录时,我使用从 Controller 返回的一些信息设置了一些 cookie。当我注销时,我会删除这些 cookie。在我的路线所在的 app.js 上,我在最后使用 .run 来在每次位置(url)更改时检查这些 cookie。如果它们存在,它会让用户继续。如果没有,它将用户重定向到登录。

有帮助吗?如果需要,我可以发布代码供您用作示例。

无需在 Controller 内创建操作来检查这一点。对于用户执行的每个操作,您的应用程序都需要访问服务器、返回浏览器、返回服务器、再返回浏览器。这不好。

关于angularjs - 将身份验证信息从 MVC 传递到 Angular,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36914362/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com