electron创建应用、打包、自动更新

最新推荐文章于 2024-09-01 08:39:37 发布

一袋米要扛几楼_

最新推荐文章于 2024-09-01 08:39:37 发布

阅读量1.5k

点赞数 1

分类专栏： electron js ecmascript6.0 文章标签： electron js 桌面应用跨平台

本文链接：https://blog.csdn.net/lyt_angularjs/article/details/88680779

版权

这篇博客介绍了如何利用Electron创建桌面应用，详细阐述了安装环境、创建应用、打包更新的步骤，并探讨了自动更新机制。通过修改版本号和配置，可以实现应用的自动更新，更新过程涉及RELEASES文件的比对和更新包的下载。参考了SegmentFault上的两篇文章，并提供了源码下载链接。

摘要由CSDN通过智能技术生成

安装环境

安装node npm cnpm tomcat
安装 visual studio 2017
安装 python27
安装 Squirrel.Windows
git bush中执行:
git clone --recursive https://github.com/squirrel/squirrel.windows
cd squirrel.windows
…NuGet\NuGet.exe restore
msbuild /p:Configuration=Release
参考官网教程：
打造你的第一个 Electron 应用
 构建步骤（Windows）
autoUpdater

创建应用

新建文件夹znyts,里面新建几个文件

//package.json
{
   
  "name": "znyts",
  "version": "1.0.0",
  "main": "main.js",
  "author": "lyt",
  "description": "a demo create by lyt",
  "scripts": {
   
    "start": "electron ."
  },
  "devDependencies": {
   
    "electron": "^4.1.0"
  }
}

//main.js
const {
    app, BrowserWindow } = require('electron')

// 保持对window对象的全局引用，如果不这么做的话，当JavaScript对象被
// 垃圾回收的时候，window对象将会自动的关闭
let win

function createWindow () {
   
  // 创建浏览器窗口。
  win = new BrowserWindow({
    width: 800, height: 600 })

  // 然后加载应用的 index.html。
  win.loadFile('index.html')
  // win.loadURL('http://localhost:8080')
  

  // 打开开发者工具
  win.webContents.openDevTools()

  // 当 window 被关闭，这个事件会被触发。
  win.on('closed', () => {
   
    // 取消引用 window 对象，如果你的应用支持多窗口的话，
    // 通常会把多个 window 对象存放在一个数组里面，
    // 与此同时，你应该删除相应的元素。
    win = null
  })
}

// Electron 会在初始化后并准备
// 创建浏览器窗口时，调用这个函数。
// 部分 API 在 ready 事件触发后才能使用。
app.on('ready', createWindow)

// 当全部窗口关闭时退出。
app.on('window-all-closed', () => {
   
  // 在 macOS 上，除非用户用 Cmd + Q 确定地退出，
  // 否则绝大部分应用及其菜单栏会保持激活。
  if (process.platform !== 'darwin') {
   
    app.quit()
  }
})

app.on('activate', () => {
   
  // 在macOS上，当单击dock图标并且没有其他窗口打开时，
  // 通常在应用程序中重新创建一个窗口。
  if (win === null) {
   
    createWindow()
  }
})

// 在这个文件中，你可以续写应用剩下主进程代码。
// 也可以拆分成几个文件，然后用 require 导入。

//index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Hello World!</title>
    <style>
      body,html{
    
        margin:0;padding:0;
      }
    </style>
  </head>

最低0.47元/天解锁文章