Web2PDF

// Exemplo de integração com Web2PDF
const generatePDF = async (url) => {
  try {
    const response = await fetch(
      `https://api.web2pdf.com/api/pdf?url=${encodeURIComponent(url)}`,
      {
        method: 'GET',
        headers: {
          'Authorization': 'Bearer YOUR_API_KEY',
        },
      }
    );
    
    if (!response.ok) {
      throw new Error('Falha ao gerar PDF');
    }
    
    // Blob do PDF gerado
    const pdfBlob = await response.blob();
    
    // Criar URL para download
    const pdfUrl = URL.createObjectURL(pdfBlob);
    
    // Iniciar download
    const a = document.createElement('a');
    a.href = pdfUrl;
    a.download = 'documento.pdf';
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
  } catch (error) {
    console.error('Erro:', error);
  }
};

// Chamar a função com a URL desejada
generatePDF('https://exemplo.com/pagina-para-converter');

// Componente React para gerar PDF
import React, { useState } from 'react';

export default function PDFGenerator() {
  const [url, setUrl] = useState('');
  const [isLoading, setIsLoading] = useState(false);
  
  const handleGeneratePDF = async () => {
    if (!url) return;
    
    setIsLoading(true);
    try {
      const response = await fetch(
        `/api/generate-pdf?url=${encodeURIComponent(url)}`
      );
      
      if (!response.ok) {
        throw new Error('Falha ao gerar PDF');
      }
      
      const pdfBlob = await response.blob();
      const pdfUrl = URL.createObjectURL(pdfBlob);
      
      window.open(pdfUrl, '_blank');
    } catch (error) {
      console.error('Erro:', error);
      alert('Falha ao gerar PDF');
    } finally {
      setIsLoading(false);
    }
  };
  
  return (
    <div className="pdf-generator">
      <input
        type="text"
        value={url}
        onChange={(e) => setUrl(e.target.value)}
        placeholder="Digite a URL para converter"
        className="input"
      />
      <button 
        onClick={handleGeneratePDF}
        disabled={isLoading}
        className="button"
      >
        {isLoading ? 'Gerando...' : 'Gerar PDF'}
      </button>
    </div>
  );
}