使用nw.js制作桌面版draw.io

draw.io是一个开源的在线流程图制作软件,源码地址: https://github.com/jgraph/drawio

这个软件的特殊之处在于,它完全使用web技术开发,可以很方便地搭建在线编辑软件。

对于Windows个人用户而言,还是使用桌面程序比较好一些。

官方也提供桌面版本程序: https://github.com/jgraph/drawio-desktop

官方桌面程序是使用electron打包而成的,并且目前只提供64位版本,对于使用32位系统的我来说是个硬伤。

因此只有考虑使用它的源码自己构建Windows桌面程序了。


鉴于之前研究过阿里钉钉PC端客户端,是使用nw.js制作的,于是研究能不能用nw.js来启动draw.io?

1.首先下载官方源码,得到drawio-master.zip。

2.解压后找到drawio-master\src\main\webapp目录,复制到nw.js的根目录。

3.修改package.json

{
	"name": "draw.io",
	"main": "app://./webapp/index.html",
	"window":
	{
		"icon": "webapp/images/logo.png",
		"title":"draw.io",
		"resizable":true,
		"toolbar":false,
		"frame":true
	}
}

4.启动nw.exe

哇哦,它真的运行成功了!

体验还不错!nice!nw.js真是个好东西!

嘿嘿,我的32位系统终于用上draw.io桌面版了!


备注下:我当前使用的nw.js版本是V0.12.3,没有package.json时启动是下面这个样子的。

本来打算把我的nw.js也传上来的,发现CSDN上面已经有这个资源了,不能重复上传。