DF（Portable Document Format）是一種通用的文檔格式，可以保持文檔的原貌，因此在傳輸、打印和分享文檔時，它是非常方便的。它可以將文檔從其他格式轉換成PDF格式，以便在任何設備上，在任何位置，可以以相同的格式查看文檔。 比如客匯寶APP上可以用來轉換各類文檔。其他格式轉換成PDF格式的功能應用可以滿足以下需求：

1. 將文檔從其他格式轉換成PDF格式，以便可以在任何設備上，以相同的格式查看文檔。

2. 將圖片、文本文檔、表格文檔、電子表格文檔、電子郵件文檔、PPT等轉換成PDF格式，以便打印、分享和傳輸。

3. 自動檢測文檔內容，將內容轉換成PDF格式，以便保持文檔原貌。

4. 支持多種格式的文檔轉換，包括Microsoft Word，Excel，Powerpoint文檔，OpenOffice文檔，Adobe Illustrator文檔，JPG，PNG，GIF，HTML，RTF等等。

5. 支持批量轉換，可以一次性將多個文檔轉換成PDF格式，以節省時間。

6. 支持多種語言的文檔轉換，可以將文檔從英語、法語、德語、西班牙語、日語、韓語、俄語、阿拉伯語等轉換成PDF格式。

7. 支持跨平臺的文檔轉換，可以將文檔從Windows，Mac，Linux，iOS，Android等轉換成PDF格式。

8. 可以設置文檔的屬性，如標題、作者、關鍵字等。

9. 可以設置PDF文檔的安全性，可以設置編輯、打印、復制、外部訪問等權限。 10. 可以將PDF文檔轉換成其他格式，如Word，Excel，Powerpoint，HTML，RTF等等。

其他格式轉換成PDF格式的功能應用可以節省大量的時間和精力，為用戶提供更多的便利。它可以讓用戶在任何設備上，以相同的格式查看文檔，而不必擔心文檔的格式丟失。它還可以讓用戶有更多的選擇，可以將任何格式的文檔轉換成PDF格式，并可以設置文檔的安全性。

總之，其他格式轉換成PDF格式的功能應用是一種非常有用的工具，可以極大地提高文檔的傳輸效率和安全性。

持原創，共同進步！請關注我，后續分享更精彩!

概述

項目中經常有生成圖表報告的需求。實現的方式有很多，下面幾種方案，各有優缺點。

純java后端實現：后端JFreeChart等繪制庫畫好圖表，再通過itext庫導出為pdf。該方案能實現簡單的圖表功能，樣式、格式調整等可能會花大量時間。適合中小型報表開發項目。

前端繪制圖表，后端運行時命令調用wkhtmltopdf生成pdf：后端通過運行時命令調用node js，js使用wkhtmltopdf庫動態訪問報表url地址，HTML內容渲染完成后生成pdf文件。該方案，使用純前端js繪制圖表，能實現復雜需求。但wkhtmltopdf庫對不同瀏覽器的js存在兼容性問題，導出成pdf文件時存在各種坑，在單頁面技術支持還不太成熟。適合豐富報表的pdf導出，但兼容性問題維護成本太高。

前端繪制圖表，后端運行時命令調用puppeteer生成pdf：后端通過運行時命令調用node js，js使用puppeteer庫動態訪問報表url地址，HTML內容渲染完成后生成pdf文件。該方案和wkhtmltopdf方案類似，但兼容性更好。puppeteer是 Chrome 開發團隊在 2017 年發布的一個 Node.js 包，用來模擬 Chrome 瀏覽器的運行。可以在無界面的環境中運行Chrome或通過命令行、程序語言操作 Chrome。理論上Chrome中顯示的圖表，就能通過該庫生成一致的pdf文件內容，不用浪費很多時間在頁面樣式和兼容性問題上。

本文選擇puppeteer方案介紹如何生成一個pdf報表。細心的小伙伴可能注意到了，既然puppeteer是js庫，為什么不直接前端導出pdf，干嘛這么麻煩還通過后端繞一圈來實現？

這主要出于需求和用戶體驗的考慮，有些業務場景需要通過api接口動態生成pdf報表，不需要用戶訪問界面。如果生成的pdf的報表很大，直接在用戶端生成，可能占用大量客戶端資源，導致頁面崩潰或假死，從而影響使用體驗。

實現

1.先安裝NodeJs，網上教程很多，本文不再贅述。

2.安裝puppeteer依賴，如果npm下載不成功就使用cnpm命令（cnpm需要先安裝）

npm install puppeteer --save

3.在安裝puppeteer依賴的目錄下創建page2pdf.js

const puppeteer=require('puppeteer');
const options=process.argv;
var siteUrl;
//執行 node page2pdf.js https://www.baidu.com

(async()=> {
if(options.length>=3){
    siteUrl=options[2];
    //types=options[3];
	//console.log(siteUrl);
}

const browser=await puppeteer.launch();
const page=await browser.newPage();

//console.log(options.length);
//console.log(options[0]);
//console.log(options[1]);
//console.log(options[2]);
//console.log(options[3]);

const userAgent="Mozilla/5.0 (Linux; Android 8.1.0; MI 8 Build/OPM1.171019.011; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/62.0.3202.84 Mobile Safari/537.36";
page.setUserAgent(userAgent);

await page.setViewport({ width: 1000, height: 1080 });

//await page.setViewport({ width: 480, height: 800,isMobile: true}); 

//通過css樣式可見，動態設置站點加載完成標識。
//page.waitForSelector('img').then(()=> console.log('siteUrl with page load success: ' + siteUrl));

await page.goto(siteUrl, {timeout: 10*60000, waitUntil: 'networkidle2'});

/**await page.goto(siteUrl, {timeout: 10*60000, waitUntil: 'networkidle2'})
			.catch(e=> {
			  console.log(siteUrl+" is error:"+e);
			  browser.close()
			});*/

const pdf=await page.pdf({
		path: 'page.pdf', //便于測試驗證，實際使用時可屏蔽
		format: 'A4'
	});
	
await browser.close();
process.stdout.write(pdf);
})();

page2pdf.js文件引入puppeteer依賴庫，通過傳入siteUrl參數訪問HTML page頁面，page.pdf生成文件，再通過process.stdout.write(pdf)返回java后臺。

4.創建java PuppeteerHtmlToPdf.java文件

/**
 * 用谷歌提供的node實現的Puppeteer，實現網頁生成pdf文件
 */
public class PuppeteerHtmlToPdf {
    /**
     * html轉pdf,直接通過流輸出到瀏覽器
     * @param response 瀏覽器響應
     * @param fileName 文件名稱
     * @param puppeteerjs 要采用哪個js文件執行
     * @param webSiteUrl 要生成pdf的網頁
     */
    public static void parseHtml2Pdf(HttpServletResponse response, String fileName, String puppeteerjs, String webSiteUrl) {
        try {
            Runtime rt=Runtime.getRuntime();
            Process p=rt.exec("node "+puppeteerjs+" "+webSiteUrl);
            InputStream is=p.getInputStream();
            BufferedInputStream bf=new BufferedInputStream(is);
            byte[] data=IOUtils.toByteArray(bf);
            fileName=URLEncoder.encode(fileName, "UTF-8");
            response.setHeader("Content-Disposition", "attachment; filename=\"" + fileName + "\"");
            response.addHeader("Content-Length", "" + data.length);
            response.setContentType("application/octet-stream;charset=UTF-8");
            OutputStream outputStream=new BufferedOutputStream(response.getOutputStream());
            outputStream.write(data);
            outputStream.flush();
            outputStream.close();
        } catch (IOException e) {
            e.printStackTrace();
        }

    }
}

5.報表生成

page2pdf.js頁面目錄打開命令行，執行指令。

運行指令，生成pdf

node page2pdf.js https://www.baidu.com

查看對應目錄，已動態生成了一個page.pdf文件

打開pdf文件，對應HTML內容已生成。

小結

本文介紹了報表導出pdf的3種方式，通過優缺點分析，詳細闡述了puppeteer的實現方式。并通過百度頁面的pdf導出做了演示。

希望本文對有類似報表pdf導出需求的小伙伴有所參考和幫助。若存在不足或更好方案，請留言討論。