{"id":28013,"date":"2021-05-19T13:16:00","date_gmt":"2021-05-19T10:16:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=28013"},"modified":"2021-10-17T16:57:49","modified_gmt":"2021-10-17T13:57:49","slug":"como-crear-un-blog-con-laravel","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-crear-un-blog-con-laravel\/","title":{"rendered":"C\u00f3mo crear un blog con Laravel"},"content":{"rendered":"

Laravel es el framework PHP m\u00e1s popular. Todos sabemos que la gente prefiere este marco para crear sus aplicaciones web. Y mientras crea un sitio web con Laravel, probablemente desee crear un blog en su sitio web. En general, Laravel no es una plataforma de blogs como WordPress donde tienes todo el material de backend listo para administrar los art\u00edculos de tu blog. Y construir el sistema de blogs desde cero es un trabajo que requiere bastante tiempo. Gracias a Canvas,<\/a> que facilita la vida de los desarrolladores de Laravel al crear una plataforma de publicaci\u00f3n genial para Laravel.<\/p>\n

Usando el paquete Canvas, podemos construir f\u00e1cilmente nuestro blog en Laravel en solo unos minutos. Canvas ya hizo un trabajo duro para administrar el backend del blog. Todo lo que necesita hacer es obtener los datos y mostrarlos en la interfaz que coincida con su dise\u00f1o.<\/p>\n

Habiendo dicho eso, echemos un vistazo a c\u00f3mo crear un blog con Laravel usando el paquete Canvas.<\/p>\n

Empezando<\/h3>\n

Para comenzar con Canvas, primero debe satisfacer el requisito b\u00e1sico de Canvas, que es la autenticaci\u00f3n de usuario. Laravel hace que la implementaci\u00f3n de la autenticaci\u00f3n sea realmente simple. Si ya ha instalado la autenticaci\u00f3n de Laravel, omita este paso. De lo contrario, en su terminal, ejecute los siguientes comandos uno por uno para configurar la autenticaci\u00f3n de Laravel.<\/p>\n

composer require laravel\/ui --dev\nphp artisan ui vue --auth\nnpm install && npm run dev\n<\/code><\/pre>\n
Crea un blog con Laravel usando Canvas Package<\/h3>\n
Una vez que la autenticaci\u00f3n est\u00e1 en el lugar, puede instalar Canvas ejecutando el siguiente comando:<\/p>\n
composer require cnvs\/canvas<\/code><\/pre>\n
Tras la instalaci\u00f3n del paquete, debe publicar los activos y el archivo de configuraci\u00f3n principal. Publ\u00edcalo usando el comando:<\/p>\n
php artisan canvas:install<\/code><\/pre>\n
Este comando ubicar\u00eda el archivo de configuraci\u00f3n principal en config\/canvas.php<\/code>. Puede controlar varios aspectos utilizando este archivo de configuraci\u00f3n. Pero rara vez es necesario tocar este archivo, ya que todas las cosas ya est\u00e1n definidas en los lugares.<\/p>\n
Tambi\u00e9n crea algunas tablas en su base de datos. Este paquete agrega un prefijo ‘lienzo_’ a todas estas tablas reci\u00e9n creadas.<\/p>\n
Cuando se trata de blogs, siempre es necesario utilizar im\u00e1genes en el contenido. Por lo tanto, cree un enlace simb\u00f3lico para garantizar que las cargas de archivos sean de acceso p\u00fablico desde la web.<\/p>\n
php artisan storage:link<\/code><\/pre>\n
Significa que ver\u00e1 sus im\u00e1genes cargadas dentro del public\/storage<\/code>directorio.<\/p>\n
Ahora, si ejecuta la URL http: \/\/ localhost: 8000 \/ canvas<\/a>, lo redireccionar\u00e1 a la p\u00e1gina de estad\u00edsticas. Puede redirigir a la p\u00e1gina de inicio de sesi\u00f3n si no ha iniciado sesi\u00f3n. Aqu\u00ed uso el localhost, puede ajustar esta URL.<\/p>\n
En la p\u00e1gina de estad\u00edsticas, obtendr\u00e1s an\u00e1lisis b\u00e1sicos de tu blog como el n\u00famero de visitas, visitantes, la tendencia de cada art\u00edculo, etc.<\/p>\n
Desde la secci\u00f3n de encabezado, puede obtener los men\u00fas para crear publicaciones, etiquetas, temas, Configuraci\u00f3n, etc. Tiene que jugar con todos estos men\u00fas. Es simple y f\u00e1cil de entender.<\/p>\n
\"C\u00f3mo<\/a><\/p>\n
Al hacer clic en el bot\u00f3n ‘Nueva publicaci\u00f3n’, lo redireccionar\u00e1 a una p\u00e1gina donde puede agregar su art\u00edculo. Tambi\u00e9n puede agregar im\u00e1genes destacadas, configuraciones de SEO, etiquetas, temas al art\u00edculo. Observe los tres puntos junto al bot\u00f3n Publicar. Al hacer clic en estos puntos, obtienes todas estas opciones.<\/p>\n
\"C\u00f3mo<\/a><\/p>\n
La captura de pantalla anterior muestra el color de fondo cuando configuro el modo oscuro en encendido. En su caso, es posible que vea el fondo blanco. As\u00ed que no se confunda con \u00e9l. El usuario puede encontrar esta funci\u00f3n de modo oscuro en la p\u00e1gina de Configuraci\u00f3n.<\/p>\n
Canvas tiene una funci\u00f3n de guardado autom\u00e1tico para que no pierda su trabajo.<\/p>\n
La interfaz de este paquete es sencilla. Puede familiarizarse f\u00e1cilmente con \u00e9l en poco tiempo. Lo siguiente que debemos ver es mostrar sus art\u00edculos en la interfaz.<\/p>\n
Publicaci\u00f3n de art\u00edculos en el sitio web<\/h4>\n
Una vez que haya terminado con el backend, debe mostrar sus art\u00edculos en el front-end. Requiere definir algunas rutas y m\u00e9todos en el archivo del controlador. La biblioteca Canvas hizo este arduo trabajo por usted. En la p\u00e1gina de GitHub de esta biblioteca, obtendr\u00e1 el c\u00f3digo correspondiente. Agregue las siguientes rutas en su routes\/web.php<\/code>archivo.<\/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
Cree un controlador BlogController usando el comando:<\/p>\n
php artisan make:controller BlogController<\/code><\/pre>\n
Su BlogController.php<\/code>tendr\u00e1n el c\u00f3digo de abajo.<\/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
Crear archivos Blade<\/h4>\n
Como se define en el controlador, creemos un archivo blade blog\/index.blade.php<\/code>y blog\/show.blade.php<\/code>. En este tutorial, no voy a dise\u00f1ar una lista de blogs ni una p\u00e1gina de detalles. Como cada uno de ustedes tiene un dise\u00f1o diferente. Solo voy a imprimir art\u00edculos en el archivo Blade. Puede aplicar un dise\u00f1o que coincida con su sitio web.<\/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
Sugerir\u00eda imprimir la $data<\/code>variable y verificar toda la informaci\u00f3n que contiene esta variable. Probablemente desee utilizar otros detalles tambi\u00e9n de esta variable.<\/p>\n
Espero que entiendas c\u00f3mo crear un blog con Laravel usando un paquete Canvas. Puede obtener m\u00e1s informaci\u00f3n sobre este paquete en cnvs \/ canvas<\/a>.<\/p>\n
Art\u00edculos relacionados<\/h4>\n