php - 使用 Slim 框架提供图像/ Assets

Question

我需要将多个模块中常见的图像提供给 resources将我们文件夹放在公用文件夹之外。我正在使用 Slim 框架。

app/-
    -Classes/
    -vendor/
    -Resources/-
               - Images/
    -Admin/-
           - Styles/
           - Scripts
           - index.php
           - init.php
    -Public/-
            - Styles/
            - Scripts
            - index.php
            - init.php

目前我已经创建了一个子域 static.pro1.local/来提供本地镜像。但现在我正在寻找其他方法。

在 slim 上，我正在尝试创建一个路径来根据需要动态创建和提供图像

$app->get('/assets/:height/:width/:id/:type', function() use ($app) {
    header('Content-type: image/jpeg');
    $dir = dirname(__DIR__)."/Resources/Images/";
    $image = new Imagick($dir.$id.'.svg');
    /*
        Code to create images based on height, width, and change its format {svg to png} as required
    */
        $app->response->header('Content-Type', 'content-type: image/'.$type );
        echo $image;
    // $res->body($image);
});

我打算将其用作 <img src="/assets/200/400/test/png" />但我不断收到 404 错误。

我已经试过了

• http://help.slimframework.com/discussions/questions/93-how-get-image-for-a-specific-route
• http://help.slimframework.com/discussions/questions/674-best-practice-to-return-images
• http://help.slimframework.com/discussions/questions/359-file-download
• https://stackoverflow.com/questions/20439144/php-how-to-use-a-rest-controller-to-serve-images

和其他一些。我还找到了https://github.com/tuupola/slim-image-resize但我需要使用 SVG 转换和其他一些它没有的东西。

Answer 1

我猜你走在正确的轨道上，但你遗漏了一些要点。我重新安装了 slim ("slim/slim": "^2.6")。这是我的目录结构。

├── composer.json
├── composer.lock
├── public
│   ├── .htaccess
│   └── index.php
├── Resources
│   └── Images
│       └── smoke.svg
└── vendor

这是我的 Slim 应用程序文件，index.php。顺便说一句，我没有花时间调整图像的大小，我把它留给你了。该应用程序包含 assets路线和test-image路线。

<?php
require_once '../vendor/autoload.php';

$app = new \Slim\Slim();
$app->get('/assets/:height/:width/:id/:type', function($height, $width, $id, $type) use ($app) {
    $dir = dirname(__DIR__)."/Resources/Images/";

    $im = new Imagick();
    $im->setBackgroundColor(new ImagickPixel('transparent'));
    $svg = file_get_contents($dir.$id.'.svg');
    $im->readImageBlob($svg);

    $im->setImageFormat("png32");
    $im->resizeImage($height,$width,Imagick::FILTER_LANCZOS,1);

     $app->response->header('Content-Type', 'content-type: image/'.$type );
     echo $im;
     $im->destroy();
     
});

$app->get('/test-image', function() use ($app) {
    echo '<img src="assets/100/200/smoke/png" />';
});

$app->run();

诀窍是在 .htaccess 的帮助下从 url 中删除 index.php文档中有一个 url 重写部分； http://docs.slimframework.com/routing/rewrite/ -文档也包含 nginx 指令。-

.htacess文件的内容是；

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.php [QSA,L]

您还需要添加 AllowOverride部分到您的虚拟主机文件，以便能够使用您的 .htacess 文件中的指令。这个去 virtualhost.conf

<Directory "/var/www/PUBLIC_DIRECTORY">
    AllowOverride All
    Order allow,deny
    Allow from all
</Directory>

不要忘记重新启动或重新加载 apache。

然后浏览到http://<virtualhost>/test-image应该可以走了。

更新:

在您发表评论后，我设置了一个安装了 nginx 的 docker 实例。

这是我的虚拟主机配置文件。

server {
server_name default;
root        /var/www/default/public;
index       index.php;

client_max_body_size 100M;
fastcgi_read_timeout 1800;

location / {
      try_files $uri /index.php?$args;
}

location ~* \.(js|css|png|jpg|jpeg|gif|ico)$ {
  expires       max;
  log_not_found off;
  access_log    off;
}

  location ~ \.php$ {
      fastcgi_split_path_info ^(.+\.php)(/.+)$;
      fastcgi_pass  unix:/var/run/php5-fpm.sock;
      fastcgi_index index.php;
      include fastcgi_params;
      fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
      fastcgi_param PATH_INFO $fastcgi_path_info;
  }
 }

并稍微更改了 php 代码，以便为图像生成器路由使用正确的 url。我给路线命名并使用了urlFor检索框架本身生成的正确 url 的方法。

<?php
error_reporting(E_ALL);
ini_set('display_errors', 1);

require_once '../vendor/autoload.php';

$app = new \Slim\Slim();
$app->get('/assets/:height/:width/:id/:type', function($height, $width, $id, $type) use ($app) {
    $dir = dirname(__DIR__)."/Resources/Images/";

    $im = new Imagick();
    $im->setBackgroundColor(new ImagickPixel('transparent'));
    $svg = file_get_contents($dir.$id.'.svg');
    $im->readImageBlob($svg);

    $im->setImageFormat("png32");
    $im->resizeImage($height,$width,Imagick::FILTER_LANCZOS,1);

     $app->response->header('Content-Type', 'content-type: image/'.$type );
     echo $im;
     $im->destroy();
     
})->name('generate-image');

$app->get('/test-image', function() use ($app) {

    $imageUrl = $app->urlFor('generate-image', 
                              array('height' => '200',
                                    'width' => '200', 
                                    'id' => 'smoke',
                                    'type' => 'png')
                            );

    echo '<img src="'.$imageUrl.'" />';
});

$app->run();

当我浏览到 http://localhost/test-image url 一切在我看来都很完美。