by Michael
Passwordless login for your Filament app. Web Authentication server-side and front-end components.
You can install the package via composer:
composer require moontechs/filament-webauthn
You should publish and run the migrations with:
php artisan vendor:publish --tag="filament-webauthn-migrations"php artisan migrate
You can publish the config file with:
php artisan vendor:publish --tag="filament-webauthn-config"
This is the contents of the published config file:
return [ 'login_page_url' => '/webauthn-login', 'user' => [ 'auth_identifier' => 'email', // column in users table with unique user id ], 'widget' => [ 'column_span' => '', ], 'register_button' => [ 'icon' => 'heroicon-o-key', 'class' => 'w-full', ], 'login_button' => [ 'icon' => 'heroicon-o-key', 'class' => 'w-full', ], 'auth' => [ 'relying_party' => [ 'name' => env('APP_NAME'), 'origin' => env('APP_URL'), 'id' => env('APP_HOST', parse_url(env('APP_URL'))['host']), ], 'client_options' => [ 'timeout' => 60000, 'platform' => '', // available: platform, cross-platform, or leave empty 'attestation' => 'direct', // available: direct, indirect, none 'user_verification' => 'required', // available: required, preferred, discouraged ], ],];
Optionally, you can publish the views using
php artisan vendor:publish --tag="filament-webauthn-views"
You can publish the translation file with:
php artisan vendor:publish --tag="filament-webauthn-translations"
Only signed-in users can register a device to be able to sign in to use it in the future.
Moontechs\FilamentWebauthn\Widgets\WebauthnRegisterWidget::class
widget.
Add it to the widgets.register
array of the Filament config.widget.column_span
- widget width (docs)<livewire:webauthn-register-button/>
in any view.register_button.icon
- choose any available iconregister_button.class
- add more classes or change the default onephp artisan vendor:publish --tag=filament-views
<x-filament-webauthn::login-form-extension />
in the end of the login form.If you didn't want to use this button, you can use a simple redirect to a named route filament-webauthn.login
.
login_button.icon
- choose any available iconlogin_button.class
- add more classes or change the default one