Ayrıca bakınız: Yerel geliştirme için HTTPS nasıl kullanılır?
Bu yazıda, ilgili ifadeler localhost için geçerlidir 127.0.0.1 Ve [::1] ayrıca, her ikisi de “geri döngü adresi” olarak da adlandırılan yerel bilgisayar adresini tanımladıkları için. Ayrıca, işleri basitleştirmek için bağlantı noktası numarası belirtilmemiştir. Yani gördüğünde olarak oku veya http://127.0.0.1:{PORT}.
Özet #
Yerel olarak geliştirirken, kullanın varsayılan olarak. Servis Çalışanları, Web Kimlik Doğrulama API’si ve daha fazlası çalışacaktır. Ancak, aşağıdaki durumlarda yerel geliştirme için HTTPS’ye ihtiyacınız olacaktır:
-
Güvenli tanımlama bilgilerini tarayıcılar arasında tutarlı bir şekilde ayarlama
-
Karışık içerik sorunlarını giderme
-
HTTP/2 ve sonraki sürümleri kullanma
-
HTTPS gerektiren üçüncü taraf kitaplıkları veya API’leri kullanma
-
Özel bir ana bilgisayar adı kullanma
Yerel geliştirme için HTTPS ne zaman kullanılır?
✨ Bilmeniz gereken tek şey bu. Daha fazla ayrıntıyla ilgileniyorsanız, okumaya devam edin!
Geliştirme siteniz neden güvenli davranmalı? #
Beklenmedik sorunlarla karşılaşmamak için, yerel geliştirme sitenizin olabildiğince üretim web siteniz gibi davranmasını istiyorsunuz. Dolayısıyla, üretim web siteniz HTTPS kullanıyorsa, yerel geliştirme sitenizin HTTPS sitesi gibi.
Kullanmak
tarayıcılar tedavi özel bir şekilde: HTTP olmasına rağmen çoğunlukla bir HTTPS sitesi gibi davranır.
Açık Hizmet Çalışanları, Sensör API’leri, Kimlik Doğrulama API’leri, Ödemeler ve belirli güvenlik garantileri gerektiren diğer özellikler desteklenir ve tıpkı bir HTTPS sitesindeki gibi davranır.
Yerel geliştirme için HTTPS ne zaman kullanılır? #
özel durumlarla karşılaşabilirsiniz. yapmaz bir HTTPS sitesi gibi davranabilir veya HTTPS olmayan özel bir site adı kullanmak isteyebilirsiniz. .
Aşağıdaki durumlarda yerel geliştirme için HTTPS kullanmanız gerekir:
-
Gerek çerez ayarla yerel olarak yani
SecureveyaSameSite:noneveya sahip__Hostönek.Securetanımlama bilgileri yalnızca HTTPS’de ayarlanır, ancaktüm tarayıcılar için. Ve çünküSameSite:noneVe__Hostayrıca tanımlama bilgisinin olmasını da gerektirirSecureyerel geliştirme sitenizde bu tür çerezlerin ayarlanması da HTTPS gerektirir. -
Yalnızca bir HTTPS web sitesinde meydana gelen, ancak bir HTTP sitesinde olmayan bir sorunu yerel olarak ayıklamanız gerekir, hatta
gibi karışık içerik sorun. -
HTTP/2’ye veya daha yenisine özgü bir davranışı yerel olarak test etmeniz veya yeniden oluşturmanız gerekir. Örneğin, HTTP/2 veya daha yeni bir sürümde yükleme performansını test etmeniz gerekiyorsa. Güvenli olmayan HTTP/2 veya daha yenisi desteklenmez, hatta
localhost. -
HTTPS (örneğin OAuth) gerektiren üçüncü taraf kitaplıkları veya API’leri yerel olarak test etmeniz gerekir.
-
sen kullanmıyorsun
localhostancak yerel geliştirme için özel bir ana bilgisayar adı, örneğinmysite.example. Genellikle bu, yerel ana bilgisayar dosyanızı geçersiz kıldığınız anlamına gelir:Özel bir ana bilgisayar adı eklemek için bir ana bilgisayar dosyasını düzenleme. Bu durumda Chrome, Edge, Safari ve Firefox varsayılan olarak Olumsuz dikkate almak
mysite.exampleyerel bir site olmasına rağmen güvenli olması için. Yani bir HTTPS sitesi gibi davranmayacaktır. -
Diğer durumlar! Bu kapsamlı bir liste değildir, ancak burada listelenmeyen bir vakayla karşılaşırsanız, bileceksiniz: işler patlak verecek
, yoksa üretim siteniz gibi davranmaz. 🙃
Tüm bu durumlarda, yerel geliştirme için HTTPS kullanmanız gerekir.
Yerel geliştirme için HTTPS nasıl kullanılır? #
Yerel geliştirme için HTTPS kullanmanız gerekiyorsa Yerel geliştirme için HTTPS nasıl kullanılır bölümüne gidin.
Özel bir ana bilgisayar adı kullanıyorsanız ipuçları #
Özel bir ana bilgisayar adı kullanıyorsanız, örneğin ana bilgisayar dosyanızı düzenliyorsanız:
- Gibi çıplak bir ana bilgisayar adı kullanmayın
mysiteçünkü eğer varsa üst düzey etki alanı (TLD) bu aynı ada sahip olur (mysite), sorunlarla karşılaşırsınız. Ve bu o kadar da olası değil: 2020’de 1.500’den fazla TLD var ve liste büyüyor.coffee,museum,travelve birçok büyük şirket adı (belki çalıştığınız şirket bile!) TLD’lerdir. Listenin tamamına buradan bakın. - Yalnızca size ait olan veya bu amaç için ayrılmış olan etki alanlarını kullanın. Kendinize ait bir alan adınız yoksa, ikisini de kullanabilirsiniz.
testveyalocalhost(mysite.localhost).testtarayıcılarda özel bir işleme sahip değildir, ancaklocalhostyapar: Chrome ve Edge desteğikutudan çıkar ve localhost yaptığında güvenli davranacaktır. Deneyin: herhangi bir siteyi localhost üzerinde çalıştırın ve erişinname you like>.localhost:<your port>Chrome veya Edge’de. Bu yakında Firefox’ta mümkün olabilir ve Safari ilave olarak. Bunu yapabilmenizin nedeni (alt alan adlarına sahip olmak)mysite.localhost) Çünkülocalhostyalnızca bir ana bilgisayar adı değildir: aynı zamanda tam bir TLD’dir, örneğincom.
Daha fazla bilgi edin #
Başta Ryan Sleevi, Filippo Valsorda, Milica Mihajlija, Rowan Merewood ve Jake Archibald olmak üzere tüm eleştirmenlere katkıları ve geri bildirimleri için çok teşekkürler. 🙌
Kahraman görseli @muses_lee Açık Unsplashdüzenlendi.