{"id":3962,"date":"2023-03-16T22:22:33","date_gmt":"2023-03-17T04:22:33","guid":{"rendered":"https:\/\/linuxitos.com\/main\/?p=3962"},"modified":"2023-03-17T10:00:19","modified_gmt":"2023-03-17T16:00:19","slug":"integrar-minio-storage-con-proyecto-laravel","status":"publish","type":"post","link":"https:\/\/linuxitos.com\/main\/integrar-minio-storage-con-proyecto-laravel\/","title":{"rendered":"Integrar MinIO Storage con proyecto Laravel"},"content":{"rendered":"\n
\"\"<\/a><\/figure>\n\n\n\n

Contexto<\/h2>\n\n\n\n

Recientemente fue necesario separar una aplicaci\u00f3n web de los archivos que genera, por lo que se busc\u00f3 y se encontr\u00f3 MinIO para solventar el almacenamiento de archivos. (Instalaci\u00f3n en docker<\/a>) En \u00e9ste post mostrar\u00e9 c\u00f3mo integrar MinIO con un proyecto Laravel<\/p>\n\n\n\n

1.- Crear proyecto Laravel<\/h2>\n\n\n\n

Crear un proyecto de laravel con el siguiente comando:<\/p>\n\n\n\n

composer create-project laravel\/laravel project-minio<\/pre>\n\n\n\n
2.- Instalar el paquete  league\/flysystem-aws-s3-v3:<\/h2>\n\n\n\n
composer require league\/flysystem-aws-s3-v3<\/pre>\n\n\n\n
3.- Ahora configurar los accesos en el archivo .env<\/h2>\n\n\n\n
Los datos de MINIO_SECRET_ACCESS_KEY y MINIO_ACCESS_KEY_ID se obtienen cuando se cre\u00f3 el Service Account del usuario que se registr\u00f3 en el post: instalaci\u00f3n de MinIO<\/a> si no se anot\u00f3 o guard\u00f3, se puede crear un nuevo service account.<\/p>\n\n\n\n
MINIO_ACCESS_KEY_ID=pzwnKFgyD3pYD3DQ\nMINIO_SECRET_ACCESS_KEY=J7bhE7cPRaMkc0nQoNTiakyHKRy1Aa33\nMINIO_DEFAULT_REGION=us-east-1\nMINIO_BUCKET=files\nFILESYSTEM_CLOUD=minio\nMINIO_URL=http:\/\/127.0.0.1:9000\/${MINIO_BUCKET}\nMINIO_ENDPOINT=http:\/\/127.0.0.1:9000\nMINIO_USE_PATH_STYLE_ENDPOINT=true<\/pre>\n\n\n\n
Y buscar la configuraci\u00f3n que de nombre FILESYSTEM_DISK y cambiar a la siguiente forma:<\/p>\n\n\n\n
FILESYSTEM_DISK=minio<\/pre>\n\n\n\n
4.- Editar el archivo config\/filesystems.php<\/h2>\n\n\n\n
Acceder y modificar el archivo config\/filesystems.php<\/strong> a\u00f1adiendo la siguiente l\u00ednea:<\/p>\n\n\n\n
'cloud' => env('FILESYSTEM_CLOUD', 's3'),<\/pre>\n\n\n\n
Y en la secci\u00f3n de disks crear un nuevo array:<\/p>\n\n\n\n
'minio' => [\n    'driver' => 's3',\n    'key' => env('MINIO_ACCESS_KEY_ID'),\n    'secret' => env('MINIO_SECRET_ACCESS_KEY'),\n    'region' => env('MINIO_DEFAULT_REGION'),\n    'bucket' => env('MINIO_BUCKET'),\n    'url' => env('MINIO_URL'),\n    'endpoint' => env('MINIO_ENDPOINT'),\n    'throw' => true,\n],<\/pre>\n\n\n\n
5.- Crear controlador FileController<\/h2>\n\n\n\n
php artisan make:controller FileController<\/pre>\n\n\n\n
Y a\u00f1adir el siguiente contenido:<\/p>\n\n\n\n
<?php\n\nnamespace App\\Http\\Controllers;\n\nuse Illuminate\\Http\\Request;\nuse Illuminate\\Support\\Facades\\Storage;\nuse Illuminate\\Support\\Str;\n\nclass FileController extends Controller\n{\n\n    public function index(Request $request)\n    {\n        $data['archivos'] = [];\n        $data['total'] = 0;\n        return view('main', $data);\n    }\n\n    public function store(Request $request)\n    {\n        $data = [];\n        $archivos = [];\n        $data['total'] = 0;\n        if ($request->hasfile('files')) {\n            foreach ($request->file('files') as $key => $file) {\n                $data['total'] ++;\n                $nombreArchivo = Str::random(4).'-'.Str::random(4).'.'.$file->getClientOriginalExtension();\n                $contenido = file_get_contents($file);\n                $path = Storage::cloud()->put($nombreArchivo, $contenido);\n                $archivos[] = $nombreArchivo;\n            }\n        }\n        $data['archivos'] = $archivos;\n        return view('main', $data);\n    }\n}<\/code><\/pre>\n\n\n\n
6.- Editar el archivo routes\/api.php<\/h2>\n\n\n\n
Abrir el archivo routes\/api.php y a\u00f1adir las siguientes rutas:<\/p>\n\n\n\n
Route::post('file','App\\Http\\Controllers\\FileController@store');\nRoute::get('file','App\\Http\\Controllers\\FileController@show');<\/pre>\n\n\n\n
7.- Editar el archivo routes\/web.php<\/h2>\n\n\n\n
Route::get('\/', 'App\\Http\\Controllers\\FileController@index')->name('\/');\nRoute::get('\/', 'App\\Http\\Controllers\\FileController@index')->name('home');\nRoute::post('store', 'App\\Http\\Controllers\\FileController@store')->name('store');\n<\/pre>\n\n\n\n
8.- Crear la vista views\/main.blade.php<\/h2>\n\n\n\n
\u00c9sta vista contendr\u00e1 un formulario simple para subir archivos, y en autom\u00e1tico se suben a MinIO:<\/p>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Storage MinIO Laravel<\/title>\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0-alpha1\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\"\n        integrity=\"sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3\/Jr59b6EGGoI1aFkw7cmDA6j6gD\" crossorigin=\"anonymous\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.10.3\/font\/bootstrap-icons.css\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\"\n        integrity=\"sha512-1ycn6IcaQQ40\/MKBW2W4Rhis\/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY\/NS5R+E6ztJQ==\"\n        crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\n<\/head>\n\n<body>\n    <div class=\"container\">\n        <header\n            class=\"d-flex flex-wrap align-items-center justify-content-center justify-content-md-between py-3 mb-4 border-bottom\">\n            <a href=\"\/\" class=\"d-flex align-items-center col-md-3 mb-2 mb-md-0 text-dark text-decoration-none\">\n                <svg class=\"bi me-2\" width=\"40\" height=\"32\" role=\"img\" aria-label=\"Bootstrap\">\n                    <use xlink:href=\"#bootstrap\"><\/use>\n                <\/svg>\n            <\/a>\n\n            <ul class=\"nav col-12 col-md-auto mb-2 justify-content-center mb-md-0\">\n                <li><a href=\"#\" class=\"nav-link px-2 link-secondary\">Home<\/a><\/li>\n                <li><a href=\"#\" class=\"nav-link px-2 link-dark\">About<\/a><\/li>\n            <\/ul>\n\n            <div class=\"col-md-3 text-end\">\n                <button type=\"button\" class=\"btn btn-outline-primary me-2\">Login<\/button>\n                <button type=\"button\" class=\"btn btn-primary\">Sign-up<\/button>\n            <\/div>\n        <\/header>\n    <\/div>\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-12\">\n                <form action=\"{{route('store')}}\" method=\"post\" accept-charset=\"utf-8\" enctype=\"multipart\/form-data\">\n                    @csrf\n                    <div class=\"row\">\n                        <div class=\"col-md-4\">\n                            <div class=\"input-group mb-3\">\n                                <label class=\"input-group-text\" for=\"file1\">Archivo uno<\/label>\n                                <input type=\"file\" class=\"form-control\" name=\"files[]\" id=\"file1\" required=\"\" multiple=\"\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"col-md-4\">\n                            <button type=\"submit\" class=\"btn btn-success float-end\">Enviar<\/button>\n                        <\/div>\n                    <\/div>\n                <\/form>\n            <\/div>\n            <div class=\"col-md-12\">\n                <span>Total archivos: {{$total}}<\/span>\n                <table class=\"table\">\n                    <thead>\n                        <tr>\n                            <th scope=\"col\">#<\/th>\n                            <th scope=\"col\">Archivo<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        @forelse ($archivos as $archivo)\n                            <tr>\n                                <td>{{$loop->iteration}}<\/td>\n                                <td>\n                                    <a href=\"{{ asset(env('MINIO_URL')).'\/'.$archivo}}\" target=\"_blank\">{{$archivo}}<\/a>\n                                <\/td>\n                            <\/tr>\n                        @empty\n                            <tr>\n                                <td colspan=\"2\" class=\"text-center\">Sin archivos recientes<\/td>\n                            <\/tr>\n                        @endforelse                      \n                    <\/tbody>\n                <\/table>\n            <\/div>\n        <\/div>\n    <\/div>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0-alpha1\/dist\/js\/bootstrap.bundle.min.js\"\n        integrity=\"sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN\"\n        crossorigin=\"anonymous\"><\/script>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n
Al iniciar en MinIO y navegar al Bucket\/Files se podr\u00e1n visualizar los archivos subidos<\/p>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
9.- Probar el proyecto<\/h2>\n\n\n\n
php artisan serve<\/pre>\n\n\n\n
Y ahora navegar al enlace: http:\/\/127.0.0.1:8000\/<\/a> para comenzar a subir archivos. <\/p>\n\n\n\n
10.- Conclusi\u00f3n<\/h2>\n\n\n\n
En \u00e9ste ejemplo b\u00e1sico, se suben los archivos a MinIO, sin embargo no se guardan los enlaces a una base de datos por parte del proyecto de laravel, sin embargo, \u00e9ste proyecto puede servir como base e implementar las funcionalidades espec\u00edficas que se requieran para cada caso.<\/p>\n","protected":false},"excerpt":{"rendered":"
Contexto Recientemente fue necesario separar una aplicaci\u00f3n web de los archivos que genera, por lo que se busc\u00f3 y se encontr\u00f3 MinIO para solventar el almacenamiento de archivos. (Instalaci\u00f3n en docker) En \u00e9ste post mostrar\u00e9 c\u00f3mo integrar MinIO con un proyecto Laravel 1.- Crear proyecto Laravel Crear un proyecto de laravel con el siguiente comando: […]<\/p>\n","protected":false},"author":1,"featured_media":3963,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1889],"tags":[1694,1638,1906,1556,1912,1911],"class_list":["post-3962","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-web","tag-docker","tag-laravel","tag-minio","tag-php","tag-storage","tag-web"],"_links":{"self":[{"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/posts\/3962","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/comments?post=3962"}],"version-history":[{"count":8,"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/posts\/3962\/revisions"}],"predecessor-version":[{"id":3976,"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/posts\/3962\/revisions\/3976"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/media\/3963"}],"wp:attachment":[{"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/media?parent=3962"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/categories?post=3962"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/tags?post=3962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}