标签: electron-vue

如何使用电子获得完美尺寸的托盘图标?

我试过 32x32、64x64,我试过使用 Photoshop 将另一个应用程序的图标编辑到我的图标中以保持其大小,但它从来不适合我。似乎我的图标是双倍大小的,我无法看到整个图标。

这是图标:

图标

macos tray electron electron-vue

6
推荐指数
3
解决办法
5127
查看次数

从本地磁盘加载图像

我目前使用 Electron-vue 样板来接触 Electron。

我的目标是显示应用程序中给定文件夹中的所有图像(渲染器进程)。

<template>
  <div>
    <button @click="selectSourceDir()">Quellverzeichnis</button>
    Aktuell: {{sourcePath}}
    <button @click="scan()">Aktualisieren</button>
    <ul>
      <li v-for="image in images">
        <!--<img v-bind:src="'data:image/jpg;base64,' + image.base64">-->
        <img v-bind:src="'file://' + image.path">
      </li>
    </ul>
    
  </div>
</template>

<script>
  import ImageFile from './ImageDispatchPage/ImageFile';
  import fs from 'fs';
  import { ipcRenderer as ipc } from 'electron';
  import path from 'path';

  export default {
    name: 'image-dispatch-page',
    components: { ImageFile },
    data () {
      return{
        images: [],
        sourcePath: null,
      }  
    },
    methods: {     
      scan(){        
        // If path is not set do …
Run Code Online (Sandbox Code Playgroud)

javascript electron electron-vue

5
推荐指数
1
解决办法
5212
查看次数

使用 Electron 应用 Sqlite/任何 SQL 数据库迁移 [Windows、Mac]

我的场景,

我正在开发一个基于桌面的应用程序。我最大的挑战是将数据保存到关系数据库(离线)并相应同步(公司有自己的同步算法)。我使用ElectronVueJS作为客户端。为了构建桌面应用程序,我使用electro-builder。我能够使用原始 SQL 或各种 ORM 编写迁移。

我想要的是?

当我将安装到桌面时,我想创建数据库文件并在客户端计算机上应用所有迁移。我只是不知道那部分该怎么做。我还研究了Electron Builder Docs。但不明白。我需要一个例子,任何想法。

请帮我。谢谢

javascript database-migration electron electron-builder electron-vue

5
推荐指数
1
解决办法
2043
查看次数

Mac 应用程序反复请求访问权限

我创建了一个用 electro-vue 编写的 Mac 应用程序。它需要键盘访问和屏幕录制访问。

理想情况下,当我给予许可时,它应该立即开始工作。

但我的应用程序有时会在重新启动后工作。有时,即使我们已经授予了权限,它也会在每次重新启动后不断请求权限。

我无法理解做错了什么。

你能帮忙吗?

我的package.json。

    "name": "pramod-dektop-creator",
    "version": "0.0.1",
    "description": "pramod-desktop-creator",
    "author": "Pramod <pramod@xyz.com>",
    "scripts": {
        "build": "node .electron-vue/build.js && electron-builder",
        "build:clean": "cross-env BUILD_TARGET=clean node .electron-vue/build.js",
        "build:dir": "npm run build:clean && node .electron-vue/build.js && electron-builder --dir",
        "build:web": "cross-env BUILD_TARGET=web node .electron-vue/build.js",
        "dev": "node .electron-vue/dev-runner.js",
        "pack": "npm run pack:main && npm run pack:renderer",
        "pack:main": "cross-env NODE_ENV=production webpack --progress --colors --config .electron-vue/webpack.main.config.js",
        "pack:renderer": "cross-env NODE_ENV=production webpack --progress --colors --config .electron-vue/webpack.renderer.config.js",
        "postinstall": "electron-builder install-app-deps",
        "rebuild": "electron-rebuild -f -w …
Run Code Online (Sandbox Code Playgroud)

macos electron electron-builder electron-vue

5
推荐指数
1
解决办法
1920
查看次数

Javascript 异步函数返回 [object Promise]

Async函数返回,[object Promise]但期望的行为是返回实际值。我可以从中获取价值console.log

我想这是该函数的预期行为,但我不知道如何修复我的代码。

这是使用 electro-vue 和 NeDB 的 vue.js 代码。

<template>
  <div>
    {{ testNedb3('NDId6sekw6VYLmnc')  //this is a test by adding specific id }}
  </div>
</template>

<script>
import Promise from 'bluebird'
export default {
  methods: {
    dbFindAsync2: function (db, opt) {
      return new Promise(function (resolve, reject) {
        db.find(opt, function (err, doc) {
          if (err) {
            reject(err)
          } else {
            resolve(doc)
          }
        })
      })
    },
    testNedb3: async function (id) {
      const flattenMemAsync = function (arr) {
        return …
Run Code Online (Sandbox Code Playgroud)

javascript promise vue.js electron-vue

3
推荐指数
1
解决办法
2万
查看次数

如何在 eletron-vue js 中设置应用程序图标

我正在使用 electro-vue js 来构建跨平台桌面应用程序。我想在制作构建文件时设置自定义图标并想在应用程序上添加产品名称。但是当我设置自定义图标时,它在本地工作完美,但当构建它时则无法正常工作。它给出一个错误default Electron icon isused Reason=application icon is not set

这是Background.js 文件

'use strict'

import { app, protocol, BrowserWindow } from 'electron'
import { createProtocol } from 'vue-cli-plugin-electron-builder/lib'
import installExtension, { VUEJS_DEVTOOLS } from 'electron-devtools-installer'
const isDevelopment = process.env.NODE_ENV !== 'production'


// Scheme must be registered before the app is ready
protocol.registerSchemesAsPrivileged([
    { scheme: 'app', privileges: { secure: true, standard: true } }
])

async function createWindow() {
    const path = require('path')
    const win …
Run Code Online (Sandbox Code Playgroud)

electron electron-builder vuejs2 electron-packager electron-vue

1
推荐指数
1
解决办法
4097
查看次数