从Angular重定向到ExternalLogin身份页面
是一个常见的需求，它涉及到前端开发、后端开发和身份验证等方面的知识。
首先，让我们来了解一下Angular。Angular是一种流行的前端开发框架，它使用TypeScript编写，可以帮助开发人员构建现代化的Web应用程序。Angular具有丰富的功能和工具，可以提高开发效率和应用性能。
接下来，我们需要了解什么是ExternalLogin身份页面。ExternalLogin身份页面是一个用于身份验证的外部登录页面，通常用于允许用户使用第三方身份提供者（如Google、Facebook、微软等）进行登录。通过重定向到ExternalLogin身份页面，用户可以选择使用其它身份提供者进行登录，而不是使用应用程序的默认登录方式。
在Angular中实现从Angular重定向到ExternalLogin身份页面的过程如下：
- 首先，需要在Angular应用程序中创建一个登录组件，用于处理用户的登录请求和重定向到ExternalLogin身份页面的逻辑。
- 在登录组件中，可以使用Angular的路由功能来定义一个路由，该路由将重定向到ExternalLogin身份页面。例如，可以创建一个名为
external-login的路由，将其指向ExternalLogin身份页面的URL。 - 在登录组件中，可以使用Angular的路由导航功能来实现重定向到ExternalLogin身份页面。当用户点击登录按钮时，可以调用路由导航方法，将用户重定向到
external-login路由。 - 在ExternalLogin身份页面中，可以使用后端开发技术来处理用户的身份验证请求。具体的实现方式取决于身份提供者的要求和应用程序的需求。
推荐的腾讯云相关产品和产品介绍链接地址如下：
- 腾讯云前端开发产品：https://cloud.tencent.com/product/fe
- 腾讯云后端开发产品：https://cloud.tencent.com/product/ba
- 腾讯云身份验证产品：https://cloud.tencent.com/product/iaas
请注意，以上链接仅供参考，具体的产品选择应根据实际需求和项目要求进行评估和决策。
相关·内容
2回答
如何在SPA中重定向到路由？
angularjs、asp.net-mvc、authentication、redirect、identity
在用户进行身份验证之后，我的MVC主页被加载，这将引导angular应用程序： @Scripts.Render("~/bundles/Swagger")}http
浏览 0提问于2017-01-04得票数 0
1回答
从Angular重定向到ExternalLogin身份页面
angular、authentication、azure-active-directory、asp.net-identity
我有一个外部登录: Active Directory，我想将用户从angular主页重定向到身份外部登录，如下所示： this.router.navigate(['authentication/login
浏览 21提问于2021-06-22得票数 0
1回答
ASP.NET核心Web API和Angular客户端中的外部身份验证
asp.net-mvc、facebook、asp.net-core-2.0、google-authentication、asp.net-core-webapi
我有一个使用asp.net核心Web API的angular应用程序。我需要为google和facebook登录添加外部身份验证，以便我的web和移动应用程序可以使用此web api对用户进行身份验证。我已经阅读了和等为此提供的文档和教程，但没有一个对我有帮助，因为我的web应用程序是基于Angular 5的。他们
浏览 4提问于2018-01-06得票数 5
1回答
使用id_token重定向到前端页面
c#、asp.net-core、asp.net-identity、identityserver4
我的问题是如何用id_token重定向到页面？现在我要说的是：
打开Identity/Account/Login;Click Facebook；将/Identity/Account/ExternalLoginRedirect发布到https://www.facebook.comcode=And，现在我被重定向到/Identity/Account/ExternalLogin
浏览 1提问于2019-12-08得票数 0
回答已采纳
1回答
Facebook API redirect_ui错误
php、facebook、facebook-graph-api
Facebook登录的新应用程序：应用程序域：(空)客户端OAuth登录:是的强制网络OAuth重新身份验证:否有效的OAuth重定向URI：$facebook = new Facebook\Facebook([
'app_id' => FB_APP_ID'email', 'public_profile', &#x
浏览 1提问于2016-03-01得票数 0
1回答
IdentityServer4直接链接到Facebook身份验证
c#、asp.net-core、identityserver4
我还有一个使用IdentityServer的Angular2应用程序。我想在我的Angular应用程序上有一个'Facebook‘按钮，然后自动将他们直接重定向到Facebook，绕过主登录屏幕。(vm.ExternalProviders.First().AuthenticationScheme, returnUrl); ...这基本上就是我想要的，自动重定向到Facebookvm.ExternalProviders.First(x => x.D
浏览 6提问于2017-07-18得票数 4
回答已采纳
2回答
将登录重定向到控制器操作
asp.net-core、asp.net-core-mvc、entity-framework-core、asp.net-identity-3
从使用单个用户帐户的ASP.NET 5 Web模板开始，我设法使外部身份验证与Microsoft一起工作。当用户单击Login时，他们将被重定向到ExternalLogin中的AccountController中，如下所示
<form asp-controller="Account" asp-action=但是，如何拦截访问特权操作[Authorize]的直接尝试，以便将用户重定向到ExternalLogin？可以在Start
浏览 4提问于2016-01-23得票数 6
回答已采纳
1回答
启用CORS的Web 2 facebook身份验证
cors、asp.net-web-api2
我试图在前端使用角JS实现外部身份验证中内置的Web 2。，所以它返回了ChallengeResults (完全像SPA模板)，它应该将用户重定向到facebook登录页面。Fiddler中的响应看起来不错，它有重定向到facebook登录页面的位置响应头。但是，当它尝试重定向时，我将得到以下CORS错误：下面是对我的api&#x
浏览 3提问于2014-04-19得票数 6
1回答
快捷Microsoft身份验证
asp.net-core、asp.net-core-mvc、entity-framework-core、asp.net-identity-3
我们正在尝试使用ASP.NET 5 Web应用程序模板将引入到应用程序中。默认模板将用户从_LoginPartial.cshtml中的登录链接带到login页面，在那里他们选择首选的身份验证提供程序。我们只想接受微软的身份验证，所以我们希望_LoginPartial.cshtml登录用户。">Log in</a></li> </ul>
我还更改了AccountController ExternalLogin<
浏览 0提问于2016-01-07得票数 0
回答已采纳
1回答
将自定义参数从angular oidc-client传递给returnurl
angular7、identityserver4、oidc-client
我正在尝试从angular oidc- IdentityServer向登录页面客户端4中使用的returnURL传递一个自定义参数。根据我从returnURL收到的参数，我想绕过登录网站，并将它们重定向到IDP。我打算将参数添加到angular中的特定页面，并从那里重定向到登录。 下面的链接谈到了他们，但我不能跟随他们。await _account.BuildLoginViewModelAsync(returnUrl
浏览 68提问于2019-10-08得票数 1
1回答
在未使用ASP.NET Core2.2和OIDC授权用户时自动重定向到外部权限
c#、asp.net-core、openid-connect
options.ResponseType = OpenIdConnectResponseType.Code;然后，如果我将[Authorized]属性添加到控制器操作中，当我试图打开页面时，我将被重定向到/Identity/Account/Login system页面，在该页面中，Use another service to log in.将显示按钮OpenIdConnect，以便通过远程身份验证服务器登录此按钮工作-它重定向<
浏览 0提问于2019-02-25得票数 3
回答已采纳
3回答
重定向到登录页面，如果没有使用AngularFire 2登录
javascript、angular、firebase、angularfire
如果用户没有使用Angular2 / AngularFire2进行身份验证，那么将用户重定向到登录页面的最佳方法是什么？我在用
angular2/router版本2.0.0-rc.
浏览 0提问于2016-06-20得票数 1
回答已采纳
2回答
对于使用MSAL2.0的AAD B2C身份验证，是否有Testcafe代理解决方案？
testing、automated-tests、azure-ad-b2c、e2e-testing、testcafe
从2018年到2020年初，我们一直在使用TestCafe对我们的SPA进行自动化测试，当时我们开始遇到MSAL1.0和阻止第三方cookies的问题。我们认为，当TestCafe尝试登录时，由于在应用程序注册中无法识别代理URL，自动重定向到B2C登录页面失败，因此该问题与代理URL有关。问题: TestCafe导航到应用程序URL，并且没有重定向到B2C登录页面。此问题仅存在于代理的TestCafe通信中。预期行为:在导航
浏览 31提问于2021-08-27得票数 0
1回答
Spring boot Angular登录错误“ERR_TOO_MANY_REDIRECTS”
angular、spring-boot、authentication
我想用Spring Boot和Angular登录，但我得到了"ERR_TOO_MANY_REDIRECTS“行。在后台，有一个repsonse，它返回令牌、用户名、密码和角色。import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent, HttpHeaders, HTTP_INTERCEPTORS } from '@angular/common/http';
import { Injectable } from '@angula
浏览 28提问于2021-06-07得票数 0
1回答
处理window.location.href重定向后web API回调的响应
javascript、asp.net、angular、asp.net-core-webapi、openid
我有一个Web，它以这样的方式处理OpenId sign： [HttpGet] [Route("ExternalLogin", Name = "ExternalLogin")]
public async Task<IActionResult> ExternalLogin(string provider, stringAccount", new { returnUrl, userId
浏览 848提问于2021-11-10得票数 0
回答已采纳
1回答
ExternalLogin调用Facebook/Google+时不打电话
c#、facebook-login、identity、google-signin、asp.net-core-2.1
它是用点击ExternalLogin重定向到登录的。gOptions.SignInScheme = CookieAuthenticationDefaults.AuthenticationScheme; })我也在使用身份来创建用户我的ExternalLogin on AccountController：
public IActionResult ExternalLogin(string provider, string returnUrlimport
浏览 0提问于2018-11-01得票数 3
回答已采纳
1回答
IdentityServer3:它可以与现有用户/身份验证“并排”使用吗？
asp.net-mvc、single-sign-on、identityserver3
因此，我想知道是否可以只为外部提供程序添加IdentityServer3，但保留所有现有的用户/身份验证内容，就像“本地用户”一样。所以就像这样：
这有可能吗？我注意到，如果您不提供IUserService，也不使用UseInMemoryUsers()，则会出现错误。
浏览 1提问于2017-08-25得票数 0
回答已采纳
4回答
angular -如何处理重定向
angular、http-status-code-302
我使用的是spring security，它将未经身份验证的用户重定向到登录页面。因此，当未经身份验证的angular客户机向端点发送GET请求时(预期为JSON)，它将接收登录页面的HTML内容，而JSON解析器将失败()。.) // JSON parser will fail
如何在Angular中处理重定向？
浏览 0提问于2018-09-12得票数 7
1回答
单页应用程序(SPA--Angular)和身份验证最佳实践？
angularjs、authentication
我们正在研究将标准身份验证(登录)与我们的Angular SPA集成的最佳方法。我们遇到了两种模式(见下文)，我们想看看哪种架构更好，以便将身份验证集成到我们的Angular网站中。模式1--将登录与SPA分开(参见)：在此模式中，登录过程在SPA外部完成(单独的页面加载)，一旦用户通过身份验证，他们就被重定向到SPA (另一个页面加载)。模式2--将登录集成到SPA (请参阅和)：在此模式中，身份
浏览 2提问于2014-04-03得票数 17
1回答
使用google GetExternalLoginInfoAsync的dotnetcore 3 web api外部登录在大多数情况下返回null。
c#、.net-core、google-oauth、asp.net-core-webapi、google-authentication
我已经将console.google中的帐户配置为localhost:5432/ returnUrl /ExternalLoginCallback
每当我尝试访问的API时，它都会访问ExternalLogin方法，然后将我重定向到谷歌登录页面，当我登录时，我再次被重定向到ExternalLoginCallback方法，但signInManager.GetExternalLoginInfoAsync()大多返回最令人惊讶的是，在100次尝试中，有2、3次尝试实际上是<
浏览 0提问于2019-12-01得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
