【wails】(4):使用wails做桌面应用开发,整合chatgpt-web项目做前端,进行本地开发,web端也可以连调,使用websocket实现

1,视频地址

【wails】(4):使用wails做桌面应用开发,整合chatgpt-web项目做前端,进行本地开发,web端也可以连调,使用websocket实现

2,演示效果

启动先是报500 错误:

然后返回首页就可以展示了:

但是肯定接口不能使用的:

3,其实浏览器也可以本地访问,但是报错405 Method Not Allowed

一个是前端的开发接口,这边修改了端口 2002 。

另外一个是带websocket的开发地址:

http://localhost:34115

报跨域错误:405 Method Not Allowed

4,在wails 中做dev开发模型

右键就可以进入开发模型:

但是因为没有写服务,所以页面报错的。

url 地址比较特殊:

URL: wails://wails.localhost:34115/chat-process

所以么有跨域的问题。但是没有相关的接口。看看能否拦截下。

5,总结

使用 wails 和 chatgpt-web项目 整合还是非常容易的。

可以封装成接口路径地址。然后返回信息。

'http://localhost:2002/session'

'http://localhost:2002/chat-process'

相关推荐
胡八一5 分钟前
使用qianjkun uniapp 主应用 集成 vue微应用
前端·vue.js·uni-app
是罐装可乐26 分钟前
前端架构知识体系:css架构模式和代码规范
前端·css·代码规范·tailwind·bem·css原子化
闲不住的李先森29 分钟前
AI 基础调用实现:从原理到代码实现
前端·llm·全栈
轻语呢喃29 分钟前
async/await:从语法糖到并发优化的异步编程
前端·面试
南雨北斗32 分钟前
Vue 3 中computed的优势
前端
202633 分钟前
15.1 JSON schema- 创建基础样例
前端·javascript
ze_juejin34 分钟前
Linux查看日志常用命令总结
前端
奔赴_向往34 分钟前
Vue 中的 inheritAttrs 属性:深入理解与实战应用
前端
blueblood38 分钟前
在 Ant Design Vue 2 中隐藏 a-modal 右下角自带的确定按钮
前端·vue.js
蜗牛沐雨1 小时前
驾驭巨量数据:HTTP 协议与大文件传输的多种策略
网络·网络协议·http