【Node.js】 DeepLのAPIで翻訳した文章をブラウザのコンソールで表示する方法を教えてください

いつもお世話になっています。
下記の質問についてご存知の方がいらっしゃいましたらご教示を願います。

【質問の主旨】

Node.jsとDeepL APIを利用して翻訳アプリを作っています。
server.js内にルーティングを設定して、日本語に翻訳した文章をブラウザとブラウザのコンソール画面に出力して「完成」としたいと考えています。

ところがこのserver.jsを起動してローカルサーバーを確認すると、ターミナルとブラウザには日本語の翻訳文が表示されるものの、ブラウザのコンソール画面には同じ文章が表示されません。

イメージ説明

イメージ説明

server.jsのどこを修正すれば、ブラウザのコンソール画面にも翻訳した文章が表示できるようになるでしょうか?

【質問の補足】

1. server.jsのコード

import { createRequire } from "module"; const require = createRequire(import.meta.url); import * as deepl from 'deepl-node'; const PORT = 8000; const axios = require("axios").default; const express = require("express"); const cors = require("cors"); require("dotenv").config(); const app = express(); app.use(cors()); app.listen(PORT, () => console.log("Server running on PORT " + PORT)); app.get("/translation", async(req, res) => { const authKey = process.env.DEEPL_API_KEY; // Replace with your key const translator = new deepl.Translator(authKey); try { (async () => { const result = await translator.translateText('I want to drink water', null, 'ja'); console.log(result.text); // 日本語による翻訳文 res.status(200).json(result.text); })(); } catch(err) { console.log(err); res.status(500).json({message: err}) } });

2. 全体のコードと手順

上記のserver.jsを含むこの翻訳アプリを構成する全体のコードと、そのコードに至った手順はGitHubのリポジトリで公開しています。

3. DeepL API Key について

DeepL APIにアクセスするために必要なAPI Keyは.envファイルに保存しています。その.envファイルはローカル開発環境で保存しているものの、GitHubでは公開していません。

以上、ご確認よろしくお願い申し上げます。

コメントを投稿

0 コメント