Symfony4 — Как подключить несколько вариантов оформления/дизайна сайта, и организовать переключение между ними?

Question

[virtex2000]

Например, есть два варианта дизайна сайта - стандартный и для мобильных приложений. И соответственно, необходимо переключаться между этими вариантами дизайна в зависимости от устройства с которого зашёл пользователь.

Answer 1

[Denis]

как не понятен эффект переключения
1) либо делаете адаптивную верстку и тогда все само происходит
2) либо лепите поддомен для мобильных девайсов,
а там либо используйте мульти-роуты

/**
    *  @Route("/", name="mobile_homepage", host="m.example.com")
     * @Route("/", name="homepage")
     */
     public function homepage(Request $request)
    {
        $currentHost = $request->getHttpHost();
         var_dump($currentHost);die;
    }

либо дублируйте экшены

/**
     * @Route("/", name="mobile_homepage", host="m.example.com")
     */
    public function mobileHomepage()
    {
        // ...
    }

    /**
     * @Route("/", name="homepage")
     */
    public function homepage()
    {
        // ...
    }

Comments

[virtex2000]

Это вариант, конечно. Но может можно где-то один раз проверить, что зашли с m.example.com, и теперь все шаблоны брать с папки temlplate_mobile?

[sts]

virtex2000, Я не знаю ответа, но тоже интересен этот вопрос.
Я тут подумал, если у нас стоит динамический роут, то может через kernellistener как то это дело отслеживать?

[SimBioT19]

virtex2000, шаблон "Мост": https://habr.com/ru/company/mailru/blog/325492/

[Denis]

Да Станислав, правильно сказал можно сделать EventSubscriber для события KernelEvents::REQUEST проверять хост сохранять где-нибудь а потом допустим написать Twig_Extension в котором и подменять layout

Answer 2

[virtex2000]

Спасибо всем, кто ответил, и за идею с Kernel. В очередной раз "полез" в доки, и нашел ещё вариант решения.

Получается, Symfony4 компилирует конфигурацию, контроллеры, расширения, шаблоны и т.д., и складывает это всё в папку /var/cache, где уже путь к шаблонам жестко прописан. И поменять его после этого в приложении скорее всего не получится.

Значит нам изначально надо создать 2 конфигурации, и в нашем случае в зависимости от $_SERVER['SERVER_NAME'] выбирать одну из них.

Для этого вносим правки в сonfig/packages/twig.php

<?php		
		if (isset($_SERVER['SERVER_NAME']) && preg_match("/m.example.com/i", $_SERVER['SERVER_NAME'])) {
	
			$container->loadFromExtension('twig', [
				  'paths' => [
									'%kernel.project_dir%/templates_mobile' => null
									],
									
					// ... другие опции конфига
			]);
		} else {
			$container->loadFromExtension('twig', [
				  'paths' => [
									'%kernel.project_dir%/templates' => null
									],
									
					// ... другие опции конфига
			]);
		}

Если у вас конфигурация в файле twig.yaml, перепишите её в формате twig.php, и после этого файл twig.yaml удалите.

И вносим правки в src/Kernel.php

<?php
	 // ...
	 
	 public function getCacheDir(): string
	 {
		if (isset($_SERVER['SERVER_NAME']) && preg_match("/m.example.com/i", $_SERVER['SERVER_NAME'])) {	
			return $this->getProjectDir()."/var/cache_mobile/".$this->environment;
		} else {
			return $this->getProjectDir()."/var/cache/".$this->environment;
		}
	 }
	 
	 // ...

Comments

[BoShurik]

А вас не смущает, что кеш прогревается через консоль, в которой ключ SERVER_NAME отсутствует? Это будет работать, только если вы удалите кеш и зайдете через веб, т.о. кеш прогреется автоматически.

[BoShurik]

А, нет. Ошибся. Работать будет, т.к. директория с кешем перезаписывается, т.о. для мобильный версии кеш всегда будет генерироваться из веба...

[virtex2000]

Да, в консоли отсутствует, поэтому добавлено isset($_SERVER['SERVER_NAME']), и получается в консоли мы всегда будем работать с основной версией сайта. А мобильный, как Вы и написали уже из веба сгенерируется.

[BoShurik]

Немного модифицировал, чтобы можно было чистить кеш для мобильный версии. Ну и использование $_SERVER['SERVER_NAME'] в коде симфони как-то напрягает :)

class Kernel extends BaseKernel
{
    /**
     * @var string
     */
    private $templateDirSuffix;

    public function __construct(string $environment, bool $debug, string $templateDirSuffix = '')
    {
        parent::__construct($environment, $debug);

        $this->templateDirSuffix = $templateDirSuffix;
    }

    protected function configureContainer(ContainerBuilder $container, LoaderInterface $loader): void
    {
        // ...

        $container->setParameter('template_dir_suffix', $this->templateDirSuffix);
    }

    /**
     * @inheritDoc
     */
    public function getCacheDir()
    {
        return $this->getProjectDir().'/var/cache'. $this->templateDirSuffix .'/'.$this->environment;
    }
}

# twig.yaml
twig:
    default_path: '%kernel.project_dir%/templates%template_dir_suffix%'

# console.php
$kernel = new Kernel($_SERVER['APP_ENV'], (bool) $_SERVER['APP_DEBUG'], $_SERVER['APP_TEMPLATE_SUFFIX'] ?? '');

# index.php
$_SERVER['APP_TEMPLATE_SUFFIX'] = $_SERVER['APP_TEMPLATE_SUFFIX'] ?? (preg_match("/m.example.com/i", $_SERVER['SERVER_NAME'] ?? '') ? '_mobile' : '')
$kernel = new Kernel($_SERVER['APP_ENV'], (bool) $_SERVER['APP_DEBUG'], $_SERVER['APP_TEMPLATE_SUFFIX'] ?? '');

APP_TEMPLATE_SUFFIX=_mobile bin/console c:c

[BoShurik]

virtex2000, но, по опыту могу сказать, что если заморачиваться, то помимо шаблонов, вам для мобильной версии еще надо будет и контроллеры переписывать незначительно. А если не заморачиваться, то хватит и адаптивной верстки. Так что весьма вероятно вы в итоге придете к варианту Denis

[virtex2000]

BoShurik, спасибо, идеальный код. :)