{"id":28177,"date":"2021-05-19T13:13:00","date_gmt":"2021-05-19T10:13:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=28177"},"modified":"2021-10-17T04:48:34","modified_gmt":"2021-10-17T01:48:34","slug":"hur-man-skapar-en-blogg-med-laravel","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/hur-man-skapar-en-blogg-med-laravel\/","title":{"rendered":"Hur man skapar en blogg med Laravel"},"content":{"rendered":"

Laravel \u00e4r det mest popul\u00e4ra PHP-ramverket. Vi vet alla att m\u00e4nniskor f\u00f6redrar denna ram f\u00f6r att bygga sina webbapplikationer. Och n\u00e4r du bygger en webbplats med Laravel, vill du antagligen skapa en blogg p\u00e5 din webbplats. I allm\u00e4nhet \u00e4r Laravel inte en bloggplattform som WordPress d\u00e4r du f\u00e5r alla backend-grejer redo att hantera dina bloggartiklar. Och att bygga bloggsystemet fr\u00e5n grunden \u00e4r ganska tidskr\u00e4vande arbete. Tack vare Canvas<\/a> som g\u00f6r Laravel-utvecklarna l\u00e4ttare genom att bygga en cool publiceringsplattform f\u00f6r Laravel.<\/p>\n

Med hj\u00e4lp av Canvas-paketet kan vi enkelt bygga v\u00e5r blogg i Laravel p\u00e5 bara n\u00e5gra minuter. Canvas gjorde redan h\u00e5rt arbete f\u00f6r att hantera bloggens backend-grejer. Allt du beh\u00f6ver g\u00f6ra \u00e4r att bara h\u00e4mta data och visa den p\u00e5 frontend som matchar din design.<\/p>\n

Med detta sagt, l\u00e5t oss ta en titt p\u00e5 hur du skapar en blogg med Laravel med Canvas-paketet.<\/p>\n

Komma ig\u00e5ng<\/h3>\n

F\u00f6r att komma ig\u00e5ng med Canvas m\u00e5ste du f\u00f6rst uppfylla grundkravet f\u00f6r Canvas som \u00e4r anv\u00e4ndarautentisering. Laravel g\u00f6r implementeringsautentisering riktigt enkel. Om du redan har installerat Laravel-autentisering hoppar du \u00f6ver det h\u00e4r steget. Annars i din terminal k\u00f6r du kommandona nedan en efter en f\u00f6r att st\u00e4lla in Laravel-autentisering.<\/p>\n

composer require laravel\/ui --dev\nphp artisan ui vue --auth\nnpm install && npm run dev\n<\/code><\/pre>\n
Skapa en blogg med Laravel med Canvas Package<\/h3>\n
N\u00e4r autentiseringen \u00e4r p\u00e5 plats kan du installera Canvas genom att k\u00f6ra kommandot nedan:<\/p>\n
composer require cnvs\/canvas<\/code><\/pre>\n
Vid installation av paket m\u00e5ste du publicera tillg\u00e5ngar och prim\u00e4r konfigurationsfil. Publicera det med kommandot:<\/p>\n
php artisan canvas:install<\/code><\/pre>\n
Detta kommando skulle hitta den prim\u00e4ra konfigurationsfilen p\u00e5 config\/canvas.php<\/code>. Du kan styra olika aspekter med den h\u00e4r konfigurationsfilen. Men du beh\u00f6ver s\u00e4llan r\u00f6ra vid den h\u00e4r filen eftersom alla saker redan \u00e4r definierade p\u00e5 platserna.<\/p>\n
Det skapar ocks\u00e5 n\u00e5gra tabeller i din databas. Detta paket l\u00e4gger till ett ’canvas_’ prefix till alla dessa nyskapade tabeller.<\/p>\n
N\u00e4r det g\u00e4ller bloggar m\u00e5ste du alltid anv\u00e4nda bilder i inneh\u00e5llet. S\u00e5 skapa en symbolisk l\u00e4nk f\u00f6r att s\u00e4kerst\u00e4lla att fil\u00f6verf\u00f6ringar \u00e4r offentligt tillg\u00e4ngliga fr\u00e5n webben.<\/p>\n
php artisan storage:link<\/code><\/pre>\n
Det betyder att du kommer att se dina uppladdade bilder i public\/storage<\/code>katalogen.<\/p>\n
Om du nu k\u00f6r webbadressen http: \/\/ localhost: 8000 \/ canvas<\/a> kommer du att omdirigera till statistiksidan. Du kan omdirigera till inloggningssidan om du inte har loggat in. H\u00e4r anv\u00e4nder jag localhost, du kan justera denna URL.<\/p>\n
P\u00e5 statistiksidan f\u00e5r du grundl\u00e4ggande analyser av din blogg som antal visningar, bes\u00f6kare, trenden f\u00f6r varje artikel, etc.<\/p>\n
Fr\u00e5n rubriksektionen kan du f\u00e5 menyerna f\u00f6r att skapa inl\u00e4gg, taggar, \u00e4mnen, inst\u00e4llningar etc. Du m\u00e5ste spela med alla dessa menyer. Det \u00e4r enkelt och l\u00e4tt att f\u00f6rst\u00e5.<\/p>\n
\"Hur<\/a><\/p>\n
N\u00e4r du klickar p\u00e5 knappen "Nytt inl\u00e4gg" omdirigeras du till en sida d\u00e4r du kan l\u00e4gga till din artikel. Du kan ocks\u00e5 l\u00e4gga till utvalda bilder, SEO-inst\u00e4llningar, taggar, \u00e4mnen i artikeln. L\u00e4gg m\u00e4rke till de tre punkterna bredvid knappen Publicera. Genom att klicka p\u00e5 dessa punkter f\u00e5r du alla dessa alternativ.<\/p>\n
\"Hur<\/a><\/p>\n
Ovan sk\u00e4rmdump som visar bakgrundsf\u00e4rg n\u00e4r jag s\u00e4tter m\u00f6rkt l\u00e4ge p\u00e5. I ditt fall kan du se den vita bakgrunden. S\u00e5 bli inte f\u00f6rvirrad med det. Anv\u00e4ndaren kan hitta den h\u00e4r m\u00f6rka l\u00e4gesfunktionen p\u00e5 sidan Inst\u00e4llningar.<\/p>\n
Canvas har en autosparande funktion s\u00e5 att du inte tappar ditt arbete.<\/p>\n
Gr\u00e4nssnittet f\u00f6r detta paket \u00e4r enkelt. Du kan enkelt bekanta dig med det p\u00e5 nolltid. N\u00e4sta sak vi beh\u00f6ver se \u00e4r att visa dina artiklar i fronten.<\/p>\n
Publicera artiklar p\u00e5 webbplatsen<\/h4>\n
N\u00e4r du \u00e4r klar med backend m\u00e5ste du visa dina artiklar i fronten. Det kr\u00e4ver att man definierar n\u00e5gra rutter och metoder i kontrollerfilen. Canvas-biblioteket gjorde det h\u00e4r h\u00e5rda arbetet f\u00f6r dig. P\u00e5 GitHub-sidan i detta bibliotek f\u00e5r du koden f\u00f6r det. L\u00e4gg till nedanst\u00e5ende rutter i din routes\/web.php<\/code>fil.<\/p>\n
\/\/ Get all published posts\nRoute::get('blog', 'BlogController@getPosts');\n\u00a0\n\/\/ Get posts for a given tag\nRoute::get('tag\/{slug}', 'BlogController@getPostsByTag');\n\u00a0\n\/\/ Get posts for a given topic\nRoute::get('topic\/{slug}', 'BlogController@getPostsByTopic');\n\u00a0\n\/\/ Find a single post\nRoute::middleware('CanvasHttpMiddlewareSession')->get('{slug}', 'BlogController@findPostBySlug');<\/code><\/pre>\n
Skapa en Controller BlogController med kommandot:<\/p>\n
php artisan make:controller BlogController<\/code><\/pre>\n
Din BlogController.php<\/code>kommer att ha koden nedan.<\/p>\n
<?php\n\u00a0\nnamespace AppHttpControllers;\n\u00a0\nuse IlluminateHttpRequest;\n\u00a0\nclass BlogController extends Controller\n{\n\u00a0\u00a0\u00a0\u00a0public function getPosts()\n\u00a0\u00a0\u00a0\u00a0{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$data = [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'posts' => CanvasPost::published()->orderByDesc('published_at')->simplePaginate(10),\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0];\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return view('blog.index', compact('data'));\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0public function getPostsByTag(string $slug)\n\u00a0\u00a0\u00a0\u00a0{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (CanvasTag::where('slug', $slug)->first()) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$data = [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'posts' => CanvasPost::whereHas('tags', function ($query) use ($slug) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$query->where('slug', $slug);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0})->published()->orderByDesc('published_at')->simplePaginate(10),\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0];\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return view('blog.index', compact('data'));\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0abort(404);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0public function getPostsByTopic(string $slug)\n\u00a0\u00a0\u00a0\u00a0{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (CanvasTopic::where('slug', $slug)->first()) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$data = [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'posts' => CanvasPost::whereHas('topic', function ($query) use ($slug) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$query->where('slug', $slug);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0})->published()->orderByDesc('published_at')->simplePaginate(10),\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0];\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return view('blog.index', compact('data'));\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0abort(404);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0public function findPostBySlug(string $slug)\n\u00a0\u00a0\u00a0\u00a0{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$posts = CanvasPost::with('tags', 'topic')->published()->get();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$post = $posts->firstWhere('slug', $slug);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (optional($post)->published) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$data = [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'author' => $post->user,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'post'\u00a0\u00a0 => $post,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'meta'\u00a0\u00a0 => $post->meta,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0];\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ IMPORTANT: This event must be called for tracking visitor\/view traffic\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0event(new CanvasEventsPostViewed($post));\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return view('blog.show', compact('data'));\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0abort(404);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\n
Skapa bladfiler<\/h4>\n
Som definierat i styrenheten, l\u00e5t oss skapa en bladfil blog\/index.blade.php<\/code>och blog\/show.blade.php<\/code>. I den h\u00e4r guiden ska jag inte utforma en blogglista och en detaljerad sida. Eftersom var och en av er har en separat design. Jag ska bara skriva ut artiklar p\u00e5 bladfilen. Du kan anv\u00e4nda designmatchning p\u00e5 din webbplats.<\/p>\n
blogg \/ index.blade.php<\/strong><\/p>\n
<ul>\n\u00a0\u00a0\u00a0\u00a0@foreach($data['posts'] as $d)\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<li>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<h2><a href=\"{{url($d['slug'])}}\">{{ $d['title'] }}<\/a><\/h2>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<p>{!! $d['body'] !!}<\/p>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/li>\n\u00a0\u00a0\u00a0\u00a0@endforeach\n<\/ul><\/code><\/pre>\n
blogg \/ show.blade.php<\/strong><\/p>\n
@if($data['post']['featured_image'])\n\u00a0\u00a0\u00a0\u00a0<img src=\"{{ url($data['post']['featured_image']) }}\" alt=\"{{ $data['post']['featured_image_caption'] }}\" \/>\n@endif\n<h2>{{ $data['post']['title'] }}<\/h2>\n{!! $data['post']['body'] !!}<\/code><\/pre>\n
Jag f\u00f6resl\u00e5r att man skriver ut $data<\/code>variabel och kontrollerar hela informationen som variabeln inneh\u00e5ller. Du vill antagligen anv\u00e4nda andra detaljer ocks\u00e5 fr\u00e5n denna variabel.<\/p>\n
Jag hoppas att du f\u00f6rst\u00e5r hur du skapar en blogg med Laravel med ett Canvas-paket. Du kan l\u00e4ra dig mer om detta paket p\u00e5 cnvs \/ canvas<\/a>.<\/p>\n
relaterade artiklar<\/h4>\n