Tauri + Vue 获取 Windows 系统详细信息

要获取 Windows 系统的详细信息，可以使用 Tauri 和 Vue.js 的组合。以下是一种可能的实现方法：

创建一个 Vue 项目，在项目文件夹中安装 Tauri 库。

vue create my-app
cd my-app
npm install @tauri-apps/cli

使用 Tauri CLI 初始化一个 Tauri 项目。

npx tauri init

在 src-tauri 文件夹中的 tauri.conf.js 文件中添加以下代码，以确保可以使用 Windows API。

module.exports = {
  build: {
    win: {
      target: 'x86_64-pc-windows-msvc'
    }
  }
}

在 src 文件夹中创建一个新的 Vue 组件，用于显示 Windows 系统的详细信息。例如，创建一个名为 SystemInfo.vue 的文件。

<template>
  <div>
    <h1>Windows 系统详细信息</h1>
    <ul>
      <li>操作系统: {{ systemInfo.os }}</li>
      <li>计算机名: {{ systemInfo.computerName }}</li>
      <li>用户名: {{ systemInfo.username }}</li>
      <!-- 添加其他需要的系统信息 -->
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      systemInfo: {}
    }
  },
  mounted() {
    this.getSystemInfo()
  },
  methods: {
    getSystemInfo() {
      window.__TAURI__.tauri.invoke('get_system_info')
        .then((response) => {
          this.systemInfo = response
        })
        .catch((error) => {
          console.error(error)
        })
    }
  }
}
</script>

在 src 文件夹中的 main.js 文件中，注册 SystemInfo 组件。

import Vue from 'vue'
import App from './App.vue'
import SystemInfo from './SystemInfo.vue'

Vue.config.productionTip = false

Vue.component('SystemInfo', SystemInfo)

new Vue({
  render: h => h(App)
}).$mount('#app')

在 src-tauri 文件夹中的 index.js 文件中，添加一个用于获取 Windows 系统信息的 Tauri API。

import { invoke } from '@tauri-apps/api/tauri'

function getSystemInfo() {
  return new Promise((resolve, reject) => {
    invoke('tauri://get_system_info')
      .then((response) => {
        resolve(response)
      })
      .catch((error) => {
        reject(error)
      })
  })
}

window.__TAURI__.tauri.register('get_system_info', getSystemInfo)

在 src-tauri 文件夹中的 tauri.conf.js 文件中，添加以下内容以导出 get_system_info 函数。

module.exports = {
  ctx: {
    extend: {
      bootstrapped: {
        get_system_info: require('path/to/index.js').getSystemInfo
      }
    }
  }
}

在终端中运行以下命令以启动应用程序。

npm run tauri dev

现在，当你运行应用程序时，SystemInfo 组件将显示 Windows 系统的详细信息。请确保你的 Windows 系统上已经安装了 Tauri 的依赖项，并且已经正确配置了 Windows API 的访问权限。