angular - Angular 的 Laravel Rest API Google Auth

Question

验证服务器 Api 是问题

我正在尝试在 2 个不同的服务器中的 laravel 和 Angular App 中创建一个 API。我没有得到一篇可以逐步解释我的过程的好文章。

我面临的问题是我不确定如何处理 client_secret 我确定我需要在我的 Angular 应用程序上进行身份验证和登录时验证它(在服务器 laravel 上验证)

我是否使用重定向 url 将其设置为 laravel 路由(因为谷歌在成功登录时使用访问 token 从 angular 重定向到我指向的任何 url)还是在我拥有它后从 angular 进行调用在 Angular 范围内，即使用 rest 调用将 id token 发送到 laravel 路由

我正在制作 laravel api，因为将来我可能有一个移动应用程序并且我可以重用该 api

我知道我可能进错论坛了。但这是我所知道的响应最快的论坛。

Answer 1

您可以使用 JWT用于验证 SPA .

这里好了，步骤:

1。创建身份验证端点

您需要提供一个端点才能登录。比方说，/api/v1/login。这个端点，你应该像我提到的那样实现 JWT。所以这个端点应该这样请求:

HTTP 方法:POST

标题

{'Content-Type': 'application/json'}

正文

{'email': email, 'password': password}

并返回一个 token :

eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.XbPfbIHMI6arZ3Y922BhjWgQzWXcXNrz0ogtVhfEd2o

这个 token 你应该保存在生命周期应用程序中或者最好放在本地存储 js 中。出于安全原因，您必须设置过期的 token 。

2。使用 token

不，你有一个 token ，这个 token 用于授权用户请求安全的 api。比方说，用户想要获取他的个人资料 /api/v1/users/1。因为此 api 是安全的，所以您需要传递 token 。

HTTP 方法:获取

标题

{
   'Content-Type': 'application/json',
   'Authorization': "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.XbPfbIHMI6arZ3Y922BhjWgQzWXcXNrz0ogtVhfEd2o"
}

就是这样。

每次您想要访问安全(认证)端点时，您都​​应该发送 header 承载。

注意事项:

• token 通常有生命周期或过期，只需确保
• 如果您将 token 保存到本地存储以避免刷新页面时丢失 token ，请确保在注销时清除本地存储
• 检查documentation为 Laravel 创建 token 。