Alla ovanst\u00e5ende steg beskrivs i Laravel. Du beh\u00f6ver inte skriva en kod f\u00f6r att bygga detta anv\u00e4ndarskapande system.<\/p>\n
Med detta sagt, l\u00e5t oss ta en titt p\u00e5 anv\u00e4ndarregistrerings- och inloggningssystemet i Laravel<\/p>\n
Komma ig\u00e5ng<\/h3>\n
F\u00f6r att komma ig\u00e5ng b\u00f6r du vara redo med Laravel-projektet. Om du inte har det skapar du det genom att k\u00f6ra kommandot:<\/p>\n
composer create-project --prefer-dist laravel\/laravel laravel-dev<\/code><\/pre>\nH\u00e4r \u00e4r ’laravel-dev’ namnet p\u00e5 Laravel-projektet. Anv\u00e4ndaren kan \u00e4ndra detta namn.<\/p>\n
D\u00e4refter m\u00e5ste du integrera Laravel-autentisering. G\u00e5 \u00f6ver till projektets rotkatalog i terminalen och k\u00f6r kommandona nedan en efter en:<\/p>\n
composer require laravel\/ui --dev\nphp artisan ui vue --auth\nnpm install && npm run dev\n<\/code><\/pre>\nDessa kommandon skapar autentiseringsstyrenheter som LoginController.php<\/code>, RegisterController.php<\/code>etc, som du hittar i app\/Http\/Controllers\/Auth<\/code>katalogen. Det skapar ocks\u00e5 en utsikt login.blade.php<\/code>, register.blade.php<\/code>enligt resources\/view\/auth<\/code>katalogen.<\/p>\nOvanst\u00e5ende kommandon skapar ocks\u00e5 en app.blade.php<\/code>fil under resources\/views\/layouts<\/code>katalogen. Denna vy \u00e4r en baslayout f\u00f6r applikationen. Den anv\u00e4nder Bootstrap CSS-ramverket men anv\u00e4ndaren kan anpassa den och \u00e4ndra design.<\/p>\nK\u00f6r migreringskommandot som skapar en "anv\u00e4ndartabell" i din databas.<\/p>\n
php artisan migrate<\/code><\/pre>\nNu om du k\u00f6r Laravel-projektet i webbl\u00e4saren ser du l\u00e4nkarna f\u00f6r inloggnings- och registreringsformul\u00e4r.<\/p>\n
![\"Anv\u00e4ndarregistrering](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20530-608200a2d1ee4.png\")
<\/a><\/p>\nI detta skede kan anv\u00e4ndare skapa sitt konto och logga in p\u00e5 webbplatsen. Men som jag n\u00e4mnde ovan, innan en anv\u00e4ndare kan komma \u00e5t systemet borde de ha bekr\u00e4ftat sitt konto.<\/p>\n
I n\u00e4sta steg kommer vi att se hur man utf\u00f6r e-postverifieringsprocessen f\u00f6r en anv\u00e4ndare.<\/p>\n
mejl verifikation<\/h3>\n
N\u00e4r du skapar ett registreringssystem skickar du en anv\u00e4ndarl\u00e4nk till anv\u00e4ndarna n\u00e4r du registrerar dig. Denna aktiveringsl\u00e4nk kommer att anv\u00e4ndas f\u00f6r att verifiera anv\u00e4ndarkontot. En g\u00e5ng klickar anv\u00e4ndaren p\u00e5 en aktiveringsl\u00e4nk s\u00e5 g\u00f6r vi den anv\u00e4ndaren aktiv. Med andra ord, efter att kontot har verifierats kan anv\u00e4ndaren bl\u00e4ddra bland sidorna i din applikation.<\/p>\n
Laravel tillhandah\u00e5ller ett inbyggt system f\u00f6r e-postverifiering f\u00f6r en nyregistrerad anv\u00e4ndare. Med detta system f\u00e5r en registrerad anv\u00e4ndare ett e-postmeddelande med en aktiveringsl\u00e4nk. N\u00e4r du aktiverar kontot kan anv\u00e4ndaren komma \u00e5t systemet.<\/p>\n
\u00d6ppna AppUser.php<\/code>filen och se till att anv\u00e4ndarmodellen implementerar IlluminateContractsAuthMustVerifyEmail<\/code>kontrakt.<\/p>\n<?php\n\u00a0\nnamespace App;\n\u00a0\nuse IlluminateContractsAuthMustVerifyEmail;\nuse IlluminateFoundationAuthUser as Authenticatable;\nuse IlluminateNotificationsNotifiable;\n\u00a0\nclass User extends Authenticatable implements MustVerifyEmail\n{\n\u00a0\u00a0\u00a0\u00a0...\n\u00a0\u00a0\u00a0\u00a0...\n}<\/code><\/pre>\nHur fungerar det? Om du markerar migreringsfilen inneh\u00e5ller tabellen ’anv\u00e4ndare’ en email_verified_at<\/code>kolumn. Den h\u00e4r kolumnen kommer att anv\u00e4ndas f\u00f6r att verifiera om anv\u00e4ndaren har aktiverat sitt konto eller inte. Om kontot \u00e4r aktiverat b\u00f6r den h\u00e4r kolumnen ha datum och tid f\u00f6r aktivering.<\/p>\nN\u00e4r du k\u00f6r autentiseringskommandot skapar det en AuthVerificationController<\/code>klass som har logik skriven f\u00f6r att skicka verifieringsl\u00e4nkar och verifiera e-postmeddelanden. Utvecklaren kan kontrollera den h\u00e4r filen. F\u00f6r att registrera n\u00f6dv\u00e4ndiga rutter f\u00f6r denna styrenhet, skriv nedanst\u00e5ende rutter i routes\/web.php<\/code>filen.<\/p>\nAuth::routes(['verify' => true]);<\/code><\/pre>\nAnv\u00e4ndaren kan skydda sina rutter som ska ligga bakom inloggningen. F\u00f6r att skydda rutterna m\u00e5ste du ans\u00f6ka middleware('verified')<\/code>om dessa rutter. Efter detta kan dessa skyddade rutter endast n\u00e5s via verifierade konton.<\/p>\nDu kan skriva koden f\u00f6r att skydda rutten enligt f\u00f6ljande:<\/p>\n
Route::get('profile', function() {\n\u00a0\u00a0\u00a0\u00a0return '<h1>This is profile page<\/h1>';\n})->middleware('verified');<\/code><\/pre>\nOm du vill ha kontroll \u00f6ver var du ska omdirigera anv\u00e4ndaren efter verifiering \u00f6ppnar du AuthVerificationController<\/code>filen. Filen har variabeln $redirectTo<\/code>som kommer att anv\u00e4ndas f\u00f6r omdirigering. \u00c4ndra denna rutt enligt dina krav.<\/p>\nprotected $redirectTo = '\/home';<\/code><\/pre>\nAnv\u00e4ndarinloggning och registrering<\/h3>\n
Du \u00e4r nu redo att testa anv\u00e4ndarinloggnings- och registreringssystemet. Eftersom vi har att g\u00f6ra med registreringsprocessen b\u00f6r ditt system kunna skicka ett e-postmeddelande. Du kan anv\u00e4nda Gmail SMTP-servern f\u00f6r att skicka e-post. F\u00f6r mer information, l\u00e4s v\u00e5r artikel Skicka e-post via Gmail SMTP-server i Laravel<\/a>.<\/p>\nStarta den lokala utvecklingsservern med kommandot:<\/p>\n
php artisan serve<\/code><\/pre>\nSkapa ett anv\u00e4ndarkonto p\u00e5 registreringssidan h\u00e4r – http: \/\/ localhost: 8000 \/ register<\/a><\/p>\n<\/a><\/p>\nN\u00e4r du skickar in ett formul\u00e4r f\u00e5r du verifieringsl\u00e4nken p\u00e5 din e-postadress enligt f\u00f6ljande:<\/p>\n
<\/a><\/p>\nObservera att Laravel l\u00e5ter dig logga in p\u00e5 ditt konto \u00e4ven om du inte har verifierat kontot \u00e4nnu. Men du kan inte komma \u00e5t den skyddade rutten.<\/p>\n
Jag har lagt till middleware f\u00f6r rutten profile<\/code>. Utan att verifiera kontot om du f\u00f6rs\u00f6ker bes\u00f6ka http: \/\/ localhost: 8000 \/ profilsidan<\/a> kommer det att omdirigeras till http: \/\/ localhost: 8000 \/ email \/ verifiera<\/a> URL.<\/p>\n