User Settings
Authgear provides a wide range of prebuilt frontend for the authentication related features of your apps
The end-user can perform the following actions on the setting page:
- Change their password.
- Add or change their email, phone number or username.
- Connect or disconnect to identity providers.
- Manage the signed in sessions.
- Enable or disable 2-step verification.
- and many more.
Use the open method to open the built-in settings page
import authgear, { Page } from "@authgear/web";
const openSettings = () = {
authgear.open(Page.Settings)
}
If you are working on a mobile apps, you can open the settings page using the SDK. When the end-user has signed in, the SDK provides a method to open the settings page in a webview.
React Native
Flutter
Xamarin
iOS
Android
import React, { useCallback } from "react";
import authgear, { Page } from "@authgear/react-native";
import { View, Button } from "react-native";
function SettingsScreen() {
const onPressOpenSettingsPage = useCallback(() => {
authgear.open(Page.Settings).then(() => {
// When the promise resolves, the webview have been closed.
});
}, []);
return (
<View>
<Button
title="Open Settings Page"
onPress={onPressOpenSettingsPage}
/>
</View>
);
}
Future<void> onPressOpenSettingsPage() async {
await authgear.open(SettingsPage.settings);
}
async void OnOpenSettingsClicked(object sender, EventArgs args)
{
await authgear.OpenAsync(SettingsPage.Settings);
}
func onPressOpenSettingsPage(sender: UIButton, forEvent event: UIEvent) {
authgear.open(.settings) {
// When the completion handler is called, the webview is closed.
}
}
public void onClickOpenSettingsPage() {
authgear.open(Page.Settings, null, new OnOpenURLListener() {
@Override
public void onClosed() {
// The webview is closed.
}
@Override
public void onFailed(Throwable throwable) {
// Some error occured.
}
});
}
In web-based application, you may want to add the "Back to my app" button to the settings page so the user can navigate back to your website after changing the settings.
- 1.Go to Portal > UI Settings
- 2.Provide the URL in Back to Your App Link and click Save