AngularJS CDN Entegrasyonu

Fauda · 4 Tem 2021

AngularJS CDN Entegrasyonu

AngularJS nedir?

AngularJS , HTML'nin sözdizimini genişletmenize olanak tanıyan dinamik web uygulamaları oluşturmaya yönelik bir çerçevedir. Geleneksel olarak, birçok statik belge ve dinamik uygulama, bir kitaplık veya çerçeve yardımıyla birlikte entegre edilir. Angular, empedans uyumsuzluğunu en aza indirmek amacıyla HTML yapıları oluşturarak farklı bir yaklaşım benimser. AngularJS bunu, direktif olarak adlandırdıkları ve şu yeteneğe sahip olan şeyleri kullanarak birkaç şekilde yapar:

Veri bağlama, olduğu gibi {{}}.
DOM parçalarını tekrarlamak, göstermek ve gizlemek için DOM kontrol yapıları.
Destek formları ve form doğrulama.
DOM öğelerine yeni davranış ekleyin (ör. DOM olay işleme gibi).
HTML'yi yeniden kullanılabilir bileşenler halinde gruplayın.

AngularJS CDN entegrasyonu

AngularJS kitaplığı sunucunuzda yerel olarak indirilebilir ve saklanabilir, ancak dosyaları bir AngularJS CDN entegrasyonu ile teslim etmek daha verimlidir . KeyCDN'den Angular kitaplıklarına başvurmak, HTTP/2 destekli sunucular, CORS, geniş bir veri merkezi ağı vb. gibi birçok avantaj sağlar.
Bu yöntem, AngularJS kitaplığının kaynak sunucunuz yerine en uygun CDN sunucusundan alınmasını sağlar. Aşağıda, bir AngularJS CDN entegrasyonunun nasıl kurulacağına ilişkin bir kaynak koleksiyonu sağlanmaktadır.

AngularJS modülü

Bu modül, etiket özniteliğine CDN sunucu yollarını (örn. cdn.example.com) başına ekleyebilir . Bu AngularJS CDN entegrasyon yöntemi, görüntülerinizin kaynak sunucudan yerel olarak yerine bir CDN aracılığıyla kolayca teslim edilmesini sağlar. Aşağıdaki kod parçası, bu modülü kullanmak için uygulamanızda gerekli yapılandırmayı gösterir. Daha fazla bilgi için modül demosuna göz atın .<img>src

<script src="www.turkmmo.com"></script>


<script src="angular-cdn-src.min.js"></script>

<script>
// Configure an AngularJS app (myApp)
// Set 'lvp.cdnSrc' as a dependency for your app
angular.module('myApp', ['lvp.cdnSrc'])

// Configure angular-cdn-src
.config(function(cdnSrcConfigurationProvider) {
// List your CDN server prefixes
cdnSrcConfigurationProvider.setCdnServers([
'//cdn.example.com',
]);
});
</script>
Bağlantı: www.turkmmo.com

RubyGem

Bu mücevher, angularjs-rails projeleri için AngularJS CDN desteği ekler . Özelliklerinden bazıları şunlardır:

Birden fazla CDN'yi destekleme yeteneği
AngularJS sürümü otomatik olarak algılanır, ancak geçersiz kılınabilir
CDN kapalıyken/kullanılamıyorken veya çevrimdışı çalışıyorken paketlenmiş AngularJS'ye otomatik geri dönüş.

Bağlantı: www.turkmmo.com

Drupal modülü

Drupal modülü, Drupal CMS ve AngularJS arasında kolay entegrasyon sağlar. Modül, Google'ın CDN'sinden AngularJS'nin 1.0.8 sürümünü çeker, ancak bu, yönetim sayfasına giderek değiştirilebilir.
Bağlantı: www.turkmmo.com

Angular CDN entegrasyonu kullanmanın faydaları

AngularJS varlıklarını bir CDN aracılığıyla teslim etmek, çeşitli nedenlerle faydalıdır.

Varlıklar, mevcut en yakın CDN sunucusu aracılığıyla teslim edileceğinden, kullanıcılar iyileştirilmiş indirme sürelerinden faydalanacaktır.
Varlıklar bir CDN aracılığıyla teslim edildiğinden, bu , kaynak sunucudaki yük miktarını azaltır
Entegrasyon kolaydır ve çoğu durumda sadece birkaç dakika içinde yapılabilir.

AngularJS kitaplıklarına KeyCDN gibi bir CDN aracılığıyla başvurmak, varlık dağıtımını hızlandırmanın ve web sitenizin ziyaretçilerini mutlu etmeye yardımcı olmanın kolay bir yoludur.