Teknomers | Dünyadan Güncel Teknoloji | Oyun | Müzik | Film | Spor HaberleriTeknomers | Dünyadan Güncel Teknoloji | Oyun | Müzik | Film | Spor HaberleriTeknomers | Dünyadan Güncel Teknoloji | Oyun | Müzik | Film | Spor Haberleri
Yazı Tipi BoyutlandırıcıAa
  • Anasayfa
  • Teknoloji
    • Siber Güvenlik
    • Yapay Zeka
    • Donanım
    • Bilim
  • Yazılım
  • Savunma & İstihbarat
  • Oyun
  • Yaşam
    • Finans
    • Sinema
    • Dünyadan Haberler
  • İş Birliği
Okuma: Yerel Laravel Uygulamanızı Karma İçerik Sorunu Olmadan Kamu URL’si Üzerinde Paylaşın
Paylaş
Yazı Tipi BoyutlandırıcıAa
Teknomers | Dünyadan Güncel Teknoloji | Oyun | Müzik | Film | Spor HaberleriTeknomers | Dünyadan Güncel Teknoloji | Oyun | Müzik | Film | Spor Haberleri
Ara
Bizi Takip Et
  • Hakkımızda
  • Gizlilik politikası
  • Tanıtım Yazısı ve Backlink Hizmeti
© 2026 Teknomers. All Rights Reserved.

Anasayfa » Yerel Laravel Uygulamanızı Karma İçerik Sorunu Olmadan Kamu URL’si Üzerinde Paylaşın

Yazılım

Yerel Laravel Uygulamanızı Karma İçerik Sorunu Olmadan Kamu URL’si Üzerinde Paylaşın

teknomers
Son güncelleme: 28 Haziran 2026 15:10
teknomers
Paylaş
Paylaş



TL;DR

  • Yerel bir Laravel uygulamasını genel bir HTTPS tüneli üzerinden paylaşmak, CSS’nin yüklenmemesi gibi sorunlara neden olabiliyor, çünkü php artisan serve arka planda düz HTTP kullanıyor ve bu da Livewire/Flux’ın http:// URL’leri yayması ile sonuçlanıyor; tarayıcı da bu URL’leri karışık içerik olarak engelliyor.
  • Protokolü trustProxies(at: '*') ile düzeltin, varlıkların kaynağını ise APP_URL ve ASSET_URL‘yi tünel URL’sine yönlendirecek şekilde ayarlayın.
  • Bu işlemleri composer share komutuna sararak, varlıkları oluşturup, tüneli açıp, .env dosyasını yeniden yazarak ve çıkışta geri yükleyerek otomatikleştirdim. Detaylara cleaniquecoders/kickoff‘dan ulaşabilirsiniz.



Problem

Bir takım arkadaşınıza çalışmanızın ilerleme aşamasını yayımlamadan göstermek istiyorsunuz. Klasik yöntem: cloudflared tunnel (veya ngrok) ile yerel php artisan serve komutunuza yönlendiren genel bir https://... URL’si alırsınız.

Fakat iki sorun ortaya çıkmaktadır.

BelirtiSebepÇözüm
Takım arkadaşı ham HTML görüyor, stil yok @vite geliştirme sunucunuza, yerel localhost‘a işaret ediyor (public/hot var)Varlıkları oluşturun, public/hot dosyasını silin
Konsol: “karışık içerik engellendi”, rasgele 419 hatalarıTünel HTTPS ama artisan serve HTTP → request()->isSecure() false → http:// varlık/script URL’leriProxy’yi güvenilir olarak ayarlayın + ASSET_URL ayarlayın



Çözüm 1: Proxy’yi güvenilir olarak işaretleyin

Tünel TLS’yi sonlandırır ve düz HTTP’yi uygulamanıza X-Forwarded-Proto: https başlığı ile iletir. Laravel, bu başlığı ancak proxy’nin güvenilir olduğunu belirtirseniz dikkate alır.

// bootstrap/app.php
->withMiddleware(function (Middleware $middleware) {
    // Tünelden X-Forwarded-Proto'yu dikkate alın, böylece isSecure() true olur
    // ve Livewire/Flux https:// URL'leri verir (karışık içerik engellenmez).
    $middleware->trustProxies(at: '*');
    // ...
})

at: '*' tüm proxy’leri güvenilir olarak işaret eder. Bu, kendi makinelerinizde geçici tüneller için uygundur. Üretimde, belirli yük dengelemesi IP’lerini güvenilir kılın – bir wildcard kullanmak, istemcinin iletilen başlıkları taklit etmesine olanak tanır.



Çözüm 2: Varlıkları tünele yönlendirin

HTTPS algılansa bile, @vite ve varlık yardımcıları APP_URL üzerinden çözülür. Eğer bu hala http://localhost ise, genel ziyaretçinin tarayıcısı localhost‘dan varlıkları almaya çalışır. Dolayısıyla, tünel açıldığında her ikisini de tünel URL’sine yönlendirin:

# tünelin genel https URL'sini yazdırmasını bekleyin, ardından:
set_env APP_URL   "$PUBLIC_URL"
set_env ASSET_URL "$PUBLIC_URL"
php artisan config:clear

Bu süreçte dikkat etmeniz gereken bir alışkanlık: öncelikle .env yedeğini alıp ardından çıkışta geri yükleyin, böylece geçici bir URL konfigürasyona bırakılmaz.

ENV_BACKUP="$(mktemp)"; cp .env "$ENV_BACKUP"

cleanup() {
    rm -f public/hot
    cp "$ENV_BACKUP" .env   # APP_URL / ASSET_URL'yi birebir geri yükle
    php artisan config:clear >/dev/null 2>&1 || true
}
trap cleanup EXIT
trap 'exit 130' INT TERM



Tek Komut

Bunları bir araya sararak, composer share her seferinde sıkıcı sırayı gerçekleştirir: npm run build → rm public/hot → php artisan serve → bir Cloudflare (veya ngrok) tüneli aç → genel URL’yi al → APP_URL/ASSET_URL‘yi ayarla → çıkışı takip et → Ctrl+C ile çıkınca .env geri yükle. Cloudflare’ın hızlı tüneli hesap gerektirmediği için varsayılan olarak kullanılır.

composer share
  │
  ├─ npm run build         (gerçek varlıklar, geliştirme sunucusu değil)
  ├─ rm public/hot         ( @vite'i localhost'tan ayırın)
  ├─ php artisan serve     (:8000)
  ├─ cloudflared tunnel    -> https://xxxx.trycloudflare.com
  ├─ set APP_URL+ASSET_URL -> o URL'yi ayarla, config:clear
  └─ Ctrl+C -> .env'i geri yükle, public/hot'ı sil



Alınacak Ders

Tünel asıl zor kısım değildir – protokol uyumsuzluğu asıl sorun olanıdır. İletilen protokolü güvenilir hale getirin, varlık URL’sini genel ana makineye sabitleyin ve her zaman .env‘yi geri yükleyin. Bütün bu işlemleri tek bir komut haline getirerek “bana bir bağlantı gönder” ifadesinin beş saniye içinde sonuçlanmasını sağlayın; beş dakikalık boş CSS hata ayıklama süresine son verin.

Kod cleaniquecoders/kickoff‘da mevcuttur.

Kaynak: Orijinal Makale

Yerel Geliştirmeden Dağıtıma: Kado’yu Oluştururken Öğrendiklerim
Laravel ile AI Kod İnceleme Botu Oluşturma — Gerçek Dünya Kullanım Durumu
API’lerinizi Duraklatmayın: WebSocket ile Gerçek Zamanlı SaaS Mimarisi Tasarımı
Web Geliştirme Hizmetleri: İşletmenizin Sadece Bir Web Sitesinden Daha Fazlasına Neden İhtiyacı Var
Laravel Kurulumunu Kolaylaştırma
Bu Makaleyi Paylaş
Facebook Bağlantıyı Kopyala Yazdır
Paylaş
Önceki Makale Bu Yaz Güneş Hoodie’si Olmadan Neden Giyinmelisiniz? En İyi Seçimlerimiz!
Sonraki Makale Nest’in Termostatınızı Düzeltme Çabası

Sanal Medya

FacebookBeğen
452Takip Et
PinterestSabitle
237Takip Et

Son Eklenenler

Savcılar Palisades yangın davasında ChatGPT loglarını delil olarak kullandı
Liste
Ebike ile Daha Fazla Yük Taşımak İçin Gerekli Aksesuarlar
Genel
ABD Adalet Bakanlığı’nın 2026 Dünya Kupası için 400 yasa dışı alan adı ele geçirdiği operasyon
Donanım
Houston’da İş Seyahati İçin Kaçırılmaması Gereken 10 Aktivite (2026)
Genel
DIY 3D Baskılı Steam Makinesi: Eğik Anakart Montajı ve Bileşenler
Donanım
Nest’in Termostatınızı Düzeltme Çabası
Liste
//

Siber güvenlik, yapay zeka ve savunma sanayiinden; finans ve sinema dünyasına uzanan geniş bir yelpaze. Teknomers; teknoloji, strateji ve yazılım dünyasını sade bir dille sizlerle buluşturuyor.

Kurumsal

  • Hakkımızda
  • Gizlilik politikası
  • Tanıtım Yazısı ve Backlink Hizmeti

Kategoriler

  • Teknoloji
  • Oyun
  • Sinema
  • Siber Güvenlik
  • Bilim
  • Finans
  • Dünyadan Güncel Haberler

Populer

  • TV'de Ücretsiz İzlenebilen Şifresiz Erotik Kanallar (2025 Güncel Frekans Listesi)

  • The Last of Us PC Kontrolleri: Hızlı Silah Değiştirme ve Tüm Tuşlar (2025)

  • Hogwarts Legacy'de Odaklanma İksiri Nasıl Yapılır?

Teknomers | Dünyadan Güncel Teknoloji | Oyun | Müzik | Film | Spor HaberleriTeknomers | Dünyadan Güncel Teknoloji | Oyun | Müzik | Film | Spor Haberleri
Bizi Takip Et
© 2026 Teknomers. All Rights Reserved.
Welcome Back!

Sign in to your account

Kullanıcı Adı veya E-posta Adresi
Şifre

Şifrenizi mi unuttunuz?