近日,笔者接到一个需求。开发一个客户端程序,内嵌浏览器,能够访问Vue.js项目。
接到这个需求吧,就很别扭。Java并不擅长开发客户端程序。笔者在学习Java开发时会Swing开发过客户端程序,整体感觉用Java开发客户端程序很麻烦,开发出来的东西也很丑。丑爆了。
没办法,领导安排的事情就要做,硬着头皮做。
经过一番考查,技术选型最终定为JavaFX + JxBrowser。
确认技术是否可行,先写Demo示例程序。
简单说一下JxBrowser是什么。
JxBrowser是一个Java类库,用于将谷歌Chromium浏览器组件集成到Java应用中,可以在JavaFX、Swing、SWT应用中展示Web页面和PDF文件。
开发环境:
开发工具:IntelliJ IDEA 2021.3.3
(1)创建一个Maven项目。
com.jasmine brower 1.0-SNAPSHOT
(2)在项目根目录下创建文件夹lib用于存放JxBrowser的Jar包。
(3)将JxBrowser的Jar包(jxbrowser-6.21.jar、jxbrowser-win64-6.21.jar、license.jar)复制到lib文件夹下。
(4)在IDEA中引用lib文件夹下的所有Jar包。
File --> Project Structure --> Project Settings --> Libraries --> + --> Java --> 选择lib文件夹的所有Jar包。
(5)创建项目启动类 —— App.java
public class App extends Application { static { try { Field e = ba.class.getDeclaredField("e"); e.setAccessible(true); Field f = ba.class.getDeclaredField("f"); f.setAccessible(true); Field modifersField = Field.class.getDeclaredField("modifiers"); modifersField.setAccessible(true); modifersField.setInt(e, e.getModifiers() & ~Modifier.FINAL); modifersField.setInt(f, f.getModifiers() & ~Modifier.FINAL); e.set(null, new BigInteger("1")); f.set(null, new BigInteger("1")); modifersField.setAccessible(false); } catch (Exception e1) { e1.printStackTrace(); } } @Override public void start(final Stage primaryStage) { Browser browser = new Browser(); BrowserView view = new BrowserView(browser); Scene scene = new Scene(new BorderPane(view)); primaryStage.setScene(scene); // 设置窗口最大化 primaryStage.setMaximized(true); // 设置全屏展示// primaryStage.setFullScreen(true); // 设置标题 primaryStage.setTitle("Hello JavaFX Application"); primaryStage.show(); // 添加了一个属性,供在JS文件中Java代码 browser.addLoadListener(new LoadAdapter() { @Override public void onStartLoadingFrame(StartLoadingEvent event) { JSValue window = browser.executeJavaScriptAndReturnValue("window"); MyBridge myBridge = new MyBridge(); window.asObject().setProperty("myBridge", myBridge); } }); browser.loadURL("http://localhost:8080/"); } public static void main(String[] args) { launch(args); }}
MyBridge.java
public class MyBridge { public void print(String msg) { System.out.println("msg: " + msg); }}
在.vue文件中调用Java代码的方式:
print() { myBridge.print("vue page print button click");}
(6)运行App.java。
项目启动成功后,我们就能看到一个最大化的JavaFX窗体,内嵌了Vue页面。点击Vue页面的按钮,可以在JavaFX项目控制台中看到对应的输出信息。
留言与评论(共有 0 条评论) “” |