我目前使用 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)我的场景,
我正在开发一个基于桌面的应用程序。我最大的挑战是将数据保存到关系数据库(离线)并相应同步(公司有自己的同步算法)。我使用Electron和VueJS作为客户端。为了构建桌面应用程序,我使用electro-builder。我能够使用原始 SQL 或各种 ORM 编写迁移。
我想要的是?
当我将安装到桌面时,我想创建数据库文件并在客户端计算机上应用所有迁移。我只是不知道那部分该怎么做。我还研究了Electron Builder Docs。但不明白。我需要一个例子,任何想法。
请帮我。谢谢
javascript database-migration electron electron-builder electron-vue
我创建了一个用 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) 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) 我正在使用 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