基于 Node 环境的终端 cli 翻译工具

五月君

发布于 2021-10-18 15:27:24

8570

发布于 2021-10-18 15:27:24

文章被收录于专栏：Nodejs技术栈

大家好~我是荣顶,不知道大家平时开发时,是否需要经常查单词,和一些报错长短句,由于我的英文实在是不怎么好,所以日常使用有道等查词工具的频率是非常高的.但是经常在编辑器以及翻译软件或是其他中来回切换难免有些影响效率,所以我决定写一个能在终端轻松方便使用的翻译小工具. 下面就给小伙伴们分享一下我的 cli 工具制作历程~

项目需求

首先明确我们这个工具是为了不在各个软件中来回切换(实现在终端中通过命令使用)
可以中译英,英译中,不仅会翻译单词还要能翻译长短句(这里我们会用到有道的 api)
可以对单词和长短句进行发音(遇到不会读的单词,肯定还是要学一下的~)
而且它需要足够小(我的 Unpacked Size 只有 5.17kb)

前置条件

node 安装完毕

明确逻辑需求

在 node.js 中使用有道翻译的 API 进行文字翻译。不管是中译英还是英译中

然后将 api 的返回 Json 通过格式化后输出到终端即完成翻译

通过添加参数可实现翻译,阅读,帮助等其他功能的自由选择

命令 + 文本  #对文本进行翻译
命令 + 文本 + -S/--say #会对文本进行阅读,不加参数则只翻译
命令 + -H/--help #终端输出帮助文档

#其他功能可以自己根据具体需求来完成

实现步骤

#输入以下命令
npm init -y

我编辑器使用的是 vsCode ,在编辑器中打开项目目录

新建一个 bin 文件夹，在 bin 文件夹内新建一个 js 文件用于命令行工具的测试；

在 packjson.js 中配置如下信息：命令是可以自定义的(ts,也可以是aaa,bbb)

然后使用：

npm link

link 完后,我们可以通过npm ls -g查看是否成功(有当前文件夹被映射到全局包中说明 link 成功)

我们在终端中使用ts命令,可以看到开始创建的 js 文件中的 console.log 执行了,至此,我们的工具基本完成就已经完成一半!接下来就是写逻辑的过程了

项目中文字高亮,单词等阅读,命令行参数的获取主要依赖 colors,say 以及 yargs

#所以我们先安装这三个依赖
yarn add say colors yargs -S

安装完成后在 bin 文件夹下的 js 文件中引入

const colors = require("colors");
const say = require("say");
const argv = require("yargs").argv,
queryStr = encodeURI(argv.\_.join(" "));

首先对命令进行逻辑处理

if (!queryStr) {
    //命令后没有参数
    console.log("这里是帮助文本");
    console.log("请输入单词或短句[-S,--say]");
} else {
    //有参数--say或-S,播放
    if (argv.say == true || argv.S == true) {
        console.log("播放中...".rainbow);
        say.speak(queryStr);
        return;
    }
    //发送文本到有道api进行查词
    translate(queryStr);
}

定义查词函数

function translate(query) {
    //发送翻译请求
    let http = require("http");
    // 1.用于请求的选项
    let options = {
        host: "fanyi.youdao.com",
        port: "80",
        path:
            "/openapi.do?keyfrom=translation-tool&key=1730699468&type=data&doctype=json&version=1.1&q=" +
            query,
    };
    // let options = ` http://aidemo.youdao.com/trans?q=${query}&&from=Auto&&to=Auto`;
    // 处理响应的回调函数
    let callback = function(response) {
        // 不断更新数据
        response.on("data", function(data) {
            //对返回的数据进行格式化和高亮
            format(data);
        });
        response.on("end", function() {
            // 数据接收完成
            console.log("---------------");
        });
    };
    // 向服务端发送请求
    let req = http.request(options, callback);
    req.end();
}

定义格式化函数

function format(json) {
    let data = JSON.parse(json),
        pronTitle = "发音：",
        pron = data.basic ? data.basic.phonetic : "无",
        mainTitle = "翻译：",
        mainTrans = "",
        webTitle = "网络释义：",
        machineTrans = "",
        webTrans = "",
        template = "";
    let basic = data.basic,
        web = data.web,
        translation = data.translation;
    if (basic ? basic : "") {
        for (let i = 0; i < basic.explains.length; i++) {
            mainTrans += "\n" + basic.explains[i];
        }
    }
    if (web ? web : "") {
        for (let i = 0; i < web.length; i++) {
            webTrans +=
                "\n" +
                (i + 1) +
                ": " +
                web[i].key.red.bold +
                "\n" +
                web[i].value.join(",");
        }
    }
    translation ? (machineTrans = translation) : false;
    template =
        pronTitle.red.bold +
        pron +
        "\n" +
        mainTitle.green.bold +
        mainTrans +
        "\n" +
        webTitle.blue.bold +
        webTrans +
        "\n" +
        "机器翻译：".green.bold +
        machineTrans;
    console.log(template);
}

完整的代码

    #! /usr/bin/env node

    const colors = require("colors");
    const say = require("say");
    const argv = require("yargs").argv,
        queryStr = encodeURI(argv._.join(" "));
    //=======================================================
    if (!queryStr) {
        //命令后没有参数
        console.log("这里是帮助文本");
        console.log("请输入单词或短句[-S,--say]");
    } else {
        //有参数--say或-S,播放
        if (argv.say == true || argv.S == true) {
            console.log("播放中...".rainbow);
            say.speak(queryStr);
            return;
        }
        //发送文本到有道api进行查词
        translate(queryStr);
    }
    //格式化
    function format(json) {
        let data = JSON.parse(json),
            pronTitle = "发音：",
            pron = data.basic ? data.basic.phonetic : "无",
            mainTitle = "翻译：",
            mainTrans = "",
            webTitle = "网络释义：",
            machineTrans = "",
            webTrans = "",
            template = "";
        let basic = data.basic,
            web = data.web,
            translation = data.translation;
        if (basic ? basic : "") {
            for (let i = 0; i < basic.explains.length; i++) {
                mainTrans += "\n" + basic.explains[i];
            }
        }
        if (web ? web : "") {
            for (let i = 0; i < web.length; i++) {
                webTrans +=
                    "\n" +
                    (i + 1) +
                    ": " +
                    web[i].key.red.bold +
                    "\n" +
                    web[i].value.join(",");
            }
        }
        translation ? (machineTrans = translation) : false;
        template =
            pronTitle.red.bold +
            pron +
            "\n" +
            mainTitle.green.bold +
            mainTrans +
            "\n" +
            webTitle.blue.bold +
            webTrans +
            "\n" +
            "机器翻译：".green.bold +
            machineTrans;
        console.log(template);
    }
    //发送请求
    function translate(query) {
        //发送翻译请求
        let http = require("http");
        // 1.用于请求的选项
        let options = {
            host: "fanyi.youdao.com",
            port: "80",
            path:
                "/openapi.do?keyfrom=translation-tool&key=1730699468&type=data&doctype=json&version=1.1&q=" +
                query,
        };
        // let options = ` http://aidemo.youdao.com/trans?q=${query}&&from=Auto&&to=Auto`;
        // 处理响应的回调函数
        let callback = function(response) {
            // 不断更新数据
            response.on("data", function(data) {
                //对返回的数据进行格式化和高亮
                format(data);
            });
            response.on("end", function() {
                // 数据接收完成
                console.log("---------------");
            });
        };
        // 向服务端发送请求
        let req = http.request(options, callback);
        req.end();
    }

至此翻译工具的基本功能已经完成