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
✨ 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
varsayılan olarak #
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
Secureveya
SameSite:noneveya sahip
__Hostönek.
Securetanımlama bilgileri yalnızca HTTPS’de ayarlanır, ancak
tüm tarayıcılar için. Ve çünkü
SameSite:noneVe
__Hostayrıca tanımlama bilgisinin olmasını da gerektirir
Secureyerel 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ğin
mysite.example. Genellikle bu, yerel ana bilgisayar dosyanızı geçersiz kıldığınız anlamına gelir:
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.
testveya
localhost(
mysite.localhost).
testtarayıcılarda özel bir işleme sahip değildir, ancak
localhostyapar: Chrome ve Edge desteği
kutudan çıkar ve localhost yaptığında güvenli davranacaktır. Deneyin: herhangi bir siteyi localhost üzerinde çalıştırın ve erişin
name 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ğin
com.
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. 🙌