JS kitaplıkları nerede barındırılır?

Bir önceki konuşmada, slayt gösterisi JS kitaplığını web sayfamıza koyduğumuzda, şu URL'yi yazdık: https://cdn.rawgit.com/pamelafox/a8b77c43f56da1753348/raw/slideshow.js

Bu URL "mutlak" bir URL'dir, yani protokolü ve etki alanı bulunur. Khan Academy ortamına JS kitaplıkları dahil ettiğimizde, ortamın kitaplığa tam yolu bilmesi için mutlak URL kullanmamız gerekir.

Eğer kendi bilgisayarınızda bir web sayfasında çalışıyorsanız ve tüm dosyaları yüklediyseniz ve eğer lib isimli bir dosyanın içindeyse, bu durumda basitçeslideshow.js veya lib/slideshow.jsgibi bir ''göreli'' URL kullanabilirsiniz. Yerel olarak çalışırken, JS dosyalarınız veya CSS dosyalarınız gibi yerel kaynakların tümünü bulduğundan emin olmak için tarayıcınızın ağ panelini açtığınızdan emin olun. Eğer tarayıcı bir kaynak bulamadıysa 404 ibaresini göreceksiniz, böylece URL ve dosya konumunu düzeltebilirsiniz.

Şimdi bu URL'ye geri dönelim: https://cdn.rawgit.com/pamelafox/a8b77c43f56da1753348/raw/slideshow.js

Protokol https dir - yani güvenilir bir URL'dir. Khan Academy web sayfalarına sadece güvenilir kaynakları getirmenize izin veririz; bu, web sayfalarını geliştirirken çok önemli ve iyi bir uygulamadır. Bununla birlikte, henüz tüm sunucular SSL uyumlu olmadığından, bazen projelerinizde URL'leri http ile başlatmanız gerekebilir.

Sunucu cdn.rawgit.comve bir "CDN" - "içerik aktarım ağı"- örneğidir. CDN'ler JS kitaplıkları gibi statik dosyaları sunmak ve çok hızlı bir şekilde sunmak için optimize edimiştir. Birden fazla JS kitaplığı barındıran birkaç büyük CDN bulunur ( Google'un CDN'si ve cdnjs) ve kendi CDN'si olan bazı kitaplıklar da bulunur.

Web sayfanıza bir CDN'den -- veya sizin olmayan herhangi bir sunucudan -- bir JS kitaplığı taşıdığınızda, o sunucuya güvenmeniz gerekir. Kötü bir sunucu JS kitaplığının yerine kullanıcı verilerini çalan ve bir yere gönderen kod koyabilir, bunun olmasını kesinlikle istemezsiniz!

Khan Academy'de, web sayfalarımıza sadece güvendiğimiz bu sunuculardan kaynaklar getirdiğinize emin olmak için, CSP adında bir güvenlik mekanizması kullanırız: bootstrapcdn.com, rawgit.com, googleapis.com, jsdelivr.net, and cdnjs.com.

Kendi web sitelerinizde JS kitaplığına kendi sunucunuzdan hizmet verme veya dış bir CDN'den ekleme kararınızı vermeniz gerekecek. Çoğu büyük web sitesi kitaplıkları kendi sunucusunda barındırmayı seçer, çünkü bu şekilde daha fazla kontrole sahip olabilirler ve daha iyi yükleme performansı için birden çok kitaplığı bir JS dosyasında birleştirme gibi optimizasyonda bulunabilirler. Burası size kalmış -- burada konuştuklarımızı unutmayın yeter!