{"id":24437,"date":"2021-05-19T12:56:00","date_gmt":"2021-05-19T09:56:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24437"},"modified":"2021-10-17T20:49:42","modified_gmt":"2021-10-17T17:49:42","slug":"kuinka-luoda-blogi-laravelin-kanssa","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/kuinka-luoda-blogi-laravelin-kanssa\/","title":{"rendered":"Kuinka luoda blogi Laravelin kanssa"},"content":{"rendered":"

Laravel on suosituin PHP-kehys. Me kaikki tied\u00e4mme, ett\u00e4 ihmiset haluavat t\u00e4m\u00e4n kehyksen rakentaa verkkosovelluksiaan. Ja rakentaessasi verkkosivustoa Laravelin kanssa, haluat todenn\u00e4k\u00f6isesti rakentaa blogin verkkosivustollesi. Yleens\u00e4 Laravel ei ole WordPressin kaltainen blogiymp\u00e4rist\u00f6, jossa saat kaikki taustakuvat valmiiksi blogiartikkeleidesi hallintaan. Ja blogij\u00e4rjestelm\u00e4n rakentaminen tyhj\u00e4st\u00e4 on melko aikaa viev\u00e4\u00e4 ty\u00f6t\u00e4. Kiitos Canvas<\/a> mik\u00e4 tekee Laravel kehitt\u00e4j\u00e4t el\u00e4m\u00e4st\u00e4 helppoa rakentamalla viile\u00e4 julkaisuk\u00e4ytt\u00f6ymp\u00e4rist\u00f6\u00f6n Laravel.<\/p>\n

Canvas-paketin avulla voimme helposti rakentaa blogimme Laraveliin muutamassa minuutissa. Canvas teki jo kovaa ty\u00f6t\u00e4 blogin taustaj\u00e4rjestelmien hallitsemiseksi. Sinun tarvitsee vain hankkia tiedot ja n\u00e4ytt\u00e4\u00e4 ne suunnittelua vastaavalla k\u00e4ytt\u00f6liittym\u00e4ll\u00e4.<\/p>\n

T\u00e4m\u00e4n sanottuaan katsotaanpa, kuinka luoda blogi Laravelin kanssa Canvas-paketin avulla.<\/p>\n

P\u00e4\u00e4st\u00e4 alkuun<\/h3>\n

Canvasin k\u00e4yt\u00f6n aloittamiseksi sinun on ensin t\u00e4ytett\u00e4v\u00e4 Canvasin perusvaatimus, joka on k\u00e4ytt\u00e4j\u00e4n todennus. Laravel tekee todennuksen toteuttamisesta todella helppoa. Jos olet jo asentanut Laravel-todennuksen, ohita t\u00e4m\u00e4 vaihe. Muuta p\u00e4\u00e4telaitteessasi suorittamalla alla olevat komennot yksitellen Laravel-todennuksen m\u00e4\u00e4ritt\u00e4miseksi.<\/p>\n

composer require laravel\/ui --dev\nphp artisan ui vue --auth\nnpm install && npm run dev\n<\/code><\/pre>\n
Luo blogi Laravelin kanssa Canvas Package -sovelluksella<\/h3>\n
Kun todennus on paikassa, voit asentaa Canvasin suorittamalla alla olevan komennon:<\/p>\n
composer require cnvs\/canvas<\/code><\/pre>\n
Paketin asennuksen yhteydess\u00e4 sinun on julkaistava resurssit ja ensisijainen m\u00e4\u00e4ritystiedosto. Julkaise se komennolla:<\/p>\n
php artisan canvas:install<\/code><\/pre>\n
T\u00e4m\u00e4 komento etsii ensisijaisen m\u00e4\u00e4ritystiedoston osoitteesta config\/canvas.php<\/code>. T\u00e4ll\u00e4 asetustiedostolla voit hallita useita n\u00e4k\u00f6kohtia. Mutta sinun ei tarvitse koskettaa t\u00e4t\u00e4 tiedostoa harvoin, koska kaikki tavarat on jo m\u00e4\u00e4ritelty paikoissa.<\/p>\n
Se luo my\u00f6s muutaman taulukon tietokantaan. T\u00e4m\u00e4 paketti lis\u00e4\u00e4 ’canvas_’ etuliitteen kaikkiin n\u00e4ihin uusiin taulukoihin.<\/p>\n
Blogien suhteen sinun on aina k\u00e4ytett\u00e4v\u00e4 kuvia sis\u00e4ll\u00f6ss\u00e4. Luo siis symbolinen linkki varmistaaksesi, ett\u00e4 tiedostolataukset ovat julkisesti saatavilla verkosta.<\/p>\n
php artisan storage:link<\/code><\/pre>\n
Se tarkoittaa, ett\u00e4 n\u00e4et lataamasi kuvat public\/storage<\/code>hakemistossa.<\/p>\n
Jos suoritat URL-osoitteen http: \/\/ localhost: 8000 \/ canvas<\/a>, ohjaat tilastosivulle. Voit ohjata sis\u00e4\u00e4nkirjautumissivulle, ellet ole kirjautunut sis\u00e4\u00e4n. T\u00e4ss\u00e4 k\u00e4yt\u00e4n localhostia, voit s\u00e4\u00e4t\u00e4\u00e4 t\u00e4t\u00e4 URL-osoitetta.<\/p>\n
Tilastosivulta saat blogisi perustiedot, kuten katselukertojen m\u00e4\u00e4r\u00e4n, k\u00e4vij\u00e4t, kunkin artikkelin trendin jne.<\/p>\n
Otsikko-osiosta saat valikot viestien, tunnisteiden, aiheiden, asetusten jne. Luomiseen. Sinun on pelattava kaikilla n\u00e4ill\u00e4 valikoilla. Se on yksinkertainen ja helppo ymm\u00e4rt\u00e4\u00e4.<\/p>\n
\"Kuinka<\/a><\/p>\n
Napsauttamalla Uusi viesti -painiketta, sinut ohjataan sivulle, johon voit lis\u00e4t\u00e4 artikkelin. Voit my\u00f6s lis\u00e4t\u00e4 artikkeliin suositeltuja kuvia, hakukoneoptimointiasetuksia, tunnisteita ja aiheita. Huomaa julkaisupainikkeen vieress\u00e4 olevat kolme pistett\u00e4. Napsauttamalla n\u00e4it\u00e4 pisteit\u00e4 saat kaikki n\u00e4m\u00e4 vaihtoehdot.<\/p>\n
\"Kuinka<\/a><\/p>\n
Yll\u00e4 olevan kuvakaappauksen taustav\u00e4ri, kun asetan tumman tilan p\u00e4\u00e4lle. Sinun tapauksessasi saatat n\u00e4hd\u00e4 valkoisen taustan. Joten \u00e4l\u00e4 sekoita siihen. K\u00e4ytt\u00e4j\u00e4 voi l\u00f6yt\u00e4\u00e4 t\u00e4m\u00e4n pime\u00e4n tilan ominaisuuden Asetukset-sivulta.<\/p>\n
Canvasissa on automaattinen s\u00e4\u00e4st\u00f6ominaisuus, jotta et menet\u00e4 ty\u00f6t\u00e4si.<\/p>\n
T\u00e4m\u00e4n paketin k\u00e4ytt\u00f6liittym\u00e4 on suoraviivainen. Voit tutustua siihen helposti hetkess\u00e4. Seuraava asia, jonka meid\u00e4n on n\u00e4ht\u00e4v\u00e4, on artikkeliesi n\u00e4ytt\u00e4minen k\u00e4ytt\u00f6liittym\u00e4ss\u00e4.<\/p>\n
Artikkelien julkaiseminen verkkosivustolla<\/h4>\n
Kun olet valmis taustalla, sinun on n\u00e4ytett\u00e4v\u00e4 artikkelisi k\u00e4ytt\u00f6liittym\u00e4ss\u00e4. Se vaatii muutaman reitin ja menetelmien m\u00e4\u00e4rittelemisen ohjaintiedostossa. Canvas-kirjasto teki t\u00e4m\u00e4n kovan ty\u00f6n puolestasi. T\u00e4m\u00e4n kirjaston GitHub-sivulta saat sen koodin. Lis\u00e4\u00e4 alla olevat reitit routes\/web.php<\/code>tiedostoon.<\/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
Luo ohjain BlogController k\u00e4ytt\u00e4m\u00e4ll\u00e4 komentoa:<\/p>\n
php artisan make:controller BlogController<\/code><\/pre>\n
Sinulla BlogController.php<\/code>on alla oleva koodi.<\/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
Luo Blade-tiedostoja<\/h4>\n
Kuten ohjaimessa on m\u00e4\u00e4ritelty, luodaan korttitiedosto blog\/index.blade.php<\/code>ja blog\/show.blade.php<\/code>. T\u00e4ss\u00e4 opetusohjelmassa en aio suunnitella blogiluettelo- ja tietosivua. Koska jokaisella teist\u00e4 on erillinen muotoilu. Tulen vain tulostamaan artikkeleita ter\u00e4tiedostoon. Voit soveltaa suunnittelun vastaavuutta verkkosivustollesi.<\/p>\n
blogi \/ 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
blogi \/ 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
Ehdotan $data<\/code>muuttujan tulostamista ja tarkista kaikki muuttujan sis\u00e4lt\u00e4m\u00e4t tiedot. Haluat todenn\u00e4k\u00f6isesti k\u00e4ytt\u00e4\u00e4 muita yksityiskohtia my\u00f6s t\u00e4st\u00e4 muuttujasta.<\/p>\n
Toivon, ett\u00e4 ymm\u00e4rr\u00e4t kuinka luoda blogi Laravelin kanssa Canvas-paketin avulla. Saatat oppia lis\u00e4\u00e4 t\u00e4st\u00e4 paketista cnv: ll\u00e4 \/ kankaalla<\/a>.<\/p>\n
Aiheeseen liittyv\u00e4t artikkelit<\/h4>\n