前言
在前端开发中,授权认证是一个非常重要的问题。@bentley/frontend-authorization-client
是一个封装了前端授权认证的 npm 包,可以帮助我们轻松地实现应用程序中的授权管理,让我们可以轻松地集成授权认证功能。
下面,我们将深入介绍如何使用 @bentley/frontend-authorization-client
。
安装
首先,我们需要使用 npm 安装 @bentley/frontend-authorization-client
。可以使用以下命令:
--- ------- --------------------------------------
使用前的准备工作
在使用 @bentley/frontend-authorization-client
之前,需要做一些准备工作:
- 注册云服务并创建一个应用程序,获取
client_id
和client_secret
。 - 安装
@bentley/itwinjs-core
,获取 token 的issuer_url
。
使用示例
获取授权 Token
------ - ------------------- - ---- ----------------------------------------- ------ - ------ - ---- ---------------------------- -- ------ --------------- ------------------------------- ----- ---- - --- --------------------- --------- ---------------------------------------------- ------------- -------------------------------------------------- ------ ------------------------------------------- ------------ ------------------------------------------------- ------------- ------- ----------------------- -------------------------------------------------------------- ------- ------------------------------------- --- ----- -------------- ----- ----------- - ----- ----------------------
其中,Config.App
是指 @bentley/imodeljs-clients
包中的全局配置。signIn()
函数将会在 redirected URL 中获取 code,并使用 client_id
、client_secret
、redirectUri
、code
以及 issuer_url
请求 token。
和 iTwinView 结合使用
------ - ----------- - ---- ------------------------------ ------ - -------------- - ---- --------------------------- ----- ----------------- -------------- - - ----------------- ------- ------------------- ------ -- ----- ---------- ------ - --- ------------ ------------- ----------- ----- ------------- ------- ------- -- ---------- - ------ -- ------------------ -- --------- ----------------- -- -------- ----------------------------------- ---
在和 iTwinViewer
进行结合使用时,我们需要将 authToken
传递给 iTwinViewer
,从而实现在应用中的授权认证。
总结
使用 @bentley/frontend-authorization-client
可以帮助我们实现应用程序中的授权管理,让我们可以轻松地集成授权认证功能。在使用之前,我们需要注册云服务并创建一个应用程序,并安装 @bentley/itwinjs-core
,获取 token 的 issuer_url
。
在使用 @bentley/frontend-authorization-client
的过程中,我们需要实现的核心操作就是获取授权 token。 signIn()
函数将会在 redirected URL 中获取 code,并使用 client_id
、client_secret
、redirectUri
、code
以及 issuer_url
请求 token。而在和 iTwinViewer
进行结合使用时,则需要将 token 传递给 iTwinViewer
,从而实现在应用中的授权认证。
希望这篇文章能够帮助大家学习和掌握 @bentley/frontend-authorization-client
的使用方法。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/5eedaa80b5cbfe1ea06104d8