Front-end Integration Overview
Authopia’s widget has few possible options to be displayed
Fully fledged widget
Button only
Its UI and translations are configurable while integrating the widget if needed.
For local development use PROJECT ID of your Sandbox project in the admin panel, otherwise you would need to set up an HTTPS environment and change localhost to your project's domain for the widget to work properly.
As a first step you’ll need to install the package via npm:
Next to integrate the widget you need to put this into your frontend code:
Load the widget component:
Embed the widget web component
If you want to bind to onSuccess event:
If your project uses typescript you can add
global.d.ts
for better typing:
After a successful authentication flow an ID token is returned via onSuccess method
Last updated