golang的wails框架在macos下的问题

1、前言

之前练手写了格调用ollama api的web应用,想找个容器打包下,于是找到wails来打包,windows下都是很正常的,因为就是普通的http调用,也没遇到cors跨域问题,但是到了macos下使用wails dev命令启动的客户端却是出现了几个问题。

总得来说就是时不时遇到一些浏览器限制相关的问题

2、问题

2.1、页面出不来

就是因为wails在macos使用websocket来更新vite的hmr热更新功能,所以出不来资源,解决方法是使用这个issues[macOS] HMR not working inside Wails frame的回答。

在vite.config.js的配置增加以下配置即可:

复制代码
server: {
    hmr: {
      host: 'localhost',
      protocol: 'ws',
    },
  }

2.2、请求出现跨域

跨域也是因为他用了个奇奇怪怪的私有协议来通信,具体可以看issueOrigin wails://wails is not allowed by Access-Control-Allow-Origin,可以看到主要是因为他源码的startURL指定了一个奇怪的协议,windows用正常的http导致的,这个解决就是改下他源码,把他的macos的实现改得和windows一样。

到你的goPath下面,按照目录找到如下文件:wails/v2/internal/frontend/desktop/darwin/frontend.go

我的路径如下:/Users/hui/go/pkg/mod/github.com/wailsapp/wails/[email protected]/internal/frontend/desktop/darwin

改动如下:

39行的startURl改为:const startURL = "http://127.0.0.1/"

97行的:

复制代码
result.startURL.Host = net.JoinHostPort(result.startURL.Host+".localhost", port)

去掉.localhost

改为:

复制代码
result.startURL.Host = net.JoinHostPort(result.startURL.Host+"", port)

接着启动项目,好了

2.3、不能访问外网的接口

会报如下错误:

复制代码
The resource could not be loaded because the App Transport Security policy requires the use of a secure connection.

是mac自己的安全机制问题,百度了下,说是接口是https就行了,我访问的是http的接口

2.4、如何调试

这格使用wails dev启动之后,是框住的网页来的,在网页处,右键检查元素即可

2.5、如何动态参数控制

看这个issuePass Command Line Arguments to main.go即可

3、demo项目

ollama-chat项目的样式是参考一个react项目写的。

参考文章:3 天,入门 TAURI 并开发一个跨平台 ChatGPT 客户端

相关推荐
画个大饼1 小时前
Go语言实战:快速搭建完整的用户认证系统
开发语言·后端·golang
Yeats_Liao8 小时前
Go 语言 TCP 端口扫描器实现与 Goroutine 池原理
开发语言·tcp/ip·golang
我的golang之路果然有问题8 小时前
速成GO访问sql,个人笔记
经验分享·笔记·后端·sql·golang·go·database
ErizJ12 小时前
Golang | 迭代器模式
开发语言·golang·迭代器模式
健康的猪12 小时前
golang的cgo的一点小心得
开发语言·后端·golang
听雨·眠14 小时前
go语言中defer使用指南
开发语言·后端·golang
言之。15 小时前
【Go语言】RPC 使用指南(初学者版)
开发语言·rpc·golang
Dachui_112216 小时前
MacOS上如何运行内网穿透详细教程
macos
Bruce_Liuxiaowei18 小时前
使用Python脚本在Mac上彻底清除Chrome浏览历史:开发实战与隐私保护指南
chrome·python·macos
唐僧洗头爱飘柔952719 小时前
(Go Gin)上手Go Gin 基于Go语言开发的Web框架,本文介绍了各种路由的配置信息;包含各场景下请求参数的基本传入接收
后端·golang·go·restful·gin·goweb开发