mirror of
https://github.com/alam00000/bentopdf.git
synced 2026-11-05 11:52:48 +01:00
140 lines
4.6 KiB
Markdown
140 lines
4.6 KiB
Markdown
# Wdrożenie na Netlify
|
|
|
|
[Netlify](https://netlify.com) zapewnia świetny hosting statycznych stron z hojnym darmowym planem.
|
|
|
|
## Wdrożenie jednym kliknięciem
|
|
|
|
[](https://app.netlify.com/start/deploy?repository=https://github.com/alam00000/bentopdf)
|
|
|
|
## Wdrożenie ręczne
|
|
|
|
### Krok 1: Połącz repozytorium
|
|
|
|
1. Zaloguj się do [Netlify](https://app.netlify.com)
|
|
2. Kliknij "Add new site" → "Import an existing project"
|
|
3. Połącz swoje konto GitHub
|
|
4. Wybierz swój fork BentoPDF
|
|
|
|
### Krok 2: Skonfiguruj ustawienia budowania
|
|
|
|
| Ustawienie | Wartość |
|
|
| ----------------- | --------------- |
|
|
| Build command | `npm run build` |
|
|
| Publish directory | `dist` |
|
|
| Node version | 18+ |
|
|
|
|
### Krok 3: Wdróż
|
|
|
|
Kliknij "Deploy site" i poczekaj na zakończenie budowania.
|
|
|
|
## Plik konfiguracyjny
|
|
|
|
Utwórz `netlify.toml` w katalogu głównym projektu:
|
|
|
|
```toml
|
|
[build]
|
|
command = "npm run build"
|
|
publish = "dist"
|
|
|
|
[build.environment]
|
|
NODE_VERSION = "18"
|
|
|
|
# Required security headers for SharedArrayBuffer (used by LibreOffice WASM)
|
|
[[headers]]
|
|
for = "/*"
|
|
[headers.values]
|
|
Cross-Origin-Embedder-Policy = "require-corp"
|
|
Cross-Origin-Opener-Policy = "same-origin"
|
|
Cross-Origin-Resource-Policy = "cross-origin"
|
|
|
|
# Pre-compressed LibreOffice WASM binary - must be served with Content-Encoding
|
|
[[headers]]
|
|
for = "/libreoffice-wasm/soffice.wasm.gz"
|
|
[headers.values]
|
|
Content-Type = "application/wasm"
|
|
Content-Encoding = "gzip"
|
|
Cache-Control = "public, max-age=31536000, immutable"
|
|
|
|
# Pre-compressed LibreOffice WASM data - must be served with Content-Encoding
|
|
[[headers]]
|
|
for = "/libreoffice-wasm/soffice.data.gz"
|
|
[headers.values]
|
|
Content-Type = "application/octet-stream"
|
|
Content-Encoding = "gzip"
|
|
Cache-Control = "public, max-age=31536000, immutable"
|
|
|
|
# Cache other WASM files
|
|
[[headers]]
|
|
for = "*.wasm"
|
|
[headers.values]
|
|
Cache-Control = "public, max-age=31536000, immutable"
|
|
Content-Type = "application/wasm"
|
|
|
|
# SPA routing
|
|
[[redirects]]
|
|
from = "/*"
|
|
to = "/index.html"
|
|
status = 200
|
|
```
|
|
|
|
::: warning Ważne
|
|
Nagłówki `Cross-Origin-Embedder-Policy` i `Cross-Origin-Opener-Policy` są wymagane do konwersji Word/ODT/Excel/PowerPoint na PDF. Bez nich `SharedArrayBuffer` jest niedostępny, a silnik LibreOffice WASM nie uruchomi się.
|
|
|
|
Nagłówki `Content-Encoding: gzip` przy plikach `.wasm.gz` i `.data.gz` informują przeglądarkę, że ma je automatycznie rozpakować. Bez nich przeglądarka otrzymuje surowe bajty gzip, a kompilacja WASM kończy się błędem.
|
|
:::
|
|
|
|
## Zmienne środowiskowe
|
|
|
|
Ustaw je w Site settings → Environment variables:
|
|
|
|
| Zmienna | Opis |
|
|
| ----------------------- | ------------------------------------------------------------- |
|
|
| `SIMPLE_MODE` | Ustaw na `true` dla minimalnego builda |
|
|
| `VITE_BRAND_NAME` | Własna nazwa marki (zastępuje "BentoPDF") |
|
|
| `VITE_BRAND_LOGO` | Ścieżka do logo względem `public/` (np. `images/my-logo.svg`) |
|
|
| `VITE_FOOTER_TEXT` | Własny tekst stopki/praw autorskich |
|
|
| `VITE_DEFAULT_LANGUAGE` | Domyślny język interfejsu (np. `fr`, `de`, `es`) |
|
|
|
|
## Własna domena
|
|
|
|
1. Przejdź do Site settings → Domain management
|
|
2. Kliknij "Add custom domain"
|
|
3. Postępuj zgodnie z instrukcjami konfiguracji DNS
|
|
|
|
## Duże pliki multimedialne
|
|
|
|
Dla dużych plików WASM rozważ włączenie [Netlify Large Media](https://docs.netlify.com/large-media/overview/):
|
|
|
|
```bash
|
|
netlify lm:setup
|
|
git lfs track "*.wasm"
|
|
```
|
|
|
|
## Rozwiązywanie problemów
|
|
|
|
### Konwersja Word/ODT/Excel na PDF zawiesza się na 55%
|
|
|
|
Jeśli konwersje dokumentów zawieszają się na 55%, otwórz konsolę DevTools i sprawdź:
|
|
|
|
```js
|
|
console.log(window.crossOriginIsolated); // should be true
|
|
console.log(typeof SharedArrayBuffer); // should be "function"
|
|
```
|
|
|
|
Jeśli `crossOriginIsolated` ma wartość `false`, nagłówki COEP/COOP z Twojego `netlify.toml` nie są stosowane. Upewnij się, że plik jest w katalogu głównym projektu, i wdróż ponownie.
|
|
|
|
Jeśli w konsoli widzisz `expected magic word 00 61 73 6d, found 1f 8b 08 08`, pliki `.wasm.gz` nie mają nagłówków `Content-Encoding: gzip`. Upewnij się, że bloki `[[headers]]` dla `soffice.wasm.gz` i `soffice.data.gz` znajdują się w Twoim `netlify.toml`.
|
|
|
|
### Budowanie kończy się błędem
|
|
|
|
Sprawdź zgodność wersji Node:
|
|
|
|
```toml
|
|
[build.environment]
|
|
NODE_VERSION = "20"
|
|
```
|
|
|
|
### Wolne pierwsze ładowanie
|
|
|
|
Włącz optymalizację zasobów w Site settings → Build & deploy → Asset optimization.
|