首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏h5

    Electron-React19-WinChat聊天系统|react+electron客户端聊天程序Exe

    经过了整整两周的高强度研发,最新原创力作electron41+react19全家桶构建轻量级桌面电脑版聊天系统项目,正式完结啦! 插件:vite-plugin-electron^1.1.1electron-react-winchat采用自定义封装electron/react新开多窗口,包含聊天、通讯录、收藏、朋友圈、视频、我的等模块 +react19实战桌面端聊天室的一些项目分享知识。 客户端聊天程序 基于React19+Arco+Zustand5接入DeepSeek-V4网页版仿豆包/Kimi流式AI系统Vite8.0+Vue3.5+Arco深度对接DeepSeek网页版AI智能助手 模板 最新原创uniapp-vue3-osadmin手机版后台管理系统 最新研发uniapp+vue3仿微信app聊天模板 基于uni-app+vue3实战短视频+聊天+直播app商城

    15720编辑于 2026-08-17
  • 来自专栏h5

    electron-vue仿微信桌面端|electron聊天实例

    electron-vchat客户端聊天实例是基于electron+vue+vuex+Node+vue-router等技术开发的仿制微信pc桌面聊天项目。 034360截图20200108115113391.png 技术框架 框架技术:electron + electron-vue + vue 状态管理:Vuex 地址路由:Vue-router 字体图标: electron主进程创建窗口 通过electron提供的BrowserWindow对象创建窗体,electron-vue构建项目后,主进程入口页面是src/main/index.js import electron实现自定义顶部最大/小化、关闭按钮、无外框窗口 electron 中配置 frame: false 后,就能去除原窗体顶部,原先的顶部操作栏就没有了,需要自定义配置。 +vue开发聊天实例项目 就介绍差不多了,希望能有些帮助~~

    6.7K41发布于 2020-01-10
  • 来自专栏每天进步一点点

    electron制作聊天界面(仿制qq)

    /img/main_1.jpg"); border-radius: 4px; -webkit-user-select: none; background-size: 100% 100%; 4px 0 0; display: flex; justify-content: space-between; .nickname { color: #FFF; 4px; display: flex; } nav { width: 240px; position: relative; background-size: border-radius: 5px; max-width: 72%; position: relative; border: 1px solid #D4D4D4 position: absolute; width: 10px; height: 10px; border: 1px solid #D4D4D4

    3.1K30发布于 2019-05-26
  • 来自专栏h5

    Electron跨平台仿QQ|vue3+electron+antdv聊天应用

    今分享一个最新开发的electron跨端聊天应用。 pp3.gif 基本实现了发送图文消息、图片/视频/链接预览、拖拽发送图片、截图及朋友圈等功能。 p4.gif 框架技术 vue3全家桶:vue3.0+vuex4+vue-router@4 electron框架:electron11.2.3 打包工具:vue-cli-plugin-electron-builde n.sohucs.gif electron自定义无边框导航菜单 为了让项目UI更加美观,大家可以选择在创建窗口的时候去掉系统边框,自定义拖拽区域。 electron-builder打包配置 创建vue3项目的时候,根目录会有一个vue.config.js配置文件。可用来进行一些项目配置和electron打包配置。 image.png ending,基于vue3.x+electron开发聊天软件就分享到这里。希望对大家有些帮助! .mp.itc.gif

    3.3K00发布于 2021-02-27
  • 来自专栏不安分的猿人

    SpringBoot + Vue + Electron 开发 QQ 版聊天工具

    一、简介 这是一款基于 JS 实现的超轻量级桌面版聊天软件。主要适用于私有云项目内部聊天,企业内部管理通讯等功能,主要通讯协议websocket。也支持web网页聊天实现。 electron: 用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 命令如下: npm run serve #以web方式运行 npm run electron:serve #以客户端方式运行 注: web启动时,前端项目访问的端口是8080,会与后端的端口相同,所以将前端的访问的端口修改下就可以了 打包命令 本地测试功能问题,就可以进行项目打包了,打包命令也有两个: npm run build #打包为web形式 npm run electron:build #打包为可执行文件 2.4 启动 PC 三、最后 按照这样的步骤走下来,几分钟就可以搭建QQ版聊天工具了。本篇讲了开发环境搭建聊天工具的步骤。当然服务器部署也特别简单的。如果你对这款聊天工具有兴趣,不妨动动手指哦!

    3.3K10发布于 2020-05-20
  • 来自专栏h5

    Electron-DeepSeek-Chat流式AI系统|electron39+vue3+deepseek手搓ai聊天助手

    2026年最新跨平台AI实战 - Electron39.2+Vue3+DeepSeek-V3.2+Arco搭建桌面端ai模板。 运用技术跨平台技术框架:electron^39.2.7前端技术框架:vite^7.2.4+vue^3.5.24+vue-router^4.6.4AI大模型框架:DeepSeek-V3.2 + OpenAIUI ^26.0.12electron39-vue3-ai支持深度思考模式、katex数学公式及mermaid图表。 项目结构框架使用最新跨平台技术Electron39.2结合Vite7全家桶技术,对接deepseek-v3.2大模型。 # 项目名称VITE_APPNAME = 'Electron39-DeepSeek'# 运行端口VITE_PORT = 3003# 是否加载调试工具devtoolsVITE_DEVTOOLS = true

    55020编辑于 2026-01-13
  • 来自专栏h5

    electron31+vue3 setup桌面端Exe聊天系统

    几周之前有开发一款vite5+vue3网页web版聊天项目ViteWchat。这次带来全新跨平台electron31.x+vue3+vite5+element-plus仿微信电脑端聊天程序。 vite5-electron-wechat项目采用最新版跨端技术electron31结合vite5.x开发桌面端聊天框架。 插件:vite-plugin-electron^0.28.7electron-vtechat项目支持新开多个窗口。 resolve(__dirname, 'src/components'), '@views': resolve(__dirname, 'src/views'), } } }})聊天面板布局模板整个项目布局结构分为菜单栏 ${ext}" }}综上就是electron31+vue3开发桌面端聊天项目的一些分享,希望对小伙伴们有些帮助!

    92821编辑于 2024-07-09
  • 来自专栏h5

    electron25+vue3+pinia2跨端chatgpt聊天应用

    最近一直学习electron25集成vite4.x技术开发跨端应用。就搭建了一个electron-chatgpt聊天EXE程序。 图片electron-vite4 for chatgpt 基于最新前端技术栈vite4+vue3+pinia2+vue-router+electron25跨端技术开发桌面端仿chatgpt聊天应用程序。 图片图片使用技术编码工具:vscode框架技术:electron25+vite4+vue3+pinia2组件库:veplus (基于vue3自定义组件库)打包工具:electron-builder^23.6.0 ^3.1.0electron结合vite插件:vite-plugin-electron^0.11.2图片项目结构图使用最新版electron跨端技术配合vite4.x全家桶技术,采用vue3 setup 图片图片图片图片图片图片图片图片图片图片图片图片图片electron+vite快速搭建应用创建vite项目yarn create vite electron-vite4-vue3cd electron-vite4

    1.6K60编辑于 2023-06-11
  • 来自专栏跟铭哥学音视频技术

    TRTC学习之旅(四)-- 用electron实现视频聊天

    前言 前面我们已经学习过在web端用TRTC实时音视频SDK实现了多人会议室和互动直播模式,今天我们学习一下在桌面应用层用electron实现视频聊天。 TRTCVideoFillMode有两个属性: TRTCVideoFillMode_Fill:图像铺满屏幕,超出显示视窗的视频部分将被截掉 TRTCVideoFillMode_Fit:图像长边填满屏幕,短边区域会被填充黑色 // 4. 适合:[1对1语音通话]、[300人语音会议]、[语音聊天]、[语音会议]、[在线狼人杀]等。 之前的版本建议赋值为空字符串 /** * TRTCAppScene.TRTCAppSceneVideoCall: 视频通话场景,适合[1对1视频通话]、[300人视频会议]、[在线问诊]、[视频聊天 trtcCloud.exitRoom(); 总结 从基本实现过程来看,electron版本和web版本的流程基本没差,从demo上看,electron版本在流程上是有些精简的,比如: 1.electron

    5.4K30发布于 2020-07-08
  • 来自专栏各类技术文章~

    Electron-egg ,人人都会桌面软件开发

    目前国内的开发者将近700万,桌面软件受限于学习门槛和移动化趋势,渐渐平庸。但我们日常工作中,又离不开桌面软件,因此希望有一个学习门槛低,支持多平台的软件框架。 electron-egg就是在这种需求下,诞生的。 electron-egg是一个简单、快速、功能丰富的JS跨平台桌面软件开发框架,您只需懂js语言就能开发。 常规桌面软件 demo 2. 游戏(h5相关技术开发) 忍者100层 3. 任意网站变桌面软件 Youtube discuz-q论坛 4. web项目 网站助手:b.kaka996.com/ 开始使用 下载 # gitee git clone https ://gitee.com/wallace5303/electron-egg.git # github git clone https://github.com/wallace5303/electron-egg.git

    2.2K00发布于 2021-10-19
  • 来自专栏h5

    Electron38+Vite7+Pinia3+ElementPlus客户端聊天程序

    ​2025全新原创研发vite7.1+electron38+vue3 setup+element-plus仿微信电脑端聊天Exe。 electron-vite-wechat使用最新版跨平台框架Electron38整合Vite7搭建项目。electron38-wechat包含了聊天、通讯录、收藏、朋友圈、短视频、我的等模块。 研发组', content: 'Electron38+Vite7仿微信客户端聊天。' 研发组', content: 'Electron38+Vite7仿微信客户端聊天。' os系统electron31+vue3客户端聊天Exe实例tauri2.0+rust+vue3电脑版Exe聊天软件

    62110编辑于 2025-09-13
  • 来自专栏编程技术总结分享

    Electron入门教程4 —— 切换应用的主题

    /index.js'></script> </body> </html> preload.js const { contextBridge, ipcRenderer } = require('electron background: #ddd; color: black; } } main.js const { app, BrowserWindow, ipcMain, nativeTheme } = require('electron

    1.5K40编辑于 2022-11-22
  • 来自专栏刘晓杰

    BlueTooth聊天软件(支持表情和语音)

    然后重启一个试图连接的线程(ConnectThread),并设置状态位,在BluetoothChat的mHandler处获得响应 4.ConnectThread里面mmSocket.connect(

    3.3K40发布于 2019-02-21
  • 来自专栏用户9182048的专栏

    聊天APP开发软件说明

    开学季收心攻略招生书本便签首图-4.jpg 在线聊天APP软件开发一般有哪些功能?或者是在开发制作一个在线聊天软件的时候要注意问题。 现在的在线聊天APP软件开发为人们带来了更多的便利及多样的社交聊天生活方式。一、在线聊天APP软件开发一般有哪些功能?1. 实名验证方式 因为是线上的聊天软件平台存在虚拟性,通过实名验证方式可以更好地保障双方的交友安全。 2. 4. 在线聊天功能 在线聊天软件APP可以实现在线聊天教育的功能,通过文字,视频,语音,图片的方式在线直接聊天。 5. 移动社交的方式是现在发展的趋势,类似现在各种的在线聊天软件通过现在的方式更好地满足到现在用户的聊天信息的要求,丰富人们的社交生活。

    2.3K30发布于 2021-11-12
  • 来自专栏h5

    原创electron35+deepseek-v3实战桌面版AI聊天界面

    2025桌面端AI实战 - 基于Electron35+Vite6+DeepSeek搭建一款桌面客户端AI流式输出对话模板。支持上下文多轮会话、浅色/暗黑主题、代码块高亮效果、会话本地存储等功能。 技术知识点技术框架:vite^6.2.0+vue^3.5.13+vue-router^4.5.0大模型ai框架:DeepSeek-V3-0324 + OpenAI跨平台框架:electron^35.1.2 pinia^3.0.1会话缓存:pinia-plugin-persistedstate^4.2.0高亮插件:highlight.js^11.11.1markdown解析:markdown-it项目功能跨平台Electron35

    65720编辑于 2025-04-17
  • 来自专栏小吕

    使用electron-vue + frp 开发一款穿透软件

    注意:下面的步骤都是要基于服务端&客户端已经能实现内网穿透,如果没有,请移步:Linux环境搭建frp实现内网穿透 ---- 准备工作: 使用electron-vue框架,跑起来项目, 参考地址: https ://simulatedgreg.gitbooks.io/electron-vue/content/cn/ 跑起来长这样 image-8ce1b4df8d9d46dd8423c075c3d301cc.png 服务端&客户端已经能实现内网穿透,参考文章:http://lvsige.top/archives/19 如果以上两项都完成了,那么请继续~ ---- 捋一下思路 一个穿透软件,需要具备的能力:用户安装软件后 (不能说每个用户使用此软件时,都需要在本地下载一个frp压缩包) 能够在软件里启动子进程。 ./frpc -c ./frpc.ini 这个命令应该自动完成。 child_process文档 ---- 具体代码 把解压后的frp文件夹放在electron-vue项目里 image-3e97466ba52748a8874c5397eff67487.png 在主进程里

    1K20编辑于 2022-06-16
  • 来自专栏h5

    Electron+Vite2整合开发vue3.0直播聊天小视频应用

    前言 前段时间有给大家分享一个Electron跨端仿QQ聊天,今天带来最新研发的Electron短视频|直播应用。 未标题-p2.png 支持上下拖拽滑动切换视频、键盘上下键切换视频等功能。 022360截图20210326190114305.png 技术栈 vite构建:vite.js2.0 vue3全家桶:vue3.0+vuex4+vue-router@4 electron框架:electron12.0.1 globalShortcut } from 'electron' import { createProtocol } from 'vue-cli-plugin-electron-builder/lib 打包参数配置 由于vite.js构建的项目不能在vite.config.js中配置electron打包参数。 需要在项目根目录下新建一个electron-builder.json打包配置文件。

    2.9K40发布于 2021-03-28
  • 来自专栏州的先生

    放弃 Python 和 Electron,选择 aardio 编写批量视频合并软件

    对于他们来说,唯一能够想到的就是用「剪映」之类的视频剪辑软件来对视频进行合并,但是原视频一分钟一段,自称合并完一整天的视频得花个一两天的时间。 Electron 是州的先生开发「MrDoc客户端」所选择的技术栈,平台兼容性好,开发快速,但是打包体积有点大(得打包一个 V8 引擎进去)。 aardio 使用得最少,基本没有开发过成品软件,但是其小巧且强大的功能一直深得我意,所以一直放在备用工具库中。 所以 Electron 直接否掉了,拖油瓶(v8引擎)太大了。 Python 自用还行,打包后的程序不知道会出现啥错误情况,也给否掉了。 那就 aardio 吧。 var text_file = io.open(video_path + '/file.txt','a+'); // 获取视频路径下的文件 fsys.enum( video_path, "*.mp4"

    1.8K10编辑于 2022-12-22
  • 来自专栏JavaEdge

    快给你的软件加IM聊天功能!

    ,联系人列表一般还会携带两人最近的一条聊天消息用于前端展示。 联系人列表只更新存储收发双方的最新一条消息,不存储两人所有的历史消息 消息索引表的使用场景一般用于查询收发双方的历史聊天记录,是聊天会话维度 联系人表的使用场景用于查询某一个人最近的所有联系人,是用户全局维度 比如更新张三的最近联系人表,如果和李四之前 无聊天记录 则新插入一条联系人记录。 联系人的对方UID为李四的UID,和这个联系人最新的一条消息ID是1001 有过聊天记录 则只需更新张三和李四的最新的一条聊天消息ID为1001,同样的办法再更新一次李四的联系人列表 2 消息收发通道 就我个人而言,很多时候是看到了QQ或者微信App的角标,上面显示的多少条未读消息,才打开App,然后通过App里面具体某个联系人后面显示,和当前用户有多少条未读这个数字,来决定打开哪个联系人的聊天页进行查看

    2.4K10发布于 2021-02-23
  • 来自专栏FreeBuf

    BitTorrent Bleep:无法被监控的聊天软件

    BitTorrent公司上周发布了去中心化聊天服务BitTorrent Bleep的一个早期版本。 BitTorrent博客解释说,传统聊天服务的方法是发送者将输入的文字或语音信息发送到中心服务器,服务器中继信息到接收者。服务器会记录聊天内容和相关的元数据。这些数据都是政府和黑客想要的。 为了在Bleep上聊天,用户需要交换公钥。聊天信息使用分布式哈希表(DHT)传递,没有中心服务器记录。 为了发起聊天,Bleep需要Ping一下P2P网络中运行Bleep服务的计算机,寻找想要聊天的对象。 同时Bleep有以下特性 1、去中心化‍‍的存储,BitTorrent不会得到你跟谁聊天聊天在何时发生,其甚至不会存储任何的聊天信息‍ 2、无法追踪任何人的聊天 3、所有的链接都是加密的‍‍,使用curve25519

    2.1K60发布于 2018-02-02
领券