yii2cdn

yii2cdn

Un composant YII Framework 2 pour l'utilisation d'actifs dans différents environnements (local / CDN)

Prépare à la production : utilisé dans plusieurs projets réels suffire pour prouver sa stabilité.

Exigences minimales: PHP 7.0+ / YII2 Framework 2.0.12+

Bogues / demande de fonctionnalité ?: Créez votre problème ici.

Ressources

• Wiki : https://github.com/blacksmoke26/yii2cdn/wiki
• Référence de classe : http://blacksmoke26.github.io/yii2cdn/api/

Installation

La façon préférée d'installer cette extension est via le compositeur.

Soit courir

 composer require --prefer-dist blacksmoke26/yii2cdn "*"

ou ajouter

 "blacksmoke26/yii2cdn": "*"

à la section requise de votre fichier composer.json .

Usage

Info: Ce tutoriel montrera comment utiliser la bibliothèque FancyBox3 dans un environnement production (en ligne / CDN) ou development (local / hors ligne).

I. Installation d'une bibliothèque

---

1. Créez un répertoire cdn dans le dossier /root/web .
2. Installez ou téléchargez la bibliothèque FancyBox3 sous cdn Directory.

• Le chemin doit être /root/web/cdn/jquery-fancybox .
• URL CDN: https://cdnjs.com/libraries/fancybox/3.3.5

Ii Ajouter un composant

---

1. Ouvrez @app/config/main.php dans votre éditeur de code.
2. Ajoutez un nouveau cdn de propriété dans la section components comme le code suivant:

 // ...
' components ' => [
  // ...
  ' cdn ' => [
    ' class ' => ' yii2cdnCdn ' ,
      ' baseUrl ' => ' /cdn ' ,
      ' basePath ' => dirname ( __DIR__ ) . ' /web/cdn ' ,
      ' components ' => [
      ' jquery-fancybox ' => [
        ' css ' => [
          ' @attributes ' => [
            ' noNameInPathUrls ' => true , // Hide /css in urls
          ],
          [
            ' dist/jquery.fancybox.css ' , // offline version
            ' @cdn ' => ' //cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.min.css ' , // online version
          ],
        ],
        ' js ' => [
          ' @attributes ' => [
            ' noNameInPathUrls ' => true , // Hide /js in urls
          ],
          [
            ' dist/jquery.fancybox.js ' , // offline version
            ' @cdn ' => ' //cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.min.js ' , // online version
          ],
        ],
      ],
    ],
  ],
  // ...
],
// ... 

Iii. Enregistrement des actifs

---

1. Ouvrez n'importe quel fichier d'affichage et collez la ligne suivante:

 //...
Yii:: $ app -> cdn -> get ( ' jquery-fancybox ' )-> register ();
//... 

Iv. Dernier moment

1. Parcourez l'URL d'action dans votre navigateur et vérifiez la vue Souce.

Maintenant, il est temps de jouer, à voir!