MSAL Angular示例应用程序代码示例

分享于 

3分钟阅读

Microsoft

  繁體
浏览代码下载ZIP

演示如何使用MSAL Angular登录,注销,保护路由并获取受保护资源的访问令牌,如Microsoft Graph

关键概念

此示例演示以下MSAL Angular概念:

  • 配置
  • 登录
  • 登出
  • 保护路由
  • 获取访问令牌并将它附加到http调用

内容

文件/文件夹描述
AppCreationScripts 包含PowerShell用户的自动化脚本(如果需要,可以安全地删除),
e2e 端到端测试文件。
src 示例源代码,
.editorconfig 定义编辑器配置设置,
.gitignore 定义在提交时忽略什么,
angular.json Angular配置文件,
browserslist BrowsersList配置文件,
CHANGELOG.md 对示例的更改列表,
CODE_OF_CONDUCT.md 行为准则信息,
CONTRIBUTING.md 对示例作出贡献的准则,
karma.conf.js Karma测试runner的配置,
LICENSE 示例的许可证,
NG_README.md Angular CLI自动生成的自述文件,
package-lock.json npm的锁文件,
package.json npm的软件包清单,
README.md 此自述文件,
SECURITY.md 安全披露,
tsconfig.*.json typeScript配置文件,
tslint.json TS Lint配置文件,

注:此示例的结构使用Angular CLI

前提条件

必须安装Node.js以运行此示例。

安装程序

  • 在Azure门户中注册新的应用程序。确保为隐式流启用了应用程序。
  • 打开src/app/app.module.ts,内部MsalModule.forRoot提供所需的配置值

注意:为了支持使用工作和学校帐户以及个人Microsoft帐户登录,请设置您的权限使用/common端点,https://login.microsoftonline.com/common 。阅读有关msal.js配置选项的更多信息。 3.通过导航到存储库的根目录并运行npm install,从命令行安装项目依赖项。

运行样例


cod  angular  sam  samples  
相关文章