CDN Kütüphanesi
×
Bunları biliyor muydunuz?
"Dinamik bir kütüphaneyi tanımlarken sınıf isminin başına Internal ön eki getirirerek statik erişimli hale getirebilirsiniz. "
"Dinamik bir kütüphaneyi tanımlarken sınıf isminin başına Internal ön eki getirirerek statik erişimli hale getirebilirsiniz. "
Farklı sunucularda yer alan css, js gibi dosyalardan sık kullanılanları veya gerekli olanları sisteminize dahil edebilmeniz için oluşturulmuştur. Ayrıca kendi belirleyeceğiniz kaynak bilgilerini de aşağıda yolu belirtilen yapılandırma dosyasına ekleyebilirsiniz.
# Kurulum
ZN dağıtımları için kurulum gerekmez.
↓ composer require znframework/package-services
# Yapılandırma
Aşağıda yolu belirtilen yapılandırma dosyasında ön tanımlı olarak genişletilmiş script ve css ile ilgili uzak bağlantılı linkler yer almaktadır.
Settings File: Settings/CDNLinks.php
| array | $script = [] | Ön tanımlı js CDN linkler dizisi. |
| array | $styles = [] | Ön tanımlı css CDN linkler dizisi. |
# Yöntemler
| 4.0.0 | string | script(string $key) |
| 4.0.0 | string | style(string $key) |
| 5.7.2 | string | link(string $key, string $version = 'latest') |
| 5.7.2 | array | links(void) |
| 5.7.2 | this | driver(string $driver) |
| 5.7.2 | this | refresh(void) |
# Style / Script
Bu yöntemlerin kullanımı formu aynıdır. Yukarıda yolu belirtilen yapılandırma dosyasına ait anahtar ve değer çiftden oluşan linkleri o linki temsil eden dizi anahtarı kullanarak elde edebilirsiniz. Aynı zamanda bu CDN listesindeki linkleri Import:: sınıfı ile de kullanabilirsiniz.
Parametreler
| string | $key | Yapılandırma dosyasında yer alan diziden değeri alınacak dizi anahtarı belirtilir. |
| return | string | |
Kullanımlar
echo CDN::script('bootstrap'); https://../bootstrap/3.3.7/js/bootstrap.min.js
echo CDN::style('awesome');https://../font-awesome/4.4.0/css/font-awesome.min.css
Import Kütüphanesi ile Kullanım
Yukarıdaki yapılandırma dosyasında yer alan dizi anahtarlarının Import:: kütüphanesi içinde kullanılması halinde ilgili içeriğin sayfaya dahil edilmesini sağlar.
Import::script('bootstrap', 'vue', 'react');<script type="text/javascript" src="https://...../bootstrap/3.3.7/js/bootstrap.min.js">
<script type="text/javascript" src="https://...../ajax/libs/vue/2.3.3/vue.min.js">
<script type="text/javascript" src="https://...../ajax/libs/react/15.5.4/react.min.js">
<script type="text/javascript" src="https://...../ajax/libs/vue/2.3.3/vue.min.js">
<script type="text/javascript" src="https://...../ajax/libs/react/15.5.4/react.min.js">
# Link
Sürücü türüne göre ilgili adresin apisinden anahtar veri ile linki almak için kullanılır.
Parametreler
| string | $key | İlgili link temsil eden dizi anahtarı. |
| string | $version = 'latest' | Son sürüm dışında farklı bir sürüm belirtilebilir. |
| return | string | |
Kullanımlar
echo CDN::link('jquerykeyframes');https://cdnjs.cloudflare.com/ajax/libs/jquerykeyframes/0.0.9/jquery.keyframes.min.js
Sürüm Değiştirme
Sürüm değişikliği yapmak için 2. parametre kullanılır.
echo CDN::link('jquery', '0.0.8');https://cdnjs.cloudflare.com/ajax/libs/jquerykeyframes/0.0.8/jquery.keyframes.min.js
# Links
Sürücü türüne göre ilgili adresin apisinden anahtar değer içeren dizi türünde tüm linklerin listesini verir.
Parametreler
| void | ||
| return | array | |
Kullanımlar
output(CDN::links());
# Driver
ZN Framework'ün CDN olarak desteklediği sürücülerden seçim yapmak için kullanılır.
Parametreler
| string | $driver | Kullanılabilir sürücülerden biri. |
| Desteklenen Sürücüler | cloudflare | |
| return | this | |
Kullanımlar
output(CDN::driver('cloudflare')->links());
# Refresh
Api isteği sadece bir kez yapıldıktan sonra tüm çıktı bir json dosyasında saklanır. Daha sonraki işlemler bu json dosyası üzerinden gerçekleştirilir. Tekrar api isteği göndermek için bu yöntemden istifade edilir. Bu yöntemin kullanımından sonra json dosyasının içeriği güncellenir.
Parametreler
| void | ||
| return | this | |
Kullanımlar
output(CDN::refresh()->links());