Electron —— 執行DOS命令有亂碼

現象

使用exec()執行DOS命令dir，結果出現亂碼：

分析

代碼以下：

$(document).ready(() => {
    const exec = require('child_process').exec;
    // 任何你指望執行的cmd命令，ls均可以
    let cmdStr = 'dir';
    // 執行cmd命令的目錄，若是使用cd xx && 上面的命令，這種將會沒法正常退出子進程
    let cmdPath = './';
    // 子進程名稱
    let workerProcess;
    var arr = [];

    function runExec() {
        // 執行命令行，若是命令不須要路徑，或就是項目根目錄，則不須要cwd參數：
        workerProcess = exec(cmdStr, {cwd: cmdPath});
        // 打印正常的後臺可執行程序輸出
        workerProcess.stdout.on('data', function (data) {
            arr.push(data);
            console.log(data);
        });
        // 打印錯誤的後臺可執行程序輸出
        workerProcess.stderr.on('data', function (data) {
            console.log('stderr: ' + data);
        });
        // 退出以後的輸出
        workerProcess.on('close', function (code) {
            console.log(arr);
            console.log('out code：' + code);
        });
    }

    $('#exec_cmd').click((e) => {
        runExec();
    });

 
網上找了一下，廣泛說是在windows的DOS窗口下，使用的是GBK字符集，而JS默認是UTF-8，因此會致使亂碼。

解決

使用iconv-lite庫實現解碼，代碼以下：

$(document).ready(() => {
    const exec = require('child_process').exec;
    // 任何你指望執行的cmd命令，ls均可以
    let cmdStr = 'dir';
    // 執行cmd命令的目錄，若是使用cd xx && 上面的命令，這種將會沒法正常退出子進程
    let cmdPath = './';
    // 子進程名稱
    let workerProcess;
    var arr = [];

    function runExec() {
        let iconv = require('iconv-lite');
        // 執行命令行，若是命令不須要路徑，或就是項目根目錄，則不須要cwd參數：
        workerProcess = exec(cmdStr, {cwd: cmdPath, encoding:'GBK'});
        // 打印正常的後臺可執行程序輸出
        workerProcess.stdout.on('data', function (data) {
            arr.push(data);
            console.log(data);
        });
        // 打印錯誤的後臺可執行程序輸出
        workerProcess.stderr.on('data', function (data) {
            console.log('stderr: ' + data);
        });
        // 退出以後的輸出
        workerProcess.on('close', function (code) {
            console.log(iconv.decode(Buffer.concat(arr), 'GBK'));
            console.log('out code：' + code);
        });
    }

    $('#exec_cmd').click((e) => {
        runExec();
    });

代碼說明：
一、 首先要引入iconv-lite庫，若是沒安裝，則使用「npm install iconv-lite」命令安裝；
二、 爲exec函數指定encodeing參數爲GBK；
三、 在workerProgress的close事件中，首先用Buffer.concat()將獲得的執行結果合併到一個二進制數組裏，而後用iconv.decode()函數完成轉碼；
 
執行效果以下：