用户登录

打开项目的 main.js 这个入口文件 .. electron 提供的所有功能都在 electron 这个模块里面 .. 先导入 electron 模块 .. 这里我们可以使用解构的方法从 electron 模块里直接把一些东西拿出来 .. 比如先把 app .. 还有 BrowserWindow 拿出来用一下 ..

app 是管理应用程序生命周期用的, BrowserWindow 是创建还有控制应用窗口用的 ..

app 里面有些事件,我们先监听一下 ready 这个事件 .. Electron 初始化以后会触发执行这个事件,在这个时候我们可以去创建应用的窗口 .. app.on .. 监听的是 ready 事件 .. 用 createWindow 方法来处理这个事件 ..

窗口

上面定义一个函数 .. 名字是 createWindow .. 在函数里面可以新建一个窗口 .. 在全局先添加一个 win,表示 window ,添加这个全局变量是为了不让 javascript 把我们要创建的窗口做垃圾回收 ..

在这个函数里面,设置一下 win .. 新建一个 BrowserWindow ..

BrowserWindow 实例上面有些方法 .. 先用一下它上面的 loadURL .. 窗口地址可以是一个文件类型的地址 .. 也可以是 http 或者 https 类型的地址 .. 这里暂时我们先载入宁皓网的首页 .. https://ninghao.net ..

运行

运行 electron 应用,可以在终端上,执行一下 npm start .. 这次打开的这个 electron 应用上面显示的东西是宁皓网的首页 ..

创建 Electron 应用(app, BrowserWindow)《 Electron 桌面应用:起步 》

统计

10482
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点