码迷,mamicode.com
首页 > 其他好文 > 详细

Electron(四)封装配置

时间:2019-11-15 15:45:12      阅读:72      评论:0      收藏:0      [点我收藏+]

标签:index   roc   ted   允许   The   close   with   insecure   assets   

src/renderer/util/option.js

export const mainOption = {
  width: 1000,
  height: 520,
  // width 和 height 将设置为 web 页面的尺寸
  useContentSize: true,
  // 窗口在屏幕居中
  center: true,
  // 窗口是否可以改变尺寸 开启后maximizable失效
  resizable: false,
  // 窗口是否可以移动
  // movable: true,
  // 窗口是否可以最小化
  minimizable: true,
  // 窗口是否可以最大化
  maximizable: true,
  // 置顶窗口
  alwaysOnTop: false,
  webPreferences: {
    // 是否开启 DevTools,开发模式默认位true
    // devTools:true,
    //  是否集成Node
    // nodeIntegration: false,
    // 禁用同源策略
    webSecurity: false,
    // 是否允许一个使用 https的界面来展示由 http URLs 传过来的资源。默认false
    allowDisplayingInsecureContent: false,
    // 是否允许一个使用 https的界面来渲染由 http URLs 提交的html,css,javascript。默认为 false。
    allowRunningInsecureContent: false,
    nativeWindowOpen: true
  },
  show: false,
  backgroundColor: #fff
};

src/main/index.js

import {app, BrowserWindow} from electron
import {mainOption} from "../renderer/util/option";

/**
 * Set `__static` path to static files in production
 * https://simulatedgreg.gitbooks.io/electron-vue/content/en/using-static-assets.html
 */
if (process.env.NODE_ENV !== development) {
  global.__static = require(path).join(__dirname, /static).replace(/\\/g, \\\\)
}

let mainWindow;
const winURL = process.env.NODE_ENV === development
  ? `http://localhost:9080`
  : `file://${__dirname}/index.html`;

const createWindow = () => {
  mainWindow = new BrowserWindow(mainOption);
  mainWindow.once(ready-to-show, () => {
    mainWindow.show()
  });
  mainWindow.loadURL(winURL);
  mainWindow.setMenu(null);
  mainWindow.on(closed, () => {
    mainWindow = null
  });
};
// 完成初始化
app.on(ready, createWindow);


// 当所有的窗口都被关闭时触发
app.on(window-all-closed, () => {
  if (process.platform !== darwin) {
    app.quit()
  }
});

app.on(activate, () => {
  if (mainWindow === null) {
    createWindow()
  }
});
/**
 * Auto Updater
 *
 * Uncomment the following code below and install `electron-updater` to
 * support auto updating. Code Signing with a valid certificate is required.
 * https://simulatedgreg.gitbooks.io/electron-vue/content/en/using-electron-builder.html#auto-updating
 */

/*
import { autoUpdater } from ‘electron-updater‘

autoUpdater.on(‘update-downloaded‘, () => {
  autoUpdater.quitAndInstall()
})

app.on(‘ready‘, () => {
  if (process.env.NODE_ENV === ‘production‘) autoUpdater.checkForUpdates()
})
 */

 

Electron(四)封装配置

标签:index   roc   ted   允许   The   close   with   insecure   assets   

原文地址:https://www.cnblogs.com/ronle/p/11867050.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!