tauri+rust开发一个pc端桌面ai聊天助手exe应用教程

tauri+rust开发一个pc端桌面ai聊天助手exe应用教程

今天我们用tauri++rust来开发一个pc端桌面ai聊天助手exe应用,rust比较快,tauri打包出来的exe也是比较小的。打包后只有11M左右,先看运行效果:


下面我们来分享搭建步骤:

先本地安装rust运行环境

打开:https://rustup.rs/

点击exe下载后双击运行,直接按enter键等待安装完成即可。


项目目录结构


src是存放vite开发的前端html代码,而src-tauri则是tauri的项目源码,

先看package.json

{
  "name": "tauri-ai-assistant",
  "version": "0.1.0",
  "private": true,
  "type": "module",
  "scripts": {
    "dev": "vite --host",
    "build": "vite build",
    "preview": "vite preview",
    "tauri:dev": "tauri dev",
    "tauri:build": "tauri build"
  },
  "dependencies": {
    "@tauri-apps/api": "^2.8.0"
  },
  "devDependencies": {
    "@tauri-apps/cli": "^2.0.0-alpha.17",
    "vite": "^4.4.9"
  }
}

vite.config.js

import { defineConfig } from 'vite'

// https://vitejs.dev/config/
export default defineConfig({
  base: '',
  root: 'src',
  publicDir: '../public',
  build: {
    outDir: '../dist',
    target: process.env.TAURI_PLATFORM == 'windows' ? 'chrome105' : 'safari13',
    emptyOutDir: true,
    sourcemap: !!process.env.TAURI_DEBUG
  },
  server: {
    port: 5173,
    strictPort: true,
    host: true,
    open: false
  },
  optimizeDeps: {
    include: ['@tauri-apps/api']
  },
  envPrefix: ['VITE_', 'TAURI_']
})

先开发前端,使用vite,通过npm run dev来开发,npm run build来打包dist


main.js中主要使用tauri-apps/api调用tauri中的方法:

import './style.css'
import { invoke } from '@tauri-apps/api/core'; // ✅ Import invoke from official package

const messagesEl = document.getElementById('messages')
const form = document.getElementById('promptForm')
const input = document.getElementById('prompt')
const send...

点击查看剩余70%

{{collectdata}}

网友评论0