Java根據(jù)url生成圖片、截圖效果
Java根據(jù)url截圖 說明原理環(huán)境準(zhǔn)備如何使用集成
說明
來都來了,別著急走,有些搞后端的同志看到使用了nodejs頭也不回的就走了,我也是純后端出身,接下來的內(nèi)容和安裝步驟我會(huì)以后端入門級(jí)開發(fā)都能看懂方式描述,簡(jiǎn)易程度堪比Hello Word
原理
nodejs可以直接在cmd命令窗格中通過命令直接運(yùn)行,Java可以調(diào)用命令窗格執(zhí)行某個(gè)命令;
使用nodejs腳本調(diào)用Puppeteer(Puppeteer是一個(gè)由Google Chrome團(tuán)隊(duì)官方提供的Node.js庫)利用Puppeteer無感的調(diào)用Chrome瀏覽器抓取網(wǎng)頁并截圖,最后將圖片轉(zhuǎn)為標(biāo)準(zhǔn)輸出流返給Java程序
環(huán)境準(zhǔn)備
1.確保已經(jīng)安裝了node和npm運(yùn)行環(huán)境
node -v npm -v
可以執(zhí)行上面的兩個(gè)命令來檢查,能看到輸出版本號(hào),表示環(huán)境沒問題;如果沒有安裝可以訪問nodejs官網(wǎng),下載安裝程序 傻瓜式下一步安裝即可;安裝完成后將鏡像地址改成國(guó)內(nèi)的
npm config set registry https://registry.npmmirror.com
2.確保安裝了Chrome瀏覽器或基于Chrome內(nèi)核開發(fā)的瀏覽器
如何使用
1.創(chuàng)建文件夾,打開cmd cd到新建的文件中執(zhí)行下面的命令,這個(gè)過程大概需要3-5分鐘
npm install puppeteer
執(zhí)行完后的效果如下

2.新建screenshot.js文件,編寫nodejs腳本
const puppeteer = require('puppeteer');
// 獲取java傳過來的參數(shù)
const url = process.argv[2];
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
// 設(shè)置視口大小
await page.setViewport({
width: 1920,
height: 1080,
deviceScaleFactor: 2, // 像素比,默認(rèn)為 1。在高 DPI 屏幕上,可以將其設(shè)置為 2 或更高,以模擬高分辨率顯示。
});
await page.goto(url);
const screenshotBuffer = await page.screenshot({
fullPage: true;//是否截全屏
});
// 輸出截圖的 Buffer 到標(biāo)準(zhǔn)輸出流
process.stdout.write(screenshotBuffer);
await browser.close();
})();效果如下

3.cmd在當(dāng)前目錄中執(zhí)行下面的命令,測(cè)試抓取百度的頁面
node screenshot.js https://www.baidu.com/
抓取成功后的效果
一堆亂碼對(duì)吧,但是不要慌 這是正常的,因?yàn)槟_本中是將文件流轉(zhuǎn)成了標(biāo)準(zhǔn)的輸出流

4.Java代碼
package com.assoft.erms.common.utils;
import java.io.ByteArrayOutputStream;
import java.io.FileOutputStream;
import java.io.InputStream;
public class ScreenshotUtil {
public static void main(String[] args) {
//js腳本文件地址
String screenshotJs = "D:\\workspace\\javascript\\screenshot.js";
//要截圖的網(wǎng)頁(有攔截器,需要驗(yàn)證身份的不行)
String url = "http://politics.people.com.cn/n1/2024/1031/c1024-40350705.html";
//保存的文件名
String filePath = "screenshot.png";
try {
//兩種返回類型,邏輯是一樣的;只是返回類型不同 根據(jù)情況自行選擇
// 模式一:獲取截圖的字節(jié)數(shù)組
byte[] screenshotBytes = ScreenshotUtil.captureScreenshotAsBytes(url,screenshotJs);
System.out.println("屏幕截圖字節(jié)數(shù)組長(zhǎng)度: " + screenshotBytes.length);
// 模式二:將截圖保存到指定路徑
ScreenshotUtil.captureScreenshotAsFile(url, filePath,screenshotJs);
System.out.println("屏幕截圖已保存到: " + filePath);
} catch (Exception e) {
e.printStackTrace();
}
}
/**
* 獲取網(wǎng)頁截圖的字節(jié)數(shù)組
* @param url
* @return
* @throws Exception
*/
public static byte[] captureScreenshotAsBytes(String url,String screenshotJs) throws Exception {
Process process = Runtime.getRuntime().exec(new String[]{"node", screenshotJs, url});
// 獲取 Process 的輸入流
try (InputStream inputStream = process.getInputStream();
ByteArrayOutputStream byteArrayOutputStream = new ByteArrayOutputStream()) {
byte[] buffer = new byte[1024];
int length;
while ((length = inputStream.read(buffer)) != -1) {
byteArrayOutputStream.write(buffer, 0, length);
}
process.waitFor(); // 等待進(jìn)程結(jié)束
return byteArrayOutputStream.toByteArray(); // 返回字節(jié)數(shù)組
}
}
/**
* 將網(wǎng)頁截圖保存到指定路徑
* @param url
* @param filePath
* @throws Exception
*/
public static void captureScreenshotAsFile(String url, String filePath,String screenshotJs) throws Exception {
byte[] screenshotBytes = captureScreenshotAsBytes(url,screenshotJs); // 獲取截圖字節(jié)數(shù)組
// 將字節(jié)數(shù)組寫入文件
try (FileOutputStream fileOutputStream = new FileOutputStream(filePath)) {
fileOutputStream.write(screenshotBytes);
}
}
}5.最終的效果圖如下
圖片違規(guī)了。。。。
集成
Demo是寫好了,怎么集成到自己的java工程中呢?
很簡(jiǎn)單只需要將node_modules和screenshot.js復(fù)制到自己的Java工程中,package.json、package-lock.json不需要
目錄層級(jí)的說明:
screenshot.js會(huì)往上查找node_modules,以下是三個(gè)例子
可行
|-- node_modules |-- screenshot.js
可行
|-- node_modules |-- js |-- screenshot.js
不可行
|-- screenshot.js |-- static |-- node_modules
到此這篇關(guān)于Java根據(jù)url生成圖片、截圖的文章就介紹到這了,更多相關(guān)java根據(jù)url生成圖片內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Idea 搭建Spring源碼環(huán)境的超詳細(xì)教程
這篇文章主要介紹了Idea 搭建Spring源碼環(huán)境,本文通過圖文并茂的形式給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-10-10
Java源碼難點(diǎn)突破Lambda表達(dá)式執(zhí)行原理
這篇文章主要為大家介紹了Java難點(diǎn)突破Lambda表達(dá)式執(zhí)行原理分析及示例的實(shí)現(xiàn)源碼,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步2022-03-03
SpringBoot中請(qǐng)求入?yún)㈩愋娃D(zhuǎn)換的6種玩法
做 Spring Boot Web 開發(fā)的小伙伴,想必都做過請(qǐng)求入?yún)㈩愋娃D(zhuǎn)換吧,本文將和大家詳細(xì)介紹一下SpringBoot參數(shù)類型轉(zhuǎn)換的6種玩法,希望對(duì)大家有所幫助2026-02-02
Java加密解密工具(適用于JavaSE/JavaEE/Android)
這篇文章主要介紹了Java加密解密工具,適用于JavaSE/JavaEE/Android,感興趣的小伙伴們可以參考一下2016-04-04
SpringBoot中通過AOP整合日志文件的實(shí)現(xiàn)
本文主要介紹了SpringBoot中通過AOP整合日志文件的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-12-12

