clusev/resources/views/livewire/help/content/en/domain-tls.blade.php

52 lines
3.7 KiB
PHP

@php
$h = 'font-display text-base font-semibold text-ink';
$p = 'text-sm leading-relaxed text-ink-2';
$li = 'text-sm leading-relaxed text-ink-2';
$code = 'rounded bg-inset px-1.5 py-0.5 font-mono text-[12px] text-accent-text';
$pre = 'overflow-x-auto rounded-md border border-line bg-inset p-3 font-mono text-[11px] leading-relaxed text-ink-2';
@endphp
<div class="space-y-3">
<h3 class="{{ $h }}">Three modes</h3>
<p class="{{ $p }}">Where and how the panel is reachable is set under <span class="text-ink">System Domain &amp; TLS</span>.
Domain changes apply only after a <span class="text-ink">stack restart</span> (button in System).</p>
<ul class="ml-4 list-disc space-y-1.5">
<li class="{{ $li }}"><span class="text-ink">Bare IP (no domain):</span> plain HTTP at <code class="{{ $code }}">http://&lt;server-ip&gt;</code>. Always stays reachable as a recovery path.</li>
<li class="{{ $li }}"><span class="text-ink">Built-in TLS:</span> set a domain Clusev obtains a Let's Encrypt certificate automatically and enforces HTTPS. Requires the domain's DNS to point here and ports 80/443 to be publicly reachable.</li>
<li class="{{ $li }}"><span class="text-ink">External reverse proxy:</span> an upstream proxy manager terminates TLS, Clusev serves HTTP only. Guide below.</li>
</ul>
</div>
<div class="space-y-3">
<h3 class="{{ $h }}">Built-in TLS (Let's Encrypt)</h3>
<ol class="ml-4 list-decimal space-y-1.5">
<li class="{{ $li }}">Point your domain's DNS at the server IP.</li>
<li class="{{ $li }}">System enter the domain, TLS termination set to <span class="text-ink">"Built-in TLS"</span>.</li>
<li class="{{ $li }}">Save restart the stack. The certificate is issued and renewed automatically on the first HTTPS request.</li>
</ol>
</div>
<div class="space-y-3">
<h3 class="{{ $h }}">Behind an external reverse proxy (proxy manager)</h3>
<p class="{{ $p }}">In this mode your upstream proxy terminates TLS; Clusev issues <span class="text-ink">no</span> certificate of its own.</p>
<p class="{{ $p }}"><span class="text-ink">1. In the panel:</span> System enter the domain TLS termination to <span class="text-ink">"External reverse proxy"</span> save restart the stack.</p>
<p class="{{ $p }}"><span class="text-ink">2. In the proxy manager:</span> create a new host/entry with these values:</p>
<pre class="{{ $pre }}">Incoming domain: panel.&lt;your-domain&gt;
Target / backend: http://&lt;clusev-server-ip&gt;:80 (HTTP, not HTTPS)
Forward: Host header + X-Forwarded-Proto: https
WebSocket: enable (for realtime: /app/* and /apps/*)</pre>
<p class="{{ $p }}">Important: the target is <span class="text-ink">HTTP on port 80</span> of the Clusev server, and the proxy must forward <code class="{{ $code }}">X-Forwarded-Proto: https</code> and WebSocket upgrades otherwise assets/login or the live connection stay blank.</p>
<p class="{{ $p }}"><span class="text-ink">3. On the Clusev server (`.env`):</span> mark the proxy address as trusted otherwise the `Secure` cookie and the real visitor IP in the audit log are not correct:</p>
<pre class="{{ $pre }}">TRUSTED_PROXY_CIDR=&lt;proxy-ip&gt;/32
# then apply once:
sudo clusev update</pre>
<p class="{{ $p }}"><span class="text-ink">4. Firewall:</span> secure the Clusev server's HTTP port (80) so it is reachable <span class="text-ink">only from the proxy</span>.</p>
<p class="{{ $p }}">Note: over the domain (HTTPS) everything works including security keys. The bare-IP path (<code class="{{ $code }}">http://&lt;server-ip&gt;</code>) stays reachable for recovery the limits there are covered under "Security &amp; 2FA".</p>
</div>