yii2cdn

yii2cdn

Eine YII -Framework 2 -Komponente zur Verwendung von Assets in verschiedenen Umgebungen (Lokal/CDNs)

Produktionsbereit : In mehreren realen Projekten wird ausreichend, um ihre Stabilität zu beweisen.

Mindestanforderungen: Php 7.0+ / yii2 Framework 2.0.12+

Fehler- / Funktionsanforderung?: Erstellen Sie hier Ihr Problem.

Ressourcen

• Wiki : https://github.com/blacksmoke26/yii2cdn/wiki
• Klassenreferenz : http://blacksmoke26.github.io/yii2cdn/api/

Installation

Die bevorzugte Möglichkeit, diese Erweiterung zu installieren, ist über Komponist.

Entweder rennen

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

oder hinzufügen

 "blacksmoke26/yii2cdn": "*"

zum Fordern -Abschnitt Ihrer Datei composer.json .

Verwendung

Info: In diesem Tutorial wird gezeigt, wie FancyBox3 -Bibliothek in einer production (Online/CDN) oder development (lokal/offline) verwendet wird.

I. Installieren einer Bibliothek

---

1. Erstellen Sie ein cdn -Verzeichnis im Ordner /root/web .
2. Installieren oder Download FancyBox3 -Bibliothek unter cdn -Verzeichnis.

• Pfad sollte /root/web/cdn/jquery-fancybox sein.
• CDN URLS: https://cdnjs.com/libraries/fancybox/3.3.5

Ii. Fügen Sie eine Komponente hinzu

---

1. Öffnen Sie @app/config/main.php in Ihrem Code -Editor.
2. Fügen Sie eine neue Eigenschaft cdn im Abschnitt components hinzu, wie der folgende Code:

 // ...
' 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. Vermögenswerte registrieren

---

1. Öffnen Sie jede Ansichtsdatei und fügen Sie die folgende Zeile ein:

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

Iv. Letzter Moment

1. Durchsuchen Sie die Aktions -URL in Ihrem Browser und überprüfen Sie die Ansicht Souce.

Jetzt ist es Zeit zu spielen, sieh dich!