如何在服务端使用Nodejs+ARJS 来生成报表

应用场景：
客户在创建前后端分离的应用时，前端只用于做一些基本的数据展示，如果涉及大量的数据或报表生成，建议放在服务器端展示，本文主要分享如何在服务器端使用ActiveReportsJS 实现报表导出PDF功能

Demo下载


运行Demo

1. npm install
   
2. node index.js

复制代码

环境准备:
node.js v14.15.0+Headless 无头浏览器

操作步骤：
1. 添加资源文件


2. 配置资源和文件

1. const puppeteer = require('puppeteer');
   
2. const fs = require('fs');
   
3. var static = require('node-static');
   
4. var http = require('http');
   
5. 
   
6. var file = new(static.Server)(__dirname + '/resources');
   
7. 
   
8. http.createServer(function (req, res) {
   
9.   file.serve(req, res);
   
10. }).listen(9999);
    
11. 
    
12. const fonts = [
    
13.     {
    
14.         name: 'Montserrat',
    
15.         source: 'Montserrat-Regular.ttf'
    
16.     },
    
17.     {
    
18.         name: 'Montserrat',
    
19.         source: 'Montserrat-Medium.ttf',
    
20.         weight: 500
    
21.     }
    
22. ];

复制代码

3. 调用浏览器并初始化 调用ARJS 导出PDF文件

1. (async () => {
   
2.     const browser = await puppeteer.launch({headless: true});
   
3.     const page = await browser.newPage();
   
4.     await page.goto(`http://localhost:9999/host.html`);
   
5.     //await page.goto(`${__dirname}/resources/host.html`);
   
6.     const pdfString =await page.evaluate(({reportUrl, fonts}) =>        
   
7.         new Promise(async (resolve, reject) => {
   
8.             // await GC.ActiveReports.Core.FontStore.registerFonts(fonts);
   
9.             const report = new GC.ActiveReports.Core.PageReport();
   
10.             await report.load(reportUrl);
    
11.             const doc = await report.run();
    
12.             const result = await GC.ActiveReports.PdfExport.exportDocument(doc, {fonts: fonts, info: {author: 'GrapeCity'}});
    
13.             const reader = new FileReader();
    
14.             reader.readAsBinaryString(result.data);
    
15.             reader.onload = () => resolve(reader.result);
    
16.             reader.onerror = () => reject('Error occurred while reading binary string');
    
17.         }), {reportUrl: 'SimpleTable.rdlx-json', fonts: fonts});
    
18. 
    
19.     const pdfData = Buffer.from(pdfString, 'binary');
    
20.     fs.writeFileSync(`${__dirname}/out115.pdf`, pdfData);
    
21.     console.log('done');   
    
22.     process.exit(0);
    
23. })();

复制代码

我的业务场景确实需要在服务器打开 arjs，这个帖子是 2021 年的，目前有没有最新的解决方案，或者说依然可以参考这个帖子

zhlb 发表于 2024-9-26 09:47
我的业务场景确实需要在服务器打开 arjs，这个帖子是 2021 年的，目前有没有最新的解决方案，或者说依然可 ...

方案应该是通用的，不过能能不同版本的ARJS的写法有所变化，得根据具体的使用进行调整。

您可以先试试，有什么问题，咱们在具体解决。