लारावेल नोवा के लिए अपना खुद का पैकेज बनाना: OptimalImage

एक नई परियोजना पर काम करते हुए, जिसे लारवेल नोवा प्रशासन के लिए उपयोग करता है , मैंने इसे Google के वेबमास्टर टूल के साथ परीक्षण किया। यह पता चला कि संसाधन पर कुछ फ़ोटो अनुकूलित नहीं थे - उनका आकार काफी कम हो सकता है। जो प्रोजेक्ट में हैं, उन्हें नोड का उपयोग करके प्रोजेक्ट बनाते समय संसाधित किया जा सकता है। इसके लिए कई तैयार पैकेज हैं। साइट प्रशासन पैनल से सीधे उपयोगकर्ता द्वारा अपलोड की गई छवियां हैं। बेशक, आप साइट पर अपलोड करने से पहले प्रत्येक छवि को अनुकूलित कर सकते हैं, लेकिन इस प्रक्रिया को स्वचालित क्यों नहीं बनाते हैं। तो यह विचार लारवेल नोवा: OptimalImage के लिए एक पैकेज बनाने के लिए पैदा हुआ था।

पैकेज काफी सरल है, और इसलिए लारावेल नोवा के लिए पैकेज बनाने के लिए एक पूर्ण गाइड होने का नाटक नहीं करता है। यह घटकों के दृश्य घटक के साथ काम करने पर एक व्यापक विषय को संबोधित नहीं करता है। यदि एक घटक का एक दिलचस्प विचार दिखाई देता है, तो एक दृश्य घटक के साथ - मैं इस विषय पर एक लेख लिखूंगा।

समस्या का निरूपण

आप एक पैकेज बनाना चाहते हैं जो एक नया क्षेत्र जोड़ता है। यह फ़ील्ड
सामान्य छवि लोडिंग फ़ील्ड से भिन्न होगी, जिसमें लोड की गई छवि के लिए ऑप्टिमाइज़ेशन किया जाएगा।

पर्यावरण की स्थापना और विन्यास।

इस गाइड के सभी चरणों को दोहराने के लिए, आपको लारवेल और लारवेल नोवा के साथ एक परियोजना की आवश्यकता होगी। लारवेल नोवा एक पेड टूल है, लेकिन मेरी राय में इसकी कीमत काफी सस्ती है।

मैंने काम में इस्तेमाल किया:

1. PHP 7.3.16
2. लारवेल vel
3. लारवेल नोवा 3.0

.

. — :

cd /path/to/nova/project
php artisan nova:field yarbala/optimal-image

. nova-components OptimalImage.

nova-components .gitignore git init

cd /path/to/nova/project/nova-components/OptimalImage
git init
git add .
git commit -m "First commit"
git remote add origin git@github.com:yarbala/nova-optimal-image-field.git
git push -u origin master

spatie/laravel-image-optimizer, require composer.json

"spatie/laravel-image-optimizer": "^1.6"

Laravel

composer update

.

:

nova-components/OptimalImage/dist
nova-components/OptimalImage/resources

:

nova-components/OptimalImage/webpack.mix.js
nova-components/OptimalImage/package.json
nova-components/OptimalImage/mix-manifest.json 

OptimalImage :

namespace Yarbala\OptimalImage;

use Illuminate\Contracts\Filesystem\FileNotFoundException;
use Laravel\Nova\Fields\Image;

/**
 *       Image.  ,    
 *   ,      .
 *
 * Class OptimalImage
 * @package Yarbala\OptimalImage
 */
class OptimalImage extends Image
{
    /**
     *        Image 'Fields/File.php'.     
     *    optimizeImage  .
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  string  $requestAttribute
     * @return string
     */
    protected function storeFile($request, $requestAttribute)
    {
        if (! $this->storeAsCallback) {
            $fileName = $request->file($requestAttribute)->store($this->getStorageDir(), $this->getStorageDisk());
            if ($fileName) {
                try {
                    $this->optimizeImage($fileName);
                } catch (FileNotFoundException $e) {
                }
            }

            return $fileName;
        }

        $fileName = $request->file($requestAttribute)->storeAs(
            $this->getStorageDir(), call_user_func($this->storeAsCallback, $request), $this->getStorageDisk()
        );

        if ($fileName) {
            try {
                $this->optimizeImage($fileName);
            } catch (FileNotFoundException $e) {
                //
            }
        }

        return $fileName;
    }

    /**
     *    
     *
     * @param $fileName
     * @throws FileNotFoundException
     */
    protected function optimizeImage($fileName)
    {
        // ...
    }
}

Laravel\Nova\Fields\Image.

public $component = 'optimal-image';

storeFile Laravel\Nova\Fields\File, Laravel\Nova\Fields\Image. . , optimizeImage .

optimizeImage:

namespace Yarbala\OptimalImage;

use Illuminate\Contracts\Filesystem\FileNotFoundException;
use Laravel\Nova\Fields\Image;
use Spatie\ImageOptimizer\OptimizerChain as ImageOptimizer;
use Storage;

/**
 *       Image.  ,    
 *   ,      .
 *
 * Class OptimalImage
 * @package Yarbala\OptimalImage
 */
class OptimalImage extends Image
{
    // ...

    /**
     *    
     *
     * @param $fileName
     * @throws FileNotFoundException
     */
    protected function optimizeImage($fileName)
    {
        $needsUploadBack = false;
        $localDisk = 'local';
        $disk = $this->getStorageDisk();

        /*         Storage,  Spatie\ImageOptimizer    
                    
        */
        if (!Storage::disk($localDisk)->exists($fileName)) {
            Storage::disk($localDisk)->put($fileName, Storage::disk($disk)->get($fileName));
            $needsUploadBack = true;
        }

        //       
        $path = Storage::disk($localDisk)->path($fileName);

        //  
        app(ImageOptimizer::class)->optimize($path);

        //    ,   
        if ($needsUploadBack) {
            Storage::disk($disk)->put($fileName, Storage::disk($localDisk)->get($fileName));
            Storage::disk($localDisk)->delete($fileName);
        }
    }
}

Storage, Spatie\ImageOptimizer . - local.

:

class OptimalImage extends Image
{
    // ....

    public function localDisk(string $disk)
    {
        return $this->withMeta(['localDisk' => $disk]);
    }

    protected function getLocalDisk()
    {
        return $this->meta['localDisk'] ?? 'local';
    }
}

OptimalImage :

<?php

namespace Yarbala\OptimalImage;

use Illuminate\Contracts\Filesystem\FileNotFoundException;
use Laravel\Nova\Fields\Image;
use Spatie\ImageOptimizer\OptimizerChain as ImageOptimizer;
use Illuminate\Support\Facades\Storage;

/**
 *       Image.  ,    
 *   ,      .
 *
 * Class OptimalImage
 * @package Yarbala\OptimalImage
 */
class OptimalImage extends Image
{
    /**
     *        Image 'Fields/File.php'.     
     *      optimizeImage  .
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  string  $requestAttribute
     * @return string
     */
    protected function storeFile($request, $requestAttribute)
    {
        if (! $this->storeAsCallback) {
            $fileName = $request->file($requestAttribute)->store($this->getStorageDir(), $this->getStorageDisk());
            if ($fileName) {
                try {
                    $this->optimizeImage($fileName);
                } catch (FileNotFoundException $e) {
                }
            }

            return $fileName;
        }

        $fileName = $request->file($requestAttribute)->storeAs(
            $this->getStorageDir(), call_user_func($this->storeAsCallback, $request), $this->getStorageDisk()
        );

        if ($fileName) {
            try {
                $this->optimizeImage($fileName);
            } catch (FileNotFoundException $e) {
                //
            }
        }

        return $fileName;
    }

    /**
     *    
     *
     * @param $fileName
     * @throws FileNotFoundException
     */
    protected function optimizeImage($fileName)
    {
        $needsUploadBack = false;
        $localDisk = $this->getLocalDisk();
        $disk = $this->getStorageDisk();

        /*         Storage,  Spatie\ImageOptimizer    
                    
        */
        if (!Storage::disk($localDisk)->exists($fileName)) {
            Storage::disk($localDisk)->put($fileName, Storage::disk($disk)->get($fileName));
            $needsUploadBack = true;
        }

        //       
        $path = Storage::disk($localDisk)->path($fileName);

        //  
        app(ImageOptimizer::class)->optimize($path);

        //    ,   
        if ($needsUploadBack) {
            Storage::disk($disk)->put($fileName, Storage::disk($localDisk)->get($fileName));
            Storage::disk($localDisk)->delete($fileName);
        }
    }

    /**
     *      
     *
     * @param string $disk
     * @return OptimalImage
     */
    public function localDisk(string $disk)
    {
        return $this->withMeta(['localDisk' => $disk]);
    }

    /**
     *   
     * 
     * @return string
     */
    protected function getLocalDisk()
    {
        return $this->meta['localDisk'] ?? 'local';
    }
}

. , config/image-optimizer.php :

php artisan vendor:publish --provider="Spatie\LaravelImageOptimizer\ImageOptimizerServiceProvider"

, .

, readme .

, - . . .

.

परियोजना का स्रोत कोड MIT लाइसेंस के तहत उपलब्ध और वितरित किया गया है।

पैकगिस्ट पैकेज

Novapackages पैकेज