IdentityServer4 (三) 前后端分离

ng new ids4Client
cd ids4Client
npm i oidc-client

export class AppComponent {
  title = ‘ids4Client‘;
  mgr: Oidc.UserManager;

  constructor() {

    const config = {
      authority: ‘https://localhost:6001‘,
      client_id: ‘m2m.client‘,
      redirect_uri: ‘https://localhost:5003/callback.html‘,
      response_type: ‘code‘,
      scope: ‘openid profile api1‘,
      post_logout_redirect_uri: ‘https://localhost:5003/index.html‘,
    };
    this.mgr = new Oidc.UserManager(config);
  }

  login(): void {
    this.mgr.signinRedirect();
  }

  logout(): void {
    this.mgr.getUser().then( user => {
      const url = ‘https://localhost:6001/identity‘;

      const xhr = new XMLHttpRequest();
      xhr.open(‘GET‘, url);
      xhr.onload = () => {
          console.log(xhr.status, JSON.parse(xhr.responseText));
      };
      xhr.setRequestHeader(‘Authorization‘, ‘Bearer ‘ + user?.access_token);
      xhr.send();
  });
  }

  api(): void {

  }
}