在本系列的上一篇文章中,我们谈到了如何去搭建一个简单的hello wordl桌面应用,那么这篇文章,来谈谈几个我们在桌面应用中常用的功能
文件的读写
对于一个桌面应用来说,很多信息都会保存在本地的文件,在我们使用该应用时,读取本地对应的文件,去显示不同的内容
这类似于我们在使用web端时,需要去从服务端读取我们想要的配置文件等信息,将信息以各种形式渲染到页面上。对于桌面应用来说,设置一般都是保存在本地的,我们可以将桌面应用读取本地的文件,和web端发起请求的行为对比,其实原理都是一样的。
而这里的读写,我们直接用到了fs模块,其实这里只要熟悉fs模块的话,是可以直接看代码了,基本没什么差别,但是这里我们借着说文件的读写,来说说怎么在Electron中的渲染进程(也就是在各个页面)使用node.js
这里写一个小demo,读取配置文件中的内容,渲染到应用页面上,同时使用写操作修改配置文件
首先在根目录创建一个全局配置文件global.json,同时新建文件夹render用来存放渲染文件
修改index.html,引入相应的js文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p>hello <span id="name">xxx</span></p>
<button id="refresh">更新</button>
<p>
<label>名字:</label>
<input type="text" id="nameInput">
</p>
<p>
<label>颜色:</label>
<input type="text" id="colorInput">
</p>
<button