Node打开选择文件夹弹框
发布于 2023-03-29 10:39:12 2.7K0 举报 文章被收录于专栏：clzNode打开选择文件夹弹框
前言
用脚手架的那套东西写了一个工具，但是想要一个用Node去打开选择文件夹弹框的效果，来设置操作根目录。但是，Node本身没有这个API。
node执行python脚本
Node本身没有提供打开选择文件夹弹框的API，但是Python的tkinter是有这个功能的。所以可以用Python写好脚本来打开选择文件夹，然后通过Node来执行python脚本。
Python脚本也是非常的简单。
import tkinter as tk
import tkinter.filedialog
dirPaths = tkinter.filedialog.askdirectory()
if(len(dirPaths) == 0):
print('None')
else:
print(dirPaths)
Node执行Python脚本需要通过Node提供的child_process来创建子进程（exec），它会将紫禁城的输入以回调函数参数的形式一次性返回。
ESM里使用__dirname
因为我用的是ESM模式写的，所以是不能直接使用__dirname的。这里稍微吹一下下ChatGPT。
启用
ESM模式则是在package.json中，添加type: "module"
当然，答案有点小瑕疵，实际上得到的是当前文件的绝对地址，并且前面会有文件协议。所以需要进行一些处理。
代码
import { exec } from 'child_process';
import { EOL } from 'os'; // 回车、换行，通过JSON.stringify()能够观测到
import path from 'path';
const dirname = import.meta.url.slice(8, import.meta.url.lastIndexOf('/'));
const p = new Promise((resolve, reject) => {
exec(path.join(dirname, 'dialog.py'), (err, stdout, stderr) => {
if (err) {
reject(new Error(err));
} else if (stderr) {
reject(new Error(stderr));
} else if (stdout) {
const result = stdout.trim().split(EOL).toString(); // 将返回的结果去掉前后的空格以及回车换行
resolve(result);
}
})
});
p.then(val => {
console.log(val);
})
中文路径问题
python输出中文是会乱码的，所以当我们选择的路径有中文的话，就会出现问题。
在网上找到一些解决方案说是改环境变量。但是，本人想要的效果是只需要下载工具，就能直接使用。而不需要手动修改。所以最好的方案还是在代码上做文章。
最后，功夫不负有心人。找到一个改变标准输入输出的默认编码的方案。
import io
import sys
#改变标准输出的默认编码
sys.stdout= io.TextIOWrapper(sys.stdout.buffer,encoding='utf8')
所以，需要小修改Python代码，添加上面的内容。
将python程序打包成exe文件
上面通过Node来执行python脚本，实际上是需要电脑有安装Python，但是这样子当然是不太好的，有种捆绑的感觉。和Python的耦合度过高，所以最终考虑将python程序打包成exe文件。
将py打包为exe文件需要依赖pyinstaller。
更多：如何将python程序打包成exe文件_py打包成exe_一朝乐的博客-CSDN博客
安装pyinstaller可能会遇到的问题以及解决方案：
如何将python程序打包成exe文件_py打包成exe_一朝乐的博客-CSDN博客
除了dist外，生成的东西都能删掉，因为其他都是都是编译的时候生成的。只有dist是我们有我们想要的exe文件。
直接双击生成的exe文件，也会打开选择文件夹弹框。
代码也需要修改成执行exe文件，而不再是python文件。
import { exec } from 'child_process';
import { EOL } from 'os'; // 回车、换行，通过JSON.stringify()能够观测到
import path from 'path';
const dirname = import.meta.url.slice(8, import.meta.url.lastIndexOf('/'));
const p = new Promise((resolve, reject) => {
exec(path.join(dirname, 'dist', 'dialog.exe'), (err, stdout, stderr) => {
if (err) {
reject(new Error(err));
} else if (stderr) {
reject(new Error(stderr));
} else if (stdout) {
const result = stdout.trim().split(EOL).toString(); // 将返回的结果去掉前后的空格以及回车换行
resolve(result);
}
})
});
p.then(val => {
console.log(val);
})
效果和前面一样。
还可以编写一个sh文件，帮我们生成exe文件，并且删除编译中生成的一些其他文件。
run.sh
#!/bin/bash
pyinstaller -F dialog.py
rm build/ -rf
rm dialog.specs