SORU
1 EYLÜL 2012, CUMARTESİ


Amazon KÖŞELERİ (Cross-Origin Resource Sharing) ve Firefox etki alanları arası yazı tipi yükleme S3

Firefox, geçerli Web sayfasını daha yüklenmemesi kökenli yazı tipi ile uzun zamandır süregelen bir sorun olmuştur. Genellikle, bu sorun, yazı tipleri CDN üzerinde servis edildiğinde ortaya çıkar.

Çeşitli çözümler diğer sorular gündeme gelmiştir:

css @font-face not working with firefox, but working with chrome and IE

Amazon S3 KÖŞELERİ tanıtımı ile, Firefox bir çözüm KÖŞELERİ font yükleme sorunu gidermek için kullanan var mı?

Şimdiden teşekkürler!

edit: S3 KÖŞELERİ yapılandırmasına bir örnek görmek çok iyi olurdu.

edit2: aslında ne yaptığını bilmeden çalışan bir çözüm bulduk. Eğer kimse-ebil sağlamak daha detaylı açıklamalar hakkında yapılandırmaları ve arka plan büyü olur Amazon'un yorumu config olacak büyük takdir, nzifnab kim koydu bir ödül için.

CEVAP
8 EYLÜL 2012, CUMARTESİ


Güncelleme 10 Eylül 2014:

Artık Cloudfront artık düzgün bir İSTASYONDAN destekler, çünkü sorgu dize kesmek herhangi aşağıda yapmanız gerekmiyor. http://aws.amazon.com/blogs/aws/enhanced-cloudfront-customization/ ve daha fazla bilgi için bu cevaba bakınız: http://stackoverflow.com/a/25305915/308315


TAMAM, ben nihayet yazı config aşağıda belgelerinde örneklerden ufak bir oynamayla kullanarak çalışıyor.

Benim yazı S3, ama cloudfront önderliğinde barındırılan.

Neden çalıştığını emin değilim, tahminim ... <AllowedMethod> GET Bu ve <AllowedHeader> Content-* gereklidir.

Eğer biri Amazon S3 KÖŞELERİ config yetkin bu konuda biraz ışık tutabilir, bu büyük mutluluk olacak.

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
    <CORSRule>
        <AllowedOrigin>https://mydomain.com</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
        <MaxAgeSeconds>3000</MaxAgeSeconds>
        <AllowedHeader>Content-*</AllowedHeader>
        <AllowedHeader>Host</AllowedHeader>
    </CORSRule>
    <CORSRule>
        <AllowedOrigin>https://*.mydomain.com</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
        <MaxAgeSeconds>3000</MaxAgeSeconds>
        <AllowedHeader>Content-*</AllowedHeader>
        <AllowedHeader>Host</AllowedHeader>
    </CORSRule>
</CORSConfiguration>

düzenleme:

Bazı geliştiriciler Cloudfront sorunları Access-Control-Allow-Origin Başlığı önbelleğe alma ile karşı karşıya. Bu sorun, @tarafından Jeff-Atwood yorum linki aşağıda (https://forums.aws.amazon.com/thread.jspa?threadID=114646) BÖLÜM personeli tarafından giderilmiştir.

Bağlanan iplik, geçici bir çözüm olarak, bir kullanılması tavsiye edilirSorgu Dizefarklı alanlardan gelen çağrılar arasında ayırt için. Kısaltılmış örnek buraya yeniden geleceğim.

curl yanıt başlıklarını kontrol etmek için kullanarak

Etki alanı: a.domain.com

curl -i -H "Origin: https://a.domain.com" http://hashhashhash.cloudfront.net/font.woff?https_a.domain.com

Tepki Etki alanı gelen başlıkları:

Access-Control-Allow-Origin: https://a.domain.com
Access-Control-Allow-Methods: GET
Access-Control-Max-Age: 3000
Access-Control-Allow-Credentials: true
X-Cache: Miss from Cloudfront

Etki alanı B: b.domain.com

curl -i -H "Origin: http://b.domain.com" http://hashhashhash.cloudfront.net/font.woff?http_b.domain.com

Başlıkları Etki alanından yanıt B:

Access-Control-Allow-Origin: http://b.domain.com
Access-Control-Allow-Methods: GET
Access-Control-Max-Age: 3000
Access-Control-Allow-Credentials: true
X-Cache: Miss from Cloudfront

Access-Control-Allow-Origin Cloudfront önbellekleme geçmişte var olan farklı değerler, geri döndü, fark edeceksiniz.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • InsideBlackBerry

    InsideBlackB

    14 Aralık 2009
  • Numberphile

    Numberphile

    15 EYLÜL 2011
  • tinycammonitor

    tinycammonit

    14 Aralık 2010