Yazılım

Yılda 1 $’ın Altında Web Uygulama Hosting’i (15.000 IDR) Cloudflare Tüneli ile

Son güncelleme: 18 Nisan 2026 07:21

teknomers

Paylaş

Paylaş

Arka Plan

Toplum, bazen RT yöneticisi, dernek, çiftçi grubu ya da başka bir topluluk için uygulama geliştirme isteğiyle karşılaşıyor musunuz? Genellikle şu şekilde başlıyor: bir sistem kaydı, yoklama, ya da bir vatandaş portalı istiyorlar, ama barındırma konusunda sorduğumuzda klasik yanıtı alıyoruz: “Bizim bütçemiz yok.” Her türlü fiyat teklifi ile karşılaşınca, “pahalı” diyorlar, hiç kimse yardımcı olmak istemiyor. Ama arkadaşlar… devam edelim. (herkes böyle değil, çünkü ben de gerçekten ödeyecek olanlar buldum ki onlar hemen bir fiyat için farkındaydılar; bu, uygulama kullanılabilir hale gelmek içindi)

<p>En sık önerilen çözüm genellikle ücretsiz platformlar kullanmaktır. Ancak, bu ücretsiz platformların kendine has sorunları var: uygulamalar ya uyku durumunda kalıyor, ya da bağlantı hızı belirsiz, ya da uzun ve hatırlanması zor alan adı gibi.</p>

<p>Benim üretim ortamında çalışan bir kurulumu var: <strong>yıllık toplam maliyet 1 dolardan az</strong>, her yerden erişilebilir ve düzgün bir alan adı. Bu makalede, bu kurulumun nasıl yapıldığını belgeler hale getireceğim.</p>

<hr/>

<h2><a name="konsep-dasarnya" href="#konsep-dasarnya"></a>Temel Konsept</h2>
<p>İdea oldukça basit:</p>
<ul>
    <li>Uygulama <strong>yerel sunucuda</strong> çalışıyor (eski bir laptop, mini PC veya hatta Raspberry Pi olabilir)</li>
    <li><strong>Cloudflare Tunnel</strong> bu sunucuya halk erişimi sağlar, statik IP olmadan</li>
    <li><strong><code>.my.id</code></strong> alan adı özelleştirilmiş alan adı olarak kullanılır, yıllık maliyeti yaklaşık 15.000-16.000 rupiah. Yüksek maliyetli VPS yok, Cloudflare için de hiçbir maliyet yok (Ücretsiz plan yeterlidir). Gerçek maliyet alan adı. (diğer görünmeyen maliyetler, daha sonra tartışılacak)</li>
</ul>

<hr/>

<h2><a name="tech-stack-yang-dipakai" href="#tech-stack-yang-dipakai"></a>Kullanılan Teknoloji Yığını</h2>
<ul>
    <li><strong>Cloudflare</strong> – DNS, tünel ve otomatik SSL</li>
    <li><strong>Cloudflared</strong> – sunucuda çalışan tünel daemon'u</li>
    <li><strong>Nginx</strong> – yerel ters proxy; her uygulama farklı bir portta çalışır</li>
    <li><strong>Laravel</strong> – uygulama framework'ü (diğer yığınlara uyarlanabilir)</li>
    <li><strong><code>.my.id</code> alan adı</strong> – her hangi bir kaydediciden satın alınabilir (Niagahoster, Domainesia, vb.)</li>
</ul>

<hr/>

<h2><a name="prerequisites" href="#prerequisites"></a>Ön Gereksinimler</h2>
<p>Başlamadan önce şunlara sahip olduğunuzdan emin olun:</p>
<ol>
    <li>Ücretsiz bir Cloudflare hesabı</li>
    <li>Aktif bir alan adı (örnek: <code>namaproject.my.id</code>)</li>
    <li>Kök erişimi olan bir sunucu, eski bir laptop, mini PC veya Raspberry Pi olabilir</li>
    <li>Belirli bir portta çalışan bir uygulama (örneğin: port 8001, 8002 vb.)</li>
</ol>

<hr/>

<h2><a name="spesifikasi-yang-dipakai" href="#spesifikasi-yang-dipakai"></a>Kullanılan Özellikler</h2>
<p>Bir fikir vermesi açısından eski bir laptop kullandım, özellikler:</p>
<ul>
    <li>core i7 4558u - 2.8Ghz</li>
    <li>RAM 8GB</li>
    <li>Linux Mint</li>
</ul>

<p>İnternet bağlantısı için Indihome 75Mbps kullanıyorum (aylık yaklaşık 300.000 rupiah)</p>

<hr/>

<h2><a name="step-1-daftarkan-domain-ke-cloudflare" href="#step-1-daftarkan-domain-ke-cloudflare"></a>Adım 1: Alan Adını Cloudflare'a Kaydedin</h2>
<p>Üçüncü taraf bir kayıt şirketinden domain satın aldıktan sonra, isim sunucularını Cloudflare'a taşımanız gerekir.</p>
<ol>
    <li><a href="https://dash.cloudflare.com" target="_blank" rel="noopener noreferrer">Cloudflare Dashboard</a>'a giriş yapın</li>
    <li><strong>Add a Site</strong> butonuna tıklayın ve alan adınızı girin</li>
    <li><strong>Free</strong> planı seçin</li>
    <li>Cloudflare iki nameserver verecek, örneğin: <strong>"ada.ns.cloudflare.com , bob.ns.cloudflare.com"</strong></li>
    <li>Alan adını satın aldığınız kayıt paneline girin, nameserver'ı Cloudflare'ınki ile değiştirin</li>
</ol>
<blockquote>
    <p><strong>Öğrenilen Ders:</strong> Nameserver propagasyonu zaman alır. Tecrübeme göre, <strong>24 saat sabretmek</strong> daha iyidir. İlk 1-2 saat içinde aktif değilse panik yapmayın.</p>
</blockquote>

<hr/>

<h2><a name="step-2-install-cloudflared-di-server" href="#step-2-install-cloudflared-di-server"></a>Adım 2: Sunucuda Cloudflared'ı Kurun</h2>
<div class="highlight js-code-highlight">
    <pre class="highlight shell"><code><span class="c"># En son sürümü indirin (sunucu mimarisine göre ayarlayın)</span>

curl -L https://github.com/cloudflare/cloudflared/releases/latest/download/cloudflared-linux-amd64.deb -o cloudflared.deb
sudo dpkg -i cloudflared.deb

Doğrulayın:

cloudflared --version

<hr/>

<h2><a name="step-3-login-dan-buat-tunnel" href="#step-3-login-dan-buat-tunnel"></a>Adım 3: Giriş Yapın ve Tünel Oluşturun</h2>
<div class="highlight js-code-highlight">
    <pre class="highlight shell"><code>cloudflared tunnel login</code></pre>
</div>
<p>Bu komut tarayıcıyı otorizasyon için açacaktır. Tamamlandıktan sonra, kimlik bilgileri otomatik olarak kaydedilecektir.</p>
<p>Yeni bir tünel oluşturun:<br/></p>
<div class="highlight js-code-highlight">
    <pre class="highlight shell"><code>cloudflared tunnel create isim-tuneliniz</code></pre>
</div>
<p><strong>Tünel Kimliği</strong> not edin, bunu bir sonraki adımda kullanacaksınız.</p>

<hr/>

<h2><a name="step-4-konfigurasi-tunnel" href="#step-4-konfigurasi-tunnel"></a>Adım 4: Tüneli Yapılandırın</h2>
<p>Yapılandırma dosyası oluşturun:<br/></p>
<div class="highlight js-code-highlight">
    <pre class="highlight shell"><code><span class="nb">mkdir</span> <span class="nt">-p</span> ~/.cloudflared

nano ~/.cloudflared/config.yml

Şunları yazın:

tunnel: 
credentials-file: /home//.cloudflared/.json
origincert: /home//.cloudflared/cert.pem
ingress:
- hostname: app1.namaproject.my.id
service: http://localhost:80
- hostname: app2.namaproject.my.id
service: http://localhost:80
- hostname: app3.namaproject.my.id
service: http://localhost:80
- service: http_status:404

Son tüm alan adlarının port 80’e yönlendirildiğine dikkat edin, her uygulamanın portuna değil. Farklı uygulamalar arasındaki ayrım tünel seviyesinde değil, Nginx seviyesinde server_name ile sağlanır. Bu yüzden tünel sadece dışarıdan erişimi port 80’e açar, geri kalanı Nginx tarafından ayarlanır. Son giriş (http_status:404) zorunludur.

<hr/>

<h2><a name="step-5-routing-dns-via-cloudflare" href="#step-5-routing-dns-via-cloudflare"></a>Adım 5: DNS Yönlendirmesini Cloudflare Üzerinden Yapın</h2>
<div class="highlight js-code-highlight">
    <pre class="highlight shell"><code>cloudflared tunnel route dns <tunnel_id_lo> app1.namaproject.my.id

cloudflared tunnel route dns app2.namaproject.my.id
cloudflared tunnel route dns app3.namaproject.my.id

Bu komut otomatik olarak CNAME türünde DNS kaydı oluşturur ve Cloudflare’daki tünelinize yönlendirir.

Önemli Not: Bu, neden Caprover’ın bu kurulum için uygun değildir. Caprover, kurulum sürecinde doğrudan bir IP gerektirirken, Cloudflare Tüneli CNAME ile çalışır ve doğrudan statik IP gerektirmemektedir. Eğer Docker tabanlı bir orkestrasyon istiyorsanız, alternatif olarak Portainer veya manuel Docker Kompose kullanabilirsiniz.

<hr/>

<h2><a name="step-6-setup-nginx-sebagai-reverse-proxy-lokal" href="#step-6-setup-nginx-sebagai-reverse-proxy-lokal"></a>Adım 6: Nginx'i Yerel Ters Proxy Olarak Kurun</h2>
<p>Bu kurulumda Nginx, PHP'yi değil, doğrudan verir. Nginx’in görevi tek bir: port 80’de dinlemek, <code>server_name</code>’e göre alan adını kontrol etmek ve istekleri <code>php artisan serve</code>’e yönlendirmek.</p>
<p>Yani akış şöyle:<br/></p>
<div class="highlight js-code-highlight">
    <pre class="highlight plaintext"><code>Cloudflare Tunnel (port 80)
    |
  Nginx (routing by server_name)
    |

php artisan serve app1 (port 8001)
php artisan serve app2 (port 8002)
php artisan serve app3 (port 8003)

<p>Her uygulama için Nginx yapılandırma dosyası oluşturun:<br/></p>
<div class="highlight js-code-highlight">
    <pre class="highlight shell"><code><span class="nb">sudo </span>nano /etc/nginx/sites-available/app1</code></pre>
</div>

<p>Şunları yazın:<br/></p>
<div class="highlight js-code-highlight">
    <pre class="highlight nginx"><code><span class="k">server</span> <span class="p">{</span>
<span class="kn">listen</span> <span class="mi">80</span><span class="p">;</span>
<span class="kn">server_name</span> <span class="s">app1.namaproject.my.id</span><span class="p">;</span>

<span class="kn">location</span> <span class="n">/</span> <span class="p">{</span>
    <span class="kn">proxy_pass</span> <span class="s">http://localhost:8001</span><span class="p">;</span>
    <span class="kn">proxy_set_header</span> <span class="s">Host</span> <span class="nv">$host</span><span class="p">;</span>
    <span class="kn">proxy_set_header</span> <span class="s">X-Real-IP</span> <span class="nv">$remote_addr</span><span class="p">;</span>
    <span class="kn">proxy_set_header</span> <span class="s">X-Forwarded-For</span> <span class="nv">$proxy_add_x_forwarded_for</span><span class="p">;</span>
    <span class="kn">proxy_set_header</span> <span class="s">X-Forwarded-Proto</span> <span class="nv">$scheme</span><span class="p">;</span>
<span class="p">}</span>

}

<p>Bunu her uygulama için tekrarlayın, <code>server_name</code> ve <code>proxy_pass</code> portunu (8002, 8003, vb.) değiştirerek.</p>
<p>Ayarları etkinleştirin:<br/></p>
<div class="highlight js-code-highlight">
    <pre class="highlight shell"><code><span class="nb">sudo ln</span> <span class="nt">-s</span> /etc/nginx/sites-available/app1 /etc/nginx/sites-enabled/

sudo nginx -t
sudo systemctl reload nginx

<p>Bu <code>ln -s</code> komutunu çalıştırmak zorundasınız; Nginx’in konfigürasyonu okumasını sağlar. <code>sites-available</code> altında bulunan dosyalar otomatik olarak aktif olmaz, önce <code>sites-enabled</code> ile bağlantı yapılmalıdır.</p>

<hr/>

<h2><a name="step-7-jalankan-tunnel-sebagai-service" href="#step-7-jalankan-tunnel-sebagai-service"></a>Adım 7: Tüneli Servis Olarak Çalıştırın</h2>
<p>Tünelin sunucu yeniden başladığında otomatik olarak çalışması için:<br/></p>
<div class="highlight js-code-highlight">
    <pre class="highlight shell"><code><span class="nb">sudo </span>cloudflared service <span class="nb">install

sudo systemctl start cloudflared
sudo systemctl enable cloudflared

Durumunu kontrol edin:

sudo systemctl status cloudflared

<hr/>

<h2><a name="step-8-autostart-php-artisan-serve-saat-linux-hidup" href="#step-8-autostart-php-artisan-serve-saat-linux-hidup"></a>Adım 8: Linux Açıldığında php artisan serve'yi Otomatik Başlatın</h2>
<p>Eğer Laravel uygulamanız <code>php artisan serve</code> ile çalışıyorsa (PHP-FPM değil), bu komutun sunucu açıldığında otomatik olarak çalıştığından emin olmalısınız, sadece manuel giriş yapıldığında değil.</p>

<p>Bunu yapmak için her uygulama için bir <strong>systemd servisi</strong> oluşturun. Bu, bir .bashrc dosyasında komutları koymak ya da ekran/tmux'e bağlı kalmaktan çok daha uygundur.</p>

<p>Her uygulama için bir servis dosyası oluşturun:<br/></p>
<div class="highlight js-code-highlight">
    <pre class="highlight shell"><code><span class="nb">sudo </span>nano /etc/systemd/system/laravel-app1.service</code></pre>
</div>
<p>Şunları yazın:<br/></p>
<div class="highlight js-code-highlight">
    <pre class="highlight ini"><code>[Unit]

Description=Laravel App1 – php artisan serve
After=network.target

[Service]
User=
WorkingDirectory=/home//project-app1-yer
ExecStart=/usr/bin/php artisan serve –host=0.0.0.0 –port=8001
Restart=always

[Install]
WantedBy=multi-user.target

<p>Bazı noktalar:</p>
<ul>
    <li><code>User</code> kısmını, projenin dizinine erişim yetkisi olan Linux kullanıcınız ile doldurun, <code>root</code> ya da <code>www-data</code> ile değil, kendi ev dizininiz içindeyse</li>
    <li><code>WorkingDirectory</code>, Laravel proje kök dizininizin mutlak yolu olmalıdır, yani <code>artisan</code> dosyası bulunan dizin</li>
    <li><code>--host=0.0.0.0</code> ayarı, artisan serve'in tüm arayüzlerden ulaşılabilir olmasını sağlar, çünkü Nginx buradan port 80’den istekleri yönlendirecektir</li>
    <li><code>Restart=always</code> ayarı, service otomatik olarak yeniden başlatılmasını sağlar, hem çökme durumunda hem de sunucu yeniden başladığında</li>
    <li>Aktif hale getirip başlatın:</li>
</ul>
<div class="highlight js-code-highlight">
    <pre class="highlight shell"><code><span class="nb">sudo </span>systemctl daemon-reload

sudo systemctl enable laravel-app1
sudo systemctl start laravel-app1

Durumunu kontrol edin:

sudo systemctl status laravel-app1

<p>Bunu her uygulama için tekrarlayın, servis dosyasını kopyalayıp yeni ad, port ve <code>WorkingDirectory</code> ile değiştirerek.<br/></p>
<div class="highlight js-code-highlight">
    <pre class="highlight shell"><code><span class="c"># Örnek, app2 için</span>

sudo cp /etc/systemd/system/laravel-app1.service /etc/systemd/system/laravel-app2.service
sudo nano /etc/systemd/system/laravel-app2.service
# portu 8002 ve WorkingDirectory’yi app2 projesinin path’i ile değiştirin
sudo systemctl daemon-reload
sudo systemctl enable laravel-app2
sudo systemctl start laravel-app2

<hr/>

<h2><a name="hasil-akhir" href="#hasil-akhir"></a>Sonuç</h2>
<p>Tüm adımlar tamamlandıktan sonra:</p>
<div class="table-wrapper-paragraph">
    <table>
        <thead>
            <tr>
                <th>Komponent</th>
                <th>Maliyet</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Alan adı <code>.my.id</code></td>
                <td>~Rp 15.000-16.000/yıl</td>
            </tr>
            <tr>
                <td>Cloudflare (Ücretsiz plan)</td>
                <td>Rp 0</td>
            </tr>
            <tr>
                <td>Cloudflare Tüneli</td>
                <td>Rp 0</td>
            </tr>
            <tr>
                <td>Otomatik SSL/HTTPS</td>
                <td>Rp 0</td>
            </tr>
            <tr>
                <td><strong>Toplam</strong></td>
                <td><strong/></td>
            </tr>
        </tbody>
    </table>
</div>
<p>Tüm alt alan adları, ek yapılandırmalara ihtiyaç duymadan Cloudflare'dan otomatik olarak HTTPS alır. (SSL ayarları için düşünmeye gerek yok)</p>

<hr/>

<h2><a name="lesson-learned" href="#lesson-learned"></a>Öğrenilen Dersler</h2>
<p><strong>1. DNS propagasyonu için sabırlı olun</strong><br/>Cloudflare'a nameserver değiştirdikten sonra, 24 saat bekleyin. İlk birkaç saat içinde alan adı düzgün biçimde çözülmüyorsa panik yapmayın. Bu bir hata değil, DNS’in doğasıdır. Rahatlayın, uyuyun, ertesi gün kontrol edin.</p>    
<p><strong>2. Bu kurulum için Caprover kullanmayın</strong><br/>Caprover, kurulum sürecinin başında doğrudan bir IP isteyen bir yapıdadır, ancak Cloudflare Tüneli CNAME ile çalışır, doğrudan bir statik IP gerektirmemektedir. İsterseniz, Docker tabanlı bir orkestrasyon için Docker Compose’u kullanmanız önerilir.</p>    
<p><strong>3. Tek tünel, bir çok uygulama</strong><br/>Her uygulama için yeni bir tünel oluşturmanıza gerek yoktur. Tek bir tünel, konfigürasyon <code>ingress</code> üzerinden birden fazla alt alan adını yönetebilir. Yeni bir uygulama mı eklemek istiyorsunuz? Yalnızca <code>config.yml</code>'ye yeni bir giriş ekleyin ve DNS yönlendirmesini ayarlayın.</p>    
<p><strong>4. Ücretsiz ve otomatik SSL</strong><br/>Cloudflare, SSL/HTTPS'yi otomatik olarak yönetir. Let's Encrypt veya certbot ayarlamanıza gerek yok. Tüm alt alan adları DNS aktif olur olmaz HTTPS alır.</p>
<p><strong>5. Tünel çalışmıyorsa sorun giderme sırası</strong><br/>Sırayla kontrol edin: önce <code>cloudflared</code> servisi durumu (<code>systemctl status cloudflared</code>) ardından doğru portta uygulamanın çalışıp çalışmadığını (<code>curl localhost:8001</code>) kontrol edin, son olarak Cloudflare kontrol panelinde DNS’i inceleyin. Sorunun nerede olduğunu bilmeden ayarları değiştirmeden önce panik yapmayın.</p>    
<p><strong>6. Laravel APP_URL'un uygun olduğundan emin olun</strong><br/>Her Laravel projesinde <code>.env</code> dosyasını güncelleyin:<br/></p>
<div class="highlight js-code-highlight">
    <pre class="highlight conf"><code><span class="n">APP_URL</span>=<span class="n">https</span>://<span class="n">app1</span>.<span class="n">namaproject</span>.<span class="n">my</span>.<span class="n">id</span></code></pre>
</div>
<p>Bunu unutursanız, CSS/JS dosyaları yüklenemeyebilir çünkü URL hala localhost'a yönlendiriliyor.</p>

<p><strong>7. Sunucu her zaman açık olmalıdır</strong><br/>Kendi barındırma kurulumunun sonucu olarak. Sunucu kapandığında, tüm uygulamalar da kapalıdır. Eğer evde bir makine kullanıyorsanız, UPS gibi bir sistem kullanmak ya da tüm hizmetleri otomatik başlatacak şekilde yapılandırmak önemlidir.</p>

<hr/>

<h2><a name="keamanan-dan-keterbatasan-jangan-tutup-mata" href="#keamanan-dan-keterbatasan-jangan-tutup-mata"></a>Güvenlik ve Sınırlamalar: Gözlerinizi Kapatmayın</h2>
<p>Bu kurulum ücretsizdir, ancak gerçek bir topluluğa dağıtmadan önce dikkate almanız gereken bazı şeyler var.</p>
<h3><a name="server-bisa-mati-kapan-saja" href="#server-bisa-mati-kapan-saja"></a>Sunucu her zaman kapalı kalabilir</h3>
<p>Bu, kendi barındırma işleminin en kritik gerçeğidir. Sunucu kapalıysa, tüm uygulamalar anında kapanır. Sebepler çeşitli olabilir:</p>
<ul>
    <li>Elektrikler kesildi (pln şanssız bir ruh halinde)</li>
    <li>Evde internet bağlantısında kesinti</li>
    <li>Siz gitmişsiniz, aslında kendi barındırma ağınıza takıldınız</li>
    <li>En kötü durum: yangın, sel veya diğer doğal afetler</li>
</ul>

<h3><a name="antisipasi-yang-bisa-dilakukan" href="#antisipasi-yang-bisa-dilakukan"></a>Alınacak Önlemler:</h3>
<ul>
    <li><strong>UPS (Kesintisiz Güç Kaynağı):</strong> Elektrik kesintisi sırasında sunucu düzgün bir şekilde kapatılmak için bur geçiş süresi verin ya da hizmetleri yeniden başlatmak için yeterli zaman tanıyın</li>
    <li><strong>Otomatik hizmet başlatma:</strong> Tüm hizmetlerin (Nginx, PHP-FPM veya artisan serve, Cloudflared) <code>systemctl enable</code> ile otomatik olarak çalışacağını denetimleyin, böylelikle yeniden başlatıldıktan sonra çalışacaktır</li>
    <li><strong>Basit İzleme:</strong> Uptime Robot (ücretsiz) kullanarak URL'leri izleyin ve uygulama kapandığında e-posta veya Telegram bildirimi alın</li>
    <li><strong>Rutin veri tabanı yedeği:</strong> Veritabanını Google Drive veya harici depolamaya yedeklemek için cron job ayarlayın. Kaybolmuş veriler, basit bir kesintiden çok daha kötü bir durumudur</li>
</ul>
<div class="highlight js-code-highlight">
    <pre class="highlight shell"><code><span class="c"># Örnek, her gün sabah 2'de yedekleme için cron</span>

0 2 * mysqldump -u root veri_tabanıadı > /backup/db$(date +\%F).sql