【截图服务 +打包】pkg打包 puppeteer

最后结论

windows打包成服务

定制executablePath

用程序来查找chrome.exe 代替上面的写配置文件

服务遇到的问题

使用java开一个线程启动

遇到的问题与解决

版本匹配问题

打出包后的运行报错问题

linux下的安装

安装n

库缺少

程序运行后的报错

制作

运行报错与修改后成功

方式二chromedrive

实验数据

参考文档

最后结论

pkg -t win --public ./screenshots.js --output ./dist/screen.exe

服务启动：

postman调用：

windows打包成服务

D:\web-video-platform\nssm.exe install wvp-screen  "D:\web-video-platform\chrome\screen"
rem D:\web-video-platform\nssm.exe set wvp-screen AppDirectory "D:\web-video-platform\chrome"
D:\web-video-platform\nssm.exe start wvp-screen

定制executablePath

{"executablePath": "C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe"
}

使用方法

const config2 = require("D:\\web-video-platform\\chrome\\puppeteer.config.json");

let chromePath = await findChromePath(winreg.HKLM,'\\SOFTWARE\\Microsoft\\Windows\\CurrentVersion\\App Paths\\chrome.exe',"Path");chromePath = chromePath+ "\\chrome.exe";logStream.write(`I  should have it here :${chromePath}\n`);

用程序来查找chrome.exe 代替上面的写配置文件

可以灵活根据每台主机本身的情况

async function findChromePath(myhive,mykey,myvalue) {const chromeKey = new winreg({hive: myhive,//winreg.HKLM,key: mykey,//'\\SOFTWARE\\Microsoft\\Windows\\CurrentVersion\\App Paths\\chrome.exe'});try {const result = await new Promise((resolve, reject) => {chromeKey.get(myvalue, (err, result) => {if (err) {reject(err);} else {resolve(result);}});});console.log(result.value);return result.value ;} catch (err) {console.error('Chrome installation path not found in registry.');return null;}
}

服务遇到的问题

会找不着系统默认的chrome位置

会有时候截图是空

使用java开一个线程启动

会截图几次后服务死掉

遇到的问题与解决

版本匹配问题

pkg 这里说的是v3.5,实际装的是5.8.1，没有关系；可以向下兼容。

但node 18.15.0以上的就没有能与pkg相匹配相适应的，所以只能选这个。

node,21 ，19.8.1 在工程里都试过了，工程本身可以，但pkg进行打包时，说明pkg没有找到能匹配》19版本的实现，所以，只能选 18.15.0

打出包后的运行报错问题

如下解决nodejs + pkg+ puppeteer 路径问题以及 Passed function is not well-serializable 问题_passed function cannot be serialized!-CSDN博客

linux下的安装

安装n

由于gcc没有装，先装gcc ；然后再装glibc23

linux文件版本管理,Linux下使用n来管理多版本NodeJS-CSDN博客

库缺少

/lib64/libstdc++.so.6: version `CXXABI_1.3.9' not found (required by ../../bin/xxx)
/lib64/libstdc++.so.6: version `GLIBCXX_3.4.21' not found (required by ../../bin/xxx)
————————————————

Error: /lib64/libstdc++.so.6: version `CXXABI_1.3.9‘ not found-CSDN博客

因为已经安装了gcc 9.x的版本，所以找找就好

# 查询本机的so库
find / -name "libstdc++.so.*"

cp /usr/local/gcc/...../libstdc++.so.6.0.28 /usr/lib64

ln -snf ./libstdc++.so.6.0.28 ./libstdc++.so.6

程序运行后的报错

Error: Failed to launch the browser process! /root/.cache/puppeteer/chrome/linux-123.0.6312.58/chrom

centos puppeteer问题汇总_missing x server or $display-CSDN博客

制作

pkg -t linux --public ./screenshots.js --output ./dist/screen

运行报错与修改后成功

如果没有装浏览器，会报错

Error: Failed to launch the browser process! /root/.cache/puppeteer/chrome/l

我们直接装下chrome

成功！

地址 10.60.100.194： /home/java/mesh/screen/dist

方式二chromedrive

需要： chromedrive.exe 及版本号与之完全对应的chrome

这会导致安装包很大。

如下的方式，没有做成服务，每次调用都要调动chrome，耗费几秒；应该把chrome启动后，作为服务，一直放着。

public static void main(String[] args) throws Exception {// String path = "E:\\chromes\\107\\App\\Chrome-bin\\chrome.exe";// System.setProperty("webdriver.chrome.bin", path);System.setProperty("webdriver.chrome.driver","chromedriver.exe");ChromeOptions options = new ChromeOptions();// options.setBinary(path);options.addArguments("--headless");  //无界面模式options.addArguments("--disable-gpu");  // headless模式下，windows系统可能需要options.addArguments("--window-size=1920,1080");  //缺少此配置，headless模式可能点击不到元素options.addArguments("--remote-allow-origins=*");options.addArguments("--start-maximized");  //启动时最大化窗口WebDriver webDriver = new ChromeDriver(options);String url = "https://www.baidu.com/";
//        String url = "http://localhost:6767/#/wvp/alarmScreenShotMap?lnglat=121.449333,31.025822";webDriver.get(url);webDriver.manage().window().maximize();Thread.sleep(8000);WebElement element = webDriver.findElement(By.id("containerForShot"));File screenshotFile = ((TakesScreenshot) element).getScreenshotAs(OutputType.FILE);FileUtils.copyFile(screenshotFile, new File("static/shot/test.png"));webDriver.quit();}