客户端开发(Electron)数据存储

简介: 客户端开发(Electron)数据存储

  Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。


前言:


    数据存储在应用开发中也是必不可少的一块功能,在Electron开发中支持将数据持久化到本地文件中,浏览器提供的介质和SQLite数据库中,SQLite作为一款轻量级的关系数据存储在移动端开发中也广泛应用。


本地文件存储:


存储目录:

  • 因为不通的系统的文件目录不统一,Electron提供了专有的API来方便我们获取目录(app.getPath("userData");
  • 常见的用户目录:
  • desktop、documents、downloads、pictures、music、video
  • 特殊的文件目录:
  • temp对应系统临时文件夹路径。
  • ·exe对应当前执行程序的路径。
  • ·appData对应应用程序用户个性化数据的目录。
  • userData是appData路径后再加上应用名的路径,是appData的子路径。这里说的应用名是开发者在package.json中定义的name属性的值。
  • 系统默认目录:
  • 当前用户的主目录:require('os').homedir(); / C:\Users\<username>
  • 默认临时文件目录:require('os').homedir(); / C:\Users\<username>\AppData\Local\Temp


文件读写操作:

  • 确定文件目录:
const dataPath = path.join(app.getPath('userData'), 'data.json')
复制代码
  • 文件写入:
fs.writeFileSync(
    dataPath,
    JSON.stringify({ username: "admin", version: "0.0.1" }),
    { encoding: "utf-8" }
);
复制代码
  • 文件读取:
const content = fs.readFileSync(dataPath, { encoding: "utf-8" });
console.log("[ content ] >", content);
复制代码


第三方库使用:


SQLite数据存储:


  • 安装node-sqlite3扩展:
npm install sqlite3 --build-from-source --runtime=electron --target=13.6.9 --dist-url=https://atom.io/download/electron
复制代码
  • 安装knexjs扩展:
npm install knex --save
复制代码
  • 《因sqlite未安装成功,调试后补充》这个地方真是一路坑,有没有踩过坑的留个地址😭


总结:


    以上就是在Electron开发关于数据的存储方式,不同的数据适用于不同的方式存储,在实际开发中可灵活运用,浏览器储存的方式就不再进行介绍了。



相关文章
|
4月前
|
存储 开发框架 数据管理
UniApp中的数据存储与获取指南
UniApp中的数据存储与获取指南
360 0
|
5月前
|
开发框架 JavaScript 前端开发
对 Electron 架构的理解
对 Electron 架构的理解
84 0
|
6月前
|
Web App开发 前端开发 JavaScript
用electron打包前端应用初体验
用electron打包开发桌面应用遇到的各种问题和解决办法
84 1
|
9月前
|
开发框架 前端开发 JavaScript
前端桌面应用开发:Electron介绍与实践(1)
前端桌面应用开发:Electron介绍与实践
195 0
|
9月前
|
前端开发 JavaScript 开发者
前端桌面应用开发:Electron介绍与实践(3)
前端桌面应用开发:Electron介绍与实践(3)
|
9月前
|
前端开发
前端桌面应用开发:Electron介绍与实践(2)
前端桌面应用开发:Electron介绍与实践(2)
|
10月前
|
Windows
AntDesignPro使用electron构建桌面应用
AntDesignPro使用electron构建桌面应用
164 0
|
11月前
|
前端开发 容器
前端封装库/工具库的UI框架之Foundation
在现代前端开发中,UI 框架是一个非常重要的组成部分。其中,Foundation 是一个备受欢迎的响应式前端框架。
263 0
|
JavaScript API
electron框架核心知识总结
electron框架核心知识总结
electron框架核心知识总结
|
JavaScript 前端开发 Linux
客户端开发(Electron)系统级API使用2
客户端开发(Electron)系统级API使用2
257 0
客户端开发(Electron)系统级API使用2