Energy GUI桌面应用开发之js和go之间交互示例
Go  /  管理员 发布于 10个月前   466
在energy开发桌面应用中,我们想快速的实现 JS 代码和 Go 代码互通,
在开发原始 web 应用时一搬使用 http 或 websocket 达到数据交互。
在 energy 中提供了一套事件驱动机制,很容易使 JS 和 Go 交互,且不需要额外开启接口服务。
ipc, 基于 CEF 实现的事件绑定机制
在 Go 中使用 ipc.On 监听一个事件,ipc.Emit 触发一个事件。
在 JS 中使用 ipc.on 监听一个事件,ipc.emit 触发一个事件。
Go监听事件
ipc.On("goOnEventName", func() {
// ....
})
JS监听事件
ipc.on("jsONEventName", func() {
// ....
})
Go触发JS事件
ipc.emit("goOnEventName")
上面的事件监听和触发是可以传递参数和接收返回值
带有参数和返回值,我们只需要按定义规则即可传递和接收返回值
Go监听事件
ipc.On("goOnEventName", func(inArgs1 int, inArgs2 string) string {
// ....
return inArgs2
})
JS监听事件
ipc.on("jsONEventName", function(inargs1, inArgs2) {
// ....
return inArgs2
})
Go触发JS事件
ipc.EmitAndCallback("jsONEventName", []any{100, "张三"}, func(result string){
//...
})
JS触发Go事件
ipc.emit("goOnEventName", [100, '李四'], function(result){
//...
})
完整代码示例
Go部分
package main
import (
"embed"
"fmt"
"github.com/energye/energy/v2/cef"
"github.com/energye/energy/v2/cef/ipc"
"github.com/energye/energy/v2/examples/common"
_ "github.com/energye/energy/v2/examples/syso"
"github.com/energye/energy/v2/pkgs/assetserve"
"github.com/energye/golcl/lcl"
)
//go:embed resources
var resources embed.FS
func main() {
cef.GlobalInit(nil, resources)
cefApp := cef.NewApplication()
port := common.Port()
cef.BrowserWindow.Config.Url = fmt.Sprintf("http://localhost:%d/ipc.html", port)
cef.BrowserWindow.Config.Title = "Energy IPC"
// 监听一个事件 goOnEventName
ipc.On("goOnEventName", func(inArgs1 int, inArgs2 string) string {
fmt.Println("JS传递的参数:", inArgs1, inArgs2)
return inArgs2
})
// 主窗口初始化回调
cef.BrowserWindow.SetBrowserInit(func(event *cef.BrowserEvent, window cef.IBrowserWindow) {
lclWindow := window.AsLCLBrowserWindow().BrowserWindow()
lclWindow.SetWidth(350)
lclWindow.SetHeight(300)
// 创建一个系统原生按钮button, 来模拟事件触发
button := lcl.NewButton(lclWindow)
button.SetParent(lclWindow)
button.BringToFront()
button.SetCaption("触发JS监听的事件")
button.SetLeft(100)
button.SetTop(100)
button.SetWidth(150)
button.SetHeight(50)
button.SetOnClick(func(sender lcl.IObject) {
// 触发JS监听的事件 jsONEventName
ipc.EmitAndCallback("jsONEventName", []any{100, "张三"}, func(result string) {
fmt.Println("JS的返回值:", result)
})
})
})
// 主进程启动后回调
cef.SetBrowserProcessStartAfterCallback(func(b bool) {
//通过内置http服务加html载资源
server := assetserve.NewAssetsHttpServer()
server.PORT = port
server.AssetsFSName = "resources" //必须设置目录名
server.Assets = resources
go server.StartHttpServer()
})
//运行应用
cef.Run(cefApp)
}
HTML + JavaScript 部分
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="application/javascript">
// 监听一个事件 jsONEventName
ipc.on("jsONEventName", function(inargs1, inArgs2) {
// ....
console.log('Go传递的参数:', inargs1, inArgs2)
return inArgs2
})
function jsEmitGoEvent() {
// 触发Go中监听的事件 goOnEventName
ipc.emit("goOnEventName", [100, '李四'], function(result){
//...
console.log('Go的返回值:', result)
})
}
</script>
</head>
<body style="margin: 0px;padding: 0px;">
<button onclick="jsEmitGoEvent()" style="margin-left: 100px;height: 50px;">触发Go监听的事件</button>
</body>
</html>
运行演示结果
123 在
Clash for Windows作者删库跑路了,github已404中评论 按理说只要你在国内,所有的流量进出都在监控范围内,不管你怎么隐藏也没用,想搞你分..原梓番博客 在
在Laravel框架中使用模型Model分表最简单的方法中评论 好久好久都没看友情链接申请了,今天刚看,已经添加。..博主 在
佛跳墙vpn软件不会用?上不了网?佛跳墙vpn常见问题以及解决办法中评论 @1111老铁这个不行了,可以看看近期评论的其他文章..1111 在
佛跳墙vpn软件不会用?上不了网?佛跳墙vpn常见问题以及解决办法中评论 网站不能打开,博主百忙中能否发个APP下载链接,佛跳墙或极光..路人 在
php中使用hyperf框架调用讯飞星火大模型实现国内版chatgpt功能示例中评论 教程很详细,如果加个前端chatgpt对话页面就完美了..
Copyright·© 2019 侯体宗版权所有·
粤ICP备20027696号