本文将介绍如何在Windows 10操作系统中借助WSL2开发基于Electron的Ubuntu窗口应用程序，可以实现在win10中编写代码并查看linux应用的运行效果。

借助此方法，仅需一台MacOS设备和一台Win10的设备，即可通过Electron开发和测试主流操作系统（Windows、Linux、MacOS）下桌面应用程序并可以有差异化的调用操作系统的原生API。

通过MacOS系统可以编译几乎所有平台的应用程序，例如可以在MacOS中编译Win10 x64、Linux ARM64等平台的应用程序。但是在win10或ubuntu中无法编译MacOS应用程序（可以借助虚拟机或者带有MacOS系统的Docker镜像实现MacOS平台应用程序的编译，但是可能无法正常进行签名）。关于Electron自动编译及自动更新、分发，可以参阅此视频教程。

Apple Silicon M1芯片可谓是性能爆炸，开发体验极佳，生态中适配速度也算得上势如破竹。借助Rosetta 2平稳过渡ARM64，实在是高明。在MacOS 11+系统中通过 Apple M1 编译原生M1 Electron应用程序也算得上轻松容易。

理论兼容M1芯片的Electron版本是11.2.3，实测兼容较好的版本是13.0.0-beta.5+。

electron-builder需升级至20.10+，建议版本22.10.5+。

本地Node.js版本请安装v15.5.0+。

MacOS建议升级到11.2.3+。

通过electron-builder编译Electron ARM64应用程序，需调整package.json配置文件。

在 Electron 12 及更高版本，设置了nodeIntegration: true及nodeIntegrationInWorker: true、nodeIntegrationInSubframes: true，渲染进程仍然可能出现require is not defined的报错。

这个报错还跟随有module is not defined或exports is not defined。

同样的报错在Electron 5+曾出现过，原因是发布v5.0.0的时候，官方将nodeIntegration默认值设置为了false（与此同时还将webviewTag设置为了false）。

近期，Electron 12.0.0 发布。修复了诸多异常。同时也将contextIsolation的默认值更改为true（详见：https://github.com/electron/electron/pull/27949）。

为了实现Electron的自动更新，曾撰文《Electron 应用分发系统（Electron自动更新）》，不少小伙伴反应说不知道正确的操作姿势。仔细想来，这个部署确实不简单，因此特意录制此视频。

视频从头开始讲解了如何搭建一个Electron官方示例，配置并实现push到git仓库后服务器端自动编译、自动上传编译后的文件到七牛对象存储、客户端捕获更新信息并且后台静默更新的配置全过程。

需要特别留意的是，每次发布新版本之前都需要修改package.json里面的version版本号，否则自动更新分发会失效。

vm模块允许在V8虚拟机上下文中编译和运行代码。但是不是安全机制，如果有沙箱(sandbox)需求，可以考虑https://github.com/patriksimek/vm2。

在VM环境中使用ECMAScript modules，即在VM环境中可以用import代替require引入某个模块，避免Cannot use import statement outside a module错误，也可以用export代替module.exports。

我的使用场景：

通过Node.js在VM环境使用ECMAScript modules之目的，是为了构建一个虚拟环境（可控的上下文内容）动态执行一些代码，方便在复杂系统中构建小型脚本动态的快速验证一些想法。

在https://github.com/yi-ge/api-proxy这个小项目中也有用到vm模块。

如果我想定义json的内容（root）既可以是一个对象，又可以是一个数组，应该如何书写json schema？

这个问题换一种描述方式，“json schema定义了一个对象，但是希望内容也可以是这个对象的数组，如何书写json schema？”。

例如，Typescript中：root: object | [object]。

例如，我希望数据可以是下面这样的一个对象：

{
  "method": "GET"
}

也可以是这样的数组：

[
  {
    "method": "GET"
  }
]

在nuxt.js中使用axios，推荐使用nuxt定制款nuxt/axios(https://axios.nuxtjs.org/)。相比原生axios有如下优势：

• 自动为客户端和服务器端设置baseURL
• 将setToken函数暴露给$axios，可以非常容易的进行全局Authentication tokens设置
• 基于baseURL发起请求时，自动启用withCredentials
• 添加用于服务器端渲染的Proxy请求Header
• 支持使用axios加载CSS
• 与Nuxt进度条集成
• 与Proxi模块集成
• 使用axios-retry自动重试请求

在Node.js中调用ffmpeg的绝佳方法是使用node-fluent-ffmpeg库。

fluent-ffmpeg开源地址：https://github.com/fluent-ffmpeg/node-fluent-ffmpeg