{"id":27579,"date":"2021-05-19T13:20:00","date_gmt":"2021-05-19T10:20:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=27579"},"modified":"2021-10-18T04:11:06","modified_gmt":"2021-10-18T01:11:06","slug":"como-criar-um-blog-com-o-laravel","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/como-criar-um-blog-com-o-laravel\/","title":{"rendered":"Como criar um blog com o Laravel"},"content":{"rendered":"

Laravel \u00e9 o framework PHP mais popular. Todos n\u00f3s sabemos que as pessoas preferem essa estrutura para construir seus aplicativos da web. E enquanto constr\u00f3i um site com o Laravel, voc\u00ea provavelmente deseja construir um blog em seu site. Em geral, o Laravel n\u00e3o \u00e9 uma plataforma de blog como o WordPress, onde voc\u00ea obt\u00e9m todo o back-end pronto para gerenciar os artigos do seu blog. E construir o sistema de blog do zero \u00e9 um trabalho que consome muito tempo. Gra\u00e7as ao Canvas,<\/a> que facilita a vida dos desenvolvedores do Laravel ao construir uma plataforma de publica\u00e7\u00e3o legal para o Laravel.<\/p>\n

Usando o pacote Canvas, podemos construir facilmente nosso blog no Laravel em apenas alguns minutos. O Canvas j\u00e1 fez um trabalho \u00e1rduo para gerenciar o back-end do blog. Tudo o que voc\u00ea precisa fazer \u00e9 obter os dados e exibi-los no frontend que combinem com o seu design.<\/p>\n

Dito isso, vamos dar uma olhada em como criar um blog com o Laravel usando o pacote Canvas.<\/p>\n

Come\u00e7ando<\/h3>\n

Para come\u00e7ar a usar o Canvas, voc\u00ea precisa primeiro satisfazer o requisito b\u00e1sico do Canvas, que \u00e9 a autentica\u00e7\u00e3o do usu\u00e1rio. O Laravel torna a implementa\u00e7\u00e3o da autentica\u00e7\u00e3o realmente simples. Se voc\u00ea j\u00e1 instalou a autentica\u00e7\u00e3o do Laravel, pule este passo. Caso contr\u00e1rio, em seu terminal, execute os comandos abaixo um por um para configurar a autentica\u00e7\u00e3o do Laravel.<\/p>\n

composer require laravel\/ui --dev\nphp artisan ui vue --auth\nnpm install && npm run dev\n<\/code><\/pre>\n
Crie um blog com o Laravel usando o pacote Canvas<\/h3>\n
Quando a autentica\u00e7\u00e3o estiver no local, voc\u00ea pode instalar o Canvas executando o comando abaixo:<\/p>\n
composer require cnvs\/canvas<\/code><\/pre>\n
Ap\u00f3s a instala\u00e7\u00e3o do pacote, voc\u00ea precisa publicar os ativos e o arquivo de configura\u00e7\u00e3o principal. Publique-o usando o comando:<\/p>\n
php artisan canvas:install<\/code><\/pre>\n
Este comando localizaria o arquivo de configura\u00e7\u00e3o principal em config\/canvas.php<\/code>. Voc\u00ea pode controlar v\u00e1rios aspectos usando este arquivo de configura\u00e7\u00e3o. Mas voc\u00ea raramente precisa tocar neste arquivo, pois todas as coisas j\u00e1 est\u00e3o definidas nos locais.<\/p>\n
Ele tamb\u00e9m cria algumas tabelas em seu banco de dados. Este pacote adiciona um prefixo ‘canvas_’ a todas essas tabelas rec\u00e9m-criadas.<\/p>\n
Quando se trata de blogs, voc\u00ea sempre precisa usar imagens no conte\u00fado. Portanto, crie um link simb\u00f3lico para garantir que os uploads de arquivos sejam acess\u00edveis publicamente na web.<\/p>\n
php artisan storage:link<\/code><\/pre>\n
Isso significa que voc\u00ea ver\u00e1 suas imagens carregadas dentro do public\/storage<\/code>diret\u00f3rio.<\/p>\n
Agora, se voc\u00ea executar a URL http: \/\/ localhost: 8000 \/ canvas,<\/a> ir\u00e1 redirecionar para a p\u00e1gina de estat\u00edsticas. Voc\u00ea pode redirecionar para a p\u00e1gina de login se voc\u00ea n\u00e3o estiver logado. Aqui eu uso o localhost, voc\u00ea pode ajustar este URL.<\/p>\n
Na p\u00e1gina de estat\u00edsticas, voc\u00ea obter\u00e1 an\u00e1lises b\u00e1sicas do seu blog, como o n\u00famero de visualiza\u00e7\u00f5es, visitantes, a tend\u00eancia de cada artigo, etc.<\/p>\n
Na se\u00e7\u00e3o de cabe\u00e7alho, voc\u00ea pode obter os menus para criar postagens, tags, t\u00f3picos, configura\u00e7\u00f5es, etc. Voc\u00ea deve brincar com todos esses menus. \u00c9 simples e f\u00e1cil de entender.<\/p>\n
\"Como<\/a><\/p>\n
Ao clicar no bot\u00e3o ‘Novo Post’, voc\u00ea ser\u00e1 redirecionado para uma p\u00e1gina onde poder\u00e1 adicionar o seu artigo. Voc\u00ea tamb\u00e9m pode adicionar imagens em destaque, configura\u00e7\u00f5es de SEO, tags e t\u00f3picos ao artigo. Observe os tr\u00eas pontos pr\u00f3ximos ao bot\u00e3o Publicar. Ao clicar nesses pontos, voc\u00ea obt\u00e9m todas essas op\u00e7\u00f5es.<\/p>\n
\"Como<\/a><\/p>\n
Captura de tela acima mostrando a cor de fundo conforme eu defino o modo escuro. No seu caso, voc\u00ea pode ver o fundo branco. Portanto, n\u00e3o se confunda com isso. O usu\u00e1rio pode encontrar esse recurso de modo escuro na p\u00e1gina Configura\u00e7\u00f5es.<\/p>\n
O Canvas possui um recurso de salvamento autom\u00e1tico para que voc\u00ea n\u00e3o perca seu trabalho.<\/p>\n
A interface deste pacote \u00e9 direta. Voc\u00ea pode se familiarizar facilmente com ele em nenhum momento. A pr\u00f3xima coisa que precisamos ver \u00e9 a exibi\u00e7\u00e3o de seus artigos no front end.<\/p>\n
Publica\u00e7\u00e3o de artigos no site<\/h4>\n
Quando terminar de usar o back-end, voc\u00ea precisar\u00e1 exibir seus artigos no front end. Requer a defini\u00e7\u00e3o de algumas rotas e m\u00e9todos no arquivo do controlador. A biblioteca Canvas fez esse trabalho \u00e1rduo para voc\u00ea. Na p\u00e1gina GitHub desta biblioteca, voc\u00ea obter\u00e1 o c\u00f3digo para ela. Adicione as rotas abaixo em seu routes\/web.php<\/code>arquivo.<\/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
Crie um controlador BlogController usando o comando:<\/p>\n
php artisan make:controller BlogController<\/code><\/pre>\n
Voc\u00ea BlogController.php<\/code>ter\u00e1 o c\u00f3digo abaixo.<\/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
Criar arquivos blade<\/h4>\n
Conforme definido no controlador, vamos criar um arquivo blade blog\/index.blade.php<\/code>e blog\/show.blade.php<\/code>. Neste tutorial, n\u00e3o vou criar uma lista de blog e uma p\u00e1gina de detalhes. Como cada um de voc\u00eas tem um design separado. Vou imprimir artigos no arquivo blade. Voc\u00ea pode aplicar a correspond\u00eancia de design com o seu site.<\/p>\n
blog \/ 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
blog \/ 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
Eu sugeriria imprimir a $data<\/code>vari\u00e1vel e verificar todas as informa\u00e7\u00f5es que essa vari\u00e1vel cont\u00e9m. Voc\u00ea provavelmente deseja usar outros detalhes tamb\u00e9m desta vari\u00e1vel.<\/p>\n
Espero que voc\u00ea entenda como criar um blog com o Laravel usando um pacote Canvas. Voc\u00ea pode aprender mais sobre este pacote em cnvs \/ canvas<\/a>.<\/p>\n
Artigos relacionados<\/h4>\n