electron项目中使用sqlite3的编译问题（windows）

最新推荐文章于 2024-03-25 15:37:01 发布
最新推荐文章于 2024-03-25 15:37:01 发布
阅读量9.4k 收藏 7
点赞数 1
分类专栏： 匠心 文章标签： electron sqlite3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/caandoll/article/details/81429171
版权

在electron项目中，无论是做临时存储还是单机业务处理，sqlite3都是不二之选，轻量的SQL数据库。但是在windows下进行开发的时候，编译总是一个头疼的问题。网上的方法有N种，都试了无数次还是没有效果，今天给大家分享一个成功的方法。

1.准备

首先python2.7，vs2015这些是必装的，很多nodejs使用的c++包都需要

2.工程的package.json中scripts命令添加
"postinstall": "install-app-deps"

“postinstall”是npm的一个钩子，它会在你执行npm install安装完成后执行，”install-app-deps”是electron的命令，会利用”electron-builder”重新构建绑定了当下sqlite3版本的electron

3.安装sqlite3
$ npm i sqlite3 -S

安装之后他会自动进行编译 node-pre-gyp install –fallback-to-build

  • 先编译出对应nodejs版本的sqlite3版本，例如：{root}\node_modules\sqlite3\lib\binding\node-v57-win32-x64\node_sqlite3.node

  • 再自动执行”install-app-deps”，编译出对应electron版本的sqlite3版本，例如：{root}\node_modules\sqlite3\lib\binding\electron-v1.8-win32-x64\node_sqlite3.node。（如果因为某个原因没有执行”install-app-deps”，那么在这个时候手动执行也是可以的）

  • PS：最后一步操作如果失败，很大原因是因为被墙了，挂代理或者用cnpm装sqlite3也是可行的

接下来就可以直接在js中引入sqlite3了！

CaanDoll
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
electron编译sqlite3
11-09
压缩包中是已经编译成功的sqlite3资源，并且已经通过测试。可以放心使用。
sqlite3环境编译总是失败或者windows_build_tools安装失败
m0_59057848的博客
12-07 600
因为我的项目electron需要用到sqlite3。但看了网上的教程搞了一晚上，还没搞好。 然后问了个大佬，他告诉我安装node.js最新版，就也有windows_build_tools了。 先把node.js卸载了，然后去官网安装最新版的。 切记，一定要记得打勾！！！ 然后在项目中安装sqlite3 npm i sqlite3 -S 输入这条命令，安装之后他会自动进行编译 node-pre-gyp install –fallback-to-buil ...
sqlite3嵌入式开发板命令行方式使用
最新发布
houge101的博客
03-25 1158
如何在编译嵌入式版本的sqlite3，请看我上一篇文章。
electron-updater 自动更新升级应用
天问博客-专注于大前端技术
07-14 4695
electron 内置了 autoUpdater 自动更新功能，但是服务配置有些复杂，最后选择了 electron-updater 工具插件，这里就讲讲如何配置 electron-updater 来自动更新升级应用。
electron-builder 设置用户可以自己选择安装目录
豪先生的博客
08-15 2764
electron-builder 设置用户可以自己选择安装目录
electron打包（electron-builder/electron-packager）及打包过程中的报错解决
热门推荐
程序边界
04-01 1万+
文章目录一、electron-packager二、electron-builder1.`electron-builder`的配置（1）在`package.json`中直接配置nsis配置命令行参数（CLI）Commands(命令):Building(构建参数):Publishing(发布):Deprecated(废弃):Other(其他):Examples(例子):TargetConfigurat...
electron 利用electron-builder打包
qq_44862552的博客
03-16 2136
在上面的例子中，我们添加了一个名为 dist 的 script，它的值是 electron-builder。这将使用 electron-builder 打包我们的应用程序。执行 npm run dist 命令时，它会自动读取 package.json 文件中的 build 配置，并根据其进行打包。
electron-builder 配置篇
qq_34907249的博客
09-17 7311
1、 2、 3、 完整版文件： { "name": "App", "author": "xxxx", "version": "2.0.7", "main": "main.js", "homepage": "XXXXXX",//linux这个是必须配置的 "email" : "[email protected]", "scripts": { "rebuild": "electron-rebuild -f -w sqlite3", "dev": "electron . --...
自动检查以确保依赖项始终与使用的electron版本相匹配的小技巧
jclee95的个人博客
03-29 282
electron 开发笔记-自动检查以确保依赖项始终与使用的electron版本相匹配的小技巧。
electron-builder
顺其自然~专栏
10-17 299
您只能使用 Electron-builder 将您的 Electron 应用程序打包为 AppImage、Snaps、Debian 包、NSIS、macOS 安装程序组件包 (一个完整的解决方案，用于打包和构建适用于 macOS、Windows 和 Linux 的可立即分发的 Electron 应用程序，并提供开箱即用的“自动更新”支持。如果您有自己的本机插件，它们是应用程序的一部分（不是作为依赖项），请将。对于将交付生产的应用程序，您应该签署您的应用程序。上，环境变量是使用 set 命令设置的。
彻底解决electron-builder安装问题与npm下载配置问题
guiplan
11-20 1294
我们先来了解一下资源下载，我们在通过npm install electron-builder安装的时候需要下载各种压缩包到电脑缓存中，然而有些资源包是在国外服务器，比如github这里需要魔法才能下载。然而也可以设置npm 里的淘宝代理，但代理的地址还是无法下载。electron_custom_dir 这个当前的版本，注意这里最好不要写死版本，否则安装的时候为自动拼接地址版本号则会是固定的比如我想安装21.2.0的版本，原本会自动从8.5.5里去寻找结果直接从10.0.0里去找了，拼接后的地址为。
electron5.0.0下编译sqlite3.rtf
02-24
先在你的项目里面安装npm install sqlite3 -s。 成功之后，在你的node_modules 里面会有一个sqlite3的文件。 里面的这个文件： node_modules/sqlite3/binding.gyp 就是我们需要编译成electron模块的配置文件...
local-sqlite-example：使用带有SQL.js的本地SQLite演示数据库驱动的Electron
02-04
该项目演示了如何使用在Electron中安装和使用本地SQLite3数据库。 通过使用编译SQLite C代码，SQL.js是SQLite到JavaScript的移植。 仅使用JavaScript意味着无需处理C绑定或node-gyp编译。更新2020年9月为...
node_sqlite3.node.zip
08-09
已经编译好的sqlite3，可以正常使用， 使用说明：将下载到的文件拷贝到 项目名称\node_modules\sqlite3\lib\binding # env `"electron": "^3.0.5", "sqlite3": "^4.0.3"` # How to use Copy the downloaded ...
electron-v7.1-win32-x64.zip
01-18
Electron使用sqlite3，基于基于Node.js 12.8.1, Electron 7.1.9.版本编译的sqlite3文件
Electron使用sqlite3数据库编译事项。
codears的博客
12-11 883
第一步：在package.json文件中加入： “scripts”: { “postinstall”: “install-app-deps” … } 第二步： npm install --save-dev electron-builder npm install --save sqlite3 npm run postinstall 最后使用即可。 转自：https://stackoverflow....
Electron 中安装Better-sqlite3遇到的问题总结
u010547904的博客
09-24 7403
2020年9月24日撰写： 今天尝试在Electron使用Better-sqlite3，遇到了很多坑，主要还是使用sqlite3库时感觉特别不爽才硬刚的 就不多说了，直接进入正题。 安装better-sqlite3需要在Electron运行需要保证Node和Electron的ABI（NODE_MODULE_VERSION）一至； https://nodejs.org/zh-cn/download/releases/Node版本对照表； 我使用的nodejs版本为v12.16.3(ABI为72)，.
electron+sqlite3的一起使用
zoepriselife316的博客
10-12 1万+
在用react，electron，创建的程序时可以运行的，当添加sqlite3时，编译就过不去了，因为sqlite3是C++写的，所以在使用的时候我们不能直接用，需要编译下才可以使用，但是这个编译过程有些难走。 首先下载了electron-rebuild npm install --save-dev electron-rebuild 然后，下载了sqlite3 npm install --sav...
electron-vue引入squlite3模块，并解决Uncaught Error:cannot find module的问题
浮华瑰梦
09-15 8297
本文转载自https://juejin.im/post/5b3ad6b651882562540314f0 亲测有效 【简介】 Electron是一个基于vue.js的新框架，它可以构建桌面应用。官方提供的electron-vue模板，干净有效，方便开发。这篇文章将介绍我在搭建electron-vue项目并引入sqlite3模块遇到的问题及解决方法。 一、步骤 1.使用webStrom开发...
vite+typrscript+electron使用sqlite3案例
05-11
好的，下面是一个使用 Vite、TypeScript 和 Electron 的 SQLite3 示例项目。 首先，需要安装以下依赖： - vite - electron - electron-builder（可选，用于将应用程序打包成可执行文件） - sqlite3 - @types/sqlite3（TypeScript 定义文件） 可以使用以下命令进行安装： ``` npm install vite electron electron-builder sqlite3 @types/sqlite3 --save-dev ``` 接下来，创建一个 Vite 项目： ``` npx vite create my-app --template electron-ts ``` 然后，在项目根目录下创建一个 `db` 目录，用于存放 SQLite3 数据库文件。 接着，创建一个 `database.ts` 文件，用于连接 SQLite3 数据库： ```typescript import sqlite3 from 'sqlite3'; const DB_PATH = './db/my-db.db'; export function connectDatabase() { return new sqlite3.Database(DB_PATH, (err) => { if (err) { console.error(err.message); } console.log('Connected to the database.'); }); } ``` 这个文件中，我们首先定义了 SQLite3 数据库文件的路径 `DB_PATH`，然后导出了一个 `connectDatabase` 函数，用于连接到数据库。 接下来，我们可以创建一个 `users.ts` 文件，用于操作用户表： ```typescript import { connectDatabase } from './database'; const db = connectDatabase(); export interface User { id: number; name: string; email: string; } export function getAllUsers(): Promise<User[]> { return new Promise((resolve, reject) => { db.all('SELECT * FROM users', (err, rows) => { if (err) { reject(err); } else { resolve(rows); } }); }); } export function addUser(user: User): Promise<number> { return new Promise((resolve, reject) => { db.run( 'INSERT INTO users(name, email) VALUES(?, ?)', [user.name, user.email], function (err) { if (err) { reject(err); } else { resolve(this.lastID); } } ); }); } ``` 在这个文件中，我们首先导入了 `connectDatabase` 函数，并使用它连接到了数据库。然后，我们定义了一个 `User` 接口，用于表示用户的数据结构。 接着，我们导出了两个函数： - `getAllUsers`：用于获取所有用户记录。 - `addUser`：用于添加一条新的用户记录。 这两个函数都是返回 Promise 对象的，因为它们都是需要异步执行的操作。 最后，我们可以在 `renderer.ts` 文件中调用这些函数： ```typescript import { getAllUsers, addUser, User } from './users'; const userList = document.querySelector('#user-list')!; const nameInput = document.querySelector('#name-input') as HTMLInputElement; const emailInput = document.querySelector('#email-input') as HTMLInputElement; const addBtn = document.querySelector('#add-btn')!; async function loadUsers() { const users = await getAllUsers(); userList.innerHTML = ''; users.forEach((user) => { const li = document.createElement('li'); li.textContent = `${user.id} - ${user.name} (${user.email})`; userList.appendChild(li); }); } addBtn.addEventListener('click', async () => { const user: User = { id: 0, name: nameInput.value, email: emailInput.value, }; await addUser(user); await loadUsers(); }); loadUsers(); ``` 在这个文件中，我们首先导入了 `getAllUsers` 和 `addUser` 函数，以及 `User` 接口。 然后，我们使用 DOM API 获取了一些元素，包括用户列表、姓名输入框、邮箱输入框和添加按钮。 接着，我们定义了一个 `loadUsers` 函数，用于加载所有用户记录，并将它们显示在用户列表中。 最后，我们在添加按钮的点击事件处理程序中，获取了用户输入的姓名和邮箱，创建了一个新的用户对象，并调用了 `addUser` 函数将其添加到数据库中。然后，我们又调用了 `loadUsers` 函数重新加载用户列表。 现在，可以使用以下命令启动应用程序： ``` npm run dev ``` 这将同时启动 Vite 和 Electron，打开应用程序窗口。 在窗口中，可以输入用户的姓名和邮箱，点击添加按钮，然后应该会在用户列表中看到新添加的用户记录。 最后，如果想要将应用程序打包成可执行文件，可以使用以下命令： ``` npm run build ``` 这将使用 Electron Builder 将应用程序打包成可执行文件，并输出到 `dist` 目录中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值