Skip to content

极物圈聊天应用 - Tauri重构版本, 一个轻量的桌面端随时随地的聊天应用 ✨

License

Notifications You must be signed in to change notification settings

KiWi233333/jiwu-mall-chat-tauri

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

图片名称

极物聊天 Tauri APP

语言 : 简体中文 | English

介绍

极物聊天 Tauri APP 是一个基于Nuxt3 + Tauri + element-plus 基本框架的聊天桌面应用。它提供了一个美观的用户界面,并集成了聊天和社交功能。同时,它还支持AI购物聊天和全局夜间模式。用户可以通过该应用进行实时聊天、分享动态和AI客服问答。

技术

基于Nuxt3 + Tauri + element-plus 基本框架

趋势

JiwuChat Star History Chart

默认账号

  • 账号:ikun233
  • 密码:123456

注:该账号上传图片、修改密码等部分没有权限

功能列表

功能模块 功能描述 状态
用户模块 支持账号、手机号和邮箱的登录和注册
消息模块 支持文本、图片、文件、语音、@用户、撤回、删除等多种消息类型的实时聊天功能
会话模块 支持群聊、私聊多种聊天模式,群主、管理员、普通用户等角色
联系人模块 支持查看、添加、删除联系人
系统版本模块 支持应用的自动更新、查看版本公告等
账号与安全模块 提供账号登录、修改密码、账号管理、设备安全、账号上下线等功能
AI购物模块 AI购物聊天功能,提供极物圈下的商品推荐
文件下载管理模块 支持文件本地下载、打开、删除等功能
其他功能 全局夜间模式、字体、自定义下载路径、多系统支持、定制化设置等

项目截图

  • 聊天桌面应用 Login

登录

  • 聊天桌面应用 Chat

主页

  • 全局夜间模式 Light / Dark

暗黑

  • 聊天社交

暗黑

  • AI购物聊天

暗黑

  • 账号与安全

账号与安全

账号与安全

  • 响应式

响应式

响应式

⏳ 起步 | Project Setup

📦 安装依赖

# node 版本 >= 16
npm install -g pnpm

pnpm install

✨ 开发

修改useBaseUrl.ts文件,将接口地址改为你本地的接口地址或修改以下。

// useBaseUrl.ts
const isDev = !import.meta.env.DEV;
# 建议分开运行
# 1)启动nuxt
pnpm run dev:nuxt 
# 2)启动tauri
pnpm run dev:tauri 

📦 打包

pnpm run build:tauri

❌ pnpm install error

查看源

pnpm get registry 

临时修改

pnpm --registry https://registry.npm.taobao.org install any-touch

持久使用

pnpm config set registry https://registry.npm.taobao.org

还原

pnpm config set registry https://registry.npmjs.org

🔧 涉及技术栈 | Tech Stack

类别 技术/组件 版本号
框架 Nuxt3 ^3.14.159+
Tauri ^2.1.0
UI 组件库 Element Plus ^2.8.4
状态管理 Pinia 2.1.7
工具库 Vueuse 10.11.0
构建与开发工具 Nuxi lts
Vite lts
代码质量 ESLint 8.56.0
Prettier 3.3.2
类型检查 TypeScript 5.3.2
样式处理 Sass 1.77.6

🌈 运行脚本 | Scripts

// 安装Husky,这是一个用于在Git钩子中运行脚本的工具
"prepare": "husky install",

// 运行Tauri命令
"tauri": "tauri",

// 开发Tauri桌面应用
"dev:tauri": "tauri dev",

// 开发桌面应用的快捷命令
"dev:desktop": "tauri dev",

// 开发Android平台的Tauri应用
"dev:android": "tauri android dev",

// 开发iOS平台的Tauri应用
"dev:ios": "tauri ios dev",

// 开发Nuxt.js应用,使用开发环境的.env文件,并监听主机变化
"dev:nuxt": "nuxt dev --dotenv .env.development --host",

// 开发Nuxt.js应用,使用生产环境的.env文件,并监听主机变化
"dev:nuxt:prod": "nuxt dev --dotenv .env.production --host",

// Nuxt.js预览模式
"preview": "nuxt preview",

// 构建项目,先使用Nuxi生成静态文件,然后构建Tauri应用
"build": "nuxi generate && tauri build",

// 仅构建Nuxt.js应用,使用生产环境的.env文件
"build:nuxt": "nuxi generate --dotenv .env.production",

// 构建Nuxt.js单页应用,使用生产环境的.env文件
"build:nuxt:spa": "nuxi build --dotenv .env.production",

// 构建Tauri应用
"build:tauri": "tauri build",

// 构建Android平台的Tauri应用,并生成APK文件
"build:android": "tauri android build --apk",

// 构建iOS平台的Tauri应用,并生成IPA文件
"build:ios": "tauri ios build --ipa",

// 发布版本,增加次要版本号,推送标签,拉取最新代码,推送到远程仓库
"release": "npm version minor && git push --tag && git fetch && git push",

// 发布主版本,增加主版本号,推送标签,拉取最新代码,推送到远程仓库
"release:major": "npm version major && git push --tag && git fetch && git push",

// 发布次要版本,增加次要版本号,推送标签,拉取最新代码,推送到远程仓库
"release:minor": "npm version minor && git push --tag && git fetch && git push",

// 发布补丁版本,增加补丁版本号,推送标签,拉取最新代码,推送到远程仓库
"release:patch": "npm version patch && git push --tag && git fetch && git push",

// 运行lint-staged,这是一个用于在Git暂存区运行linters的工具
"lint-staged": "lint-staged"