mirror of
https://github.com/alam00000/bentopdf.git
synced 2026-11-05 20:02:47 +01:00
140 lines
4.7 KiB
Markdown
140 lines
4.7 KiB
Markdown
# Implantar no Netlify
|
|
|
|
O [Netlify](https://netlify.com) oferece uma excelente hospedagem de sites estáticos, com um plano gratuito generoso.
|
|
|
|
## Implantação com Um Clique
|
|
|
|
[](https://app.netlify.com/start/deploy?repository=https://github.com/alam00000/bentopdf)
|
|
|
|
## Implantação Manual
|
|
|
|
### Passo 1: Conecte o Repositório
|
|
|
|
1. Faça login no [Netlify](https://app.netlify.com)
|
|
2. Clique em "Add new site" → "Import an existing project"
|
|
3. Conecte sua conta do GitHub
|
|
4. Selecione seu fork do BentoPDF
|
|
|
|
### Passo 2: Configure as Opções de Compilação
|
|
|
|
| Configuração | Valor |
|
|
| ----------------- | --------------- |
|
|
| Build command | `npm run build` |
|
|
| Publish directory | `dist` |
|
|
| Node version | 18+ |
|
|
|
|
### Passo 3: Implante
|
|
|
|
Clique em "Deploy site" e aguarde a compilação.
|
|
|
|
## Arquivo de Configuração
|
|
|
|
Crie o `netlify.toml` na raiz do seu projeto:
|
|
|
|
```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 Importante
|
|
Os cabeçalhos `Cross-Origin-Embedder-Policy` e `Cross-Origin-Opener-Policy` são necessários para as conversões de Word/ODT/Excel/PowerPoint para PDF. Sem eles, o `SharedArrayBuffer` fica indisponível e o mecanismo LibreOffice WASM não consegue inicializar.
|
|
|
|
Os cabeçalhos `Content-Encoding: gzip` nos arquivos `.wasm.gz` e `.data.gz` instruem o navegador a descompactá-los automaticamente. Sem eles, o navegador recebe bytes gzip brutos e a compilação do WASM falha.
|
|
:::
|
|
|
|
## Variáveis de Ambiente
|
|
|
|
Defina estas em Site settings → Environment variables:
|
|
|
|
| Variável | Descrição |
|
|
| ----------------------- | -------------------------------------------------------------------- |
|
|
| `SIMPLE_MODE` | Defina como `true` para uma compilação mínima |
|
|
| `VITE_BRAND_NAME` | Nome de marca personalizado (substitui "BentoPDF") |
|
|
| `VITE_BRAND_LOGO` | Caminho do logotipo relativo a `public/` (ex.: `images/my-logo.svg`) |
|
|
| `VITE_FOOTER_TEXT` | Texto personalizado de rodapé/direitos autorais |
|
|
| `VITE_DEFAULT_LANGUAGE` | Idioma padrão da interface (ex.: `fr`, `de`, `es`) |
|
|
|
|
## Domínio Personalizado
|
|
|
|
1. Acesse Site settings → Domain management
|
|
2. Clique em "Add custom domain"
|
|
3. Siga as instruções de configuração de DNS
|
|
|
|
## Large Media
|
|
|
|
Para arquivos WASM grandes, considere ativar o [Netlify Large Media](https://docs.netlify.com/large-media/overview/):
|
|
|
|
```bash
|
|
netlify lm:setup
|
|
git lfs track "*.wasm"
|
|
```
|
|
|
|
## Solução de Problemas
|
|
|
|
### Conversão de Word/ODT/Excel para PDF Travada em 55%
|
|
|
|
Se as conversões de documentos travarem em 55%, abra o Console do DevTools e verifique:
|
|
|
|
```js
|
|
console.log(window.crossOriginIsolated); // should be true
|
|
console.log(typeof SharedArrayBuffer); // should be "function"
|
|
```
|
|
|
|
Se `crossOriginIsolated` for `false`, os cabeçalhos COEP/COOP do seu `netlify.toml` não estão sendo aplicados. Confirme que o arquivo está na raiz do projeto e implante novamente.
|
|
|
|
Se você vir `expected magic word 00 61 73 6d, found 1f 8b 08 08` no console, os arquivos `.wasm.gz` estão sem os cabeçalhos `Content-Encoding: gzip`. Confirme que os blocos `[[headers]]` de `soffice.wasm.gz` e `soffice.data.gz` estão no seu `netlify.toml`.
|
|
|
|
### A Compilação Falha
|
|
|
|
Verifique a compatibilidade da versão do Node:
|
|
|
|
```toml
|
|
[build.environment]
|
|
NODE_VERSION = "20"
|
|
```
|
|
|
|
### Carregamento Inicial Lento
|
|
|
|
Ative a otimização de ativos em Site settings → Build & deploy → Asset optimization.
|