教程八在Go中使用Energy创建跨平台GUI应用 - Go执行JS函数

置顶 yanghye

已于 2022-12-01 11:55:25 修改

阅读量479

点赞数

分类专栏： Energy 文章标签： golang GoGUI Go跨平台应用 chromium Go桌面应用

于 2022-12-01 11:48:41 首次发布

本文链接：https://blog.csdn.net/yhylovezl/article/details/128074644

版权

Energy 专栏收录该内容

16 篇文章 14 订阅

订阅专栏

教程-示例-文档

介绍

Energy Go代码中如何执行Web端的JS函数和代码。

在一些情况下，我们可以通过Go来执行指定窗口的JS代码，达到通过Go操作JS的目的，该操作只针对JS的代码或函数执行，不会影响到Go的结果。

运行此示例，需要安装好Go和Energy开发环境：教程一环境安装

此示例中采用了内置http服务访问内嵌资源: 内置http服务

使用方式

Go中调用JS

参数说明：

参数1 js代码或函数

示例参考，根据实现场景中使用
JS代码
`
var demo = document.getElementById('demo');
demo.innerHTML = 'energy gui';
`

`
document.title;
`

JS函数
`alert('energy');`

JS中已定义的函数
`
demo('参数1', '参数2');
`

参数2 可为空，或script URL

参数3 默认0，脚本开始执行行号

Chromium().ExecuteJavaScript("cript: code or function", "script url", code start line)

//获得主窗口
info := cef.BrowserWindow.MainWindow()
//调用js中定义的函数GoExecuteJSFunc,并传递参数，但没有返回值
var jsFunc = fmt.Sprintf("GoExecuteJSFunc(%d, '%d')", 9999, time.Now().Second())
info.Chromium().ExecuteJavaScript(jsFunc, "", 0)

完整示例

Go代码示例

示例中在主进程启动之后开启一个1秒执行一次的协程函数，并在函数里执行了JS函数GoExecuteJSFunc

GoExecuteJSFunc函数接收2个参数，可通过Go字符串拼接传递参数

ExecuteJavaScript 函数无法接收函数返回值，如想接收返回值需使用事件机制：参考教程九

package main

import (
	"embed"
	"fmt"
	"github.com/energye/energy/cef"
	"github.com/energye/energy/common/assetserve"
	"time"
)

//go:embed resources
var resources embed.FS

func main() {
	//全局初始化 每个应用都必须调用的
	cef.GlobalCEFInit(nil, &resources)
	//创建应用
	cefApp := cef.NewApplication(nil)
	//指定一个URL地址，或本地html文件目录
	cef.BrowserWindow.Config.DefaultUrl = "http://localhost:22022/execute-javascript.html"
	cef.BrowserWindow.Config.Title = "Energy - execute-javascript"
	cef.BrowserWindow.Config.Icon = "resources/icon.ico"
	//内置http服务链接安全配置
	cef.SetBrowserProcessStartAfterCallback(func(b bool) {
		fmt.Println("主进程启动 创建一个内置http服务")
		//通过内置http服务加载资源
		server := assetserve.NewAssetsHttpServer()
		server.PORT = 22022
		server.AssetsFSName = "resources" //必须设置目录名
		server.Assets = &resources
		go server.StartHttpServer()
		//定时执行web js
		go timeTask()
	})

	//运行应用
	cef.Run(cefApp)
}

//定时执行web js
func timeTask() {
	var param0 = 0
	for {
		//每1秒钟执行一次
		time.Sleep(time.Second)
		info := cef.BrowserWindow.MainWindow()
		param0++
		//调用js中定义的函数GoExecuteJSFunc,并传递参数，但没有返回值, 也无法接收返回值
		var jsFunc = fmt.Sprintf("GoExecuteJSFunc(%d, '%d')", param0, time.Now().Second())
		fmt.Println("GoExecuteJSFunc:", jsFunc)
		info.Chromium().ExecuteJavaScript(jsFunc, "", 0)
	}
}

html代码示例

定义了GoExecuteJSFunc函数，在Go中调用传递2个参数。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>execute-javascript</title>
    <script type="application/javascript">
        function GoExecuteJSFunc(param, param1) {
            let message = document.getElementById("message");
            message.innerHTML = message.innerHTML + "param0: " + param + "  param1: " + param1 + "<br>"
            if (param % 2 === 0) {
                message.style.color = "red"
            } else {
                message.style.color = "blue"
            }
        }
    </script>
</head>
<body style="overflow: hidden;margin: 0px;padding: 0px;">
execute-javascript:<br>
<div id="message">

</div>
</body>
</html>