寻求基于开源库的Azure Function实现：经Logic Apps触发HTML转PDF

选型建议 #

优先用Puppeteer（具体用puppeteer-core），它基于Chromium内核，能完整渲染带CSS的HTML，对复杂动态表格、分页样式的支持远优于wkhtmltopdf或jsPDF，完全满足需求。

实现步骤 #

1. 创建Azure Function项目

• 选择Node.js作为运行时，触发类型选HTTP触发（方便Logic Apps调用）
• 初始化项目后，安装依赖：

  npm install puppeteer-core @azure/functions
  

  用puppeteer-core而非全量puppeteer，避免在Azure环境中重复下载Chromium，节省部署体积。

2. 编写核心转换代码

在index.js中编写如下逻辑，处理HTTP请求传入的HTML，生成PDF并返回：

const { app } = require('@azure/functions');
const puppeteer = require('puppeteer-core');

app.http('HtmlToPdf', {
    methods: ['POST'],
    authLevel: 'function',
    handler: async (request, context) => {
        try {
            // 从请求体获取HTML内容
            const htmlContent = await request.text();
            
            // 启动Chromium（Azure Linux环境自带，无需额外安装）
            const browser = await puppeteer.launch({
                executablePath: '/usr/bin/chromium-browser',
                args: ['--no-sandbox', '--disable-setuid-sandbox'],
                headless: 'new'
            });

            const page = await browser.newPage();
            // 注入处理分页的基础CSS，可根据需求扩展
            const customCss = `
                <style>
                    /* 避免表格被分页拆分 */
                    table { page-break-inside: avoid; }
                    /* 分页后表头固定在顶部 */
                    thead th { position: sticky; top: 0; background: #fff; border-bottom: 2px solid #000; }
                    /* 确保内容区域适配页面 */
                    body { margin: 20px; }
                </style>
            `;
            // 组合自定义CSS和传入的HTML
            await page.setContent(customCss + htmlContent);

            // 生成PDF，配置分页、尺寸等参数
            const pdfBuffer = await page.pdf({
                format: 'A4',
                printBackground: true, // 保留背景样式
                margin: { top: '20px', right: '20px', bottom: '20px', left: '20px' }
            });

            await browser.close();

            // 返回PDF字节流，设置正确的Content-Type
            return {
                status: 200,
                headers: { 'Content-Type': 'application/pdf' },
                body: pdfBuffer
            };
        } catch (error) {
            context.log.error('PDF转换失败:', error);
            return { status: 500, body: 'PDF转换失败: ' + error.message };
        }
    }
});

3. Azure Function环境配置

• 部署时选择Linux消费计划（或弹性计划），Azure Linux环境预安装了Chromium，路径就是代码里的/usr/bin/chromium-browser
• 在Function应用的配置中添加环境变量：
  • PUPPETEER_SKIP_CHROMIUM_DOWNLOAD=true：跳过自动下载Chromium，使用系统自带版本
  • WEBSITE_NODE_DEFAULT_VERSION=18.x：指定Node.js版本（Puppeteer对16+版本支持更好）

4. Logic Apps触发配置

• 在Logic Apps中添加HTTP动作，请求方法选POST，URL填Azure Function的触发URL（带函数密钥）
• 请求体设置为需要转换的HTML内容（可来自之前的步骤，比如从SQL查询生成的动态HTML）
• 添加创建Blob动作，将HTTP响应的内容保存到Azure Blob Storage，完成PDF存储

关键样式优化（处理复杂表格分页）

如果表格特别复杂，可补充以下CSS规则：

• 给长表格的行设置page-break-after: auto;，避免单行被拆分到两页
• 对于固定列宽的表格，用table-layout: fixed;确保分页后列宽一致
• 若表格包含合并单元格，确保父容器有足够的宽度，避免内容溢出

注意事项 #

• 消费计划的内存限制可能导致大HTML转换失败，若处理超大表格，建议升级到弹性计划（至少2GB内存）
• 测试时可先在本地运行，用puppeteer而非puppeteer-core（本地需要Chromium），部署时再切换回puppeteer-core

内容的提问来源于stack exchange，提问作者EPStudio