mirror of
https://github.com/alam00000/bentopdf.git
synced 2026-11-05 20:02:47 +01:00
140 lines
4.5 KiB
Markdown
140 lines
4.5 KiB
Markdown
# Distribuera till Netlify
|
|
|
|
[Netlify](https://netlify.com) erbjuder utmärkt hosting av statiska webbplatser med en generös gratisnivå.
|
|
|
|
## Distribuera med ett klick
|
|
|
|
[](https://app.netlify.com/start/deploy?repository=https://github.com/alam00000/bentopdf)
|
|
|
|
## Manuell distribution
|
|
|
|
### Steg 1: Anslut repositoryt
|
|
|
|
1. Logga in på [Netlify](https://app.netlify.com)
|
|
2. Klicka på "Add new site" → "Import an existing project"
|
|
3. Anslut ditt GitHub-konto
|
|
4. Välj din BentoPDF-fork
|
|
|
|
### Steg 2: Konfigurera bygginställningar
|
|
|
|
| Inställning | Värde |
|
|
| ----------------- | --------------- |
|
|
| Build command | `npm run build` |
|
|
| Publish directory | `dist` |
|
|
| Node version | 18+ |
|
|
|
|
### Steg 3: Distribuera
|
|
|
|
Klicka på "Deploy site" och vänta tills bygget är klart.
|
|
|
|
## Konfigurationsfil
|
|
|
|
Skapa `netlify.toml` i projektets rotmapp:
|
|
|
|
```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 Viktigt
|
|
Huvudena `Cross-Origin-Embedder-Policy` och `Cross-Origin-Opener-Policy` krävs för konvertering av Word/ODT/Excel/PowerPoint till PDF. Utan dem är `SharedArrayBuffer` otillgängligt och LibreOffice WASM-motorn kan inte initieras.
|
|
|
|
Huvudena `Content-Encoding: gzip` på filerna `.wasm.gz` och `.data.gz` får webbläsaren att packa upp dem automatiskt. Utan dem får webbläsaren rå gzip-data och WASM-kompileringen misslyckas.
|
|
:::
|
|
|
|
## Miljövariabler
|
|
|
|
Ange dessa under Site settings → Environment variables:
|
|
|
|
| Variabel | Beskrivning |
|
|
| ----------------------- | ------------------------------------------------------------- |
|
|
| `SIMPLE_MODE` | Sätt till `true` för ett minimalt bygge |
|
|
| `VITE_BRAND_NAME` | Eget varumärkesnamn (ersätter "BentoPDF") |
|
|
| `VITE_BRAND_LOGO` | Logotypsökväg relativt `public/` (t.ex. `images/my-logo.svg`) |
|
|
| `VITE_FOOTER_TEXT` | Egen sidfots-/upphovsrättstext |
|
|
| `VITE_DEFAULT_LANGUAGE` | Standardspråk för gränssnittet (t.ex. `fr`, `de`, `es`) |
|
|
|
|
## Egen domän
|
|
|
|
1. Gå till Site settings → Domain management
|
|
2. Klicka på "Add custom domain"
|
|
3. Följ anvisningarna för DNS-konfiguration
|
|
|
|
## Stora mediefiler
|
|
|
|
För stora WASM-filer kan du överväga att aktivera [Netlify Large Media](https://docs.netlify.com/large-media/overview/):
|
|
|
|
```bash
|
|
netlify lm:setup
|
|
git lfs track "*.wasm"
|
|
```
|
|
|
|
## Felsökning
|
|
|
|
### Word/ODT/Excel till PDF fastnar på 55 %
|
|
|
|
Om dokumentkonverteringar hänger sig på 55 % öppnar du DevTools Console och kontrollerar:
|
|
|
|
```js
|
|
console.log(window.crossOriginIsolated); // should be true
|
|
console.log(typeof SharedArrayBuffer); // should be "function"
|
|
```
|
|
|
|
Om `crossOriginIsolated` är `false` tillämpas inte COEP/COOP-huvudena från din `netlify.toml`. Se till att filen ligger i projektets rotmapp och distribuera om.
|
|
|
|
Om du ser `expected magic word 00 61 73 6d, found 1f 8b 08 08` i konsolen saknar filerna `.wasm.gz` huvudet `Content-Encoding: gzip`. Kontrollera att blocken `[[headers]]` för `soffice.wasm.gz` och `soffice.data.gz` finns i din `netlify.toml`.
|
|
|
|
### Bygget misslyckas
|
|
|
|
Kontrollera att Node-versionen är kompatibel:
|
|
|
|
```toml
|
|
[build.environment]
|
|
NODE_VERSION = "20"
|
|
```
|
|
|
|
### Långsam första laddning
|
|
|
|
Aktivera tillgångsoptimering under Site settings → Build & deploy → Asset optimization.
|