Hosted Admin portal integration (Angular)


📘

Prerequisite: Complete Frontegg App integration

If you haven't integrated Frontegg Authentication into your application, please integrate it before moving to Admin Portal integration. Read about how to add Frontegg to your application.

Admin Portal Integration

For Frontegg admin portal integration, we will import the FronteggAppService from the @frontegg/angular package and use showAdminPortal method when clicking on the relevant button.

import { Component } from '@angular/core';
import { FronteggAppService } from '@frontegg/angular';

@Component({
  selector: 'show-hosted-portal',
  template: '<button (click)="showHostedPortal()">Show Admin Portal</button>',
})
export class ShowAdminPortalComponent {
  constructor(private fronteggAppService: FronteggAppService) { }

  openHostedAdminPortal: void {
    this.fronteggAppService.openHostedAdminPortal()
  }
}

You are good to go! You should now see the admin portal in your application and able to use our full self-served experience with your product.