在前端开发中,经常需要实现多语言功能,而 Google 提供的翻译服务可以很好的满足这个需求。Google-Translation 是一个基于 Google 翻译 API 的 NPM 包,可以方便的实现多语言翻译功能。
安装
安装 Google-Translation 依赖包可以使用 NPM 命令:
npm install google-translate-api
基本使用
Google-Translation 提供的主要功能是文本的翻译。在实现多语言功能时,通常会把要翻译的文本放在一个 JSON 文件中,然后根据用户的语言选择对应的翻译结果。下面是一个简单的使用示例:
-- -------------------- ---- ------- ----- --------- - -------------------------------- ---------------- ------- ------ ----- --- --------- --------- -- - ---------------------- -- ---------- -- - ------------------- ---
上面的示例中,我们调用了 translate
方法,将要翻译的文本以及源语言和目标语言作为参数传入。translate
方法返回一个 Promise 对象,我们可以使用 then
方法获取翻译结果。
更高级的用法
Google-Translation 还支持更加高级的用法,例如自动检测源语言、使用 HTTP 代理等。
自动检测源语言
如果不知道要翻译的文本源语言是什么,可以将 from
参数设置为 auto
,Google-Translation 会自动检测源语言:
translate('Bonjour le monde', {to: 'en'}) .then(res => { console.log(res.text); }) .catch(err => { console.error(err); });
使用 HTTP 代理
在某些情况下,我们需要使用 HTTP 代理来访问 Google 翻译 API。Google-Translation 可以通过设置环境变量 HTTP_PROXY
或 HTTPS_PROXY
来使用 HTTP 代理:
export HTTP_PROXY=http://proxy.example.com:8080
-- -------------------- ---- ------- ---------------------- - -------------------------------- ---------------- ------- ------ ----- --- --------- --------- -- - ---------------------- -- ---------- -- - ------------------- ---
总结
Google-Translation 是一个便捷的多语言翻译工具,可以轻松的实现文本的翻译功能。在实现多语言功能时,我们可以结合 Google-Translation 和其它工具,例如 React 或 Vue,来实现完整的多语言支持。
参考资料
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60056cbf81e8991b448e639f