API dịch thuật miễn phí javascript

Google Dịch là dịch vụ dịch đa ngôn ngữ do Google phát triển để dịch văn bản, từ, cụm từ và tài liệu từ ngôn ngữ này sang ngôn ngữ khác. Google dịch hỗ trợ hơn 109 ngôn ngữ trên toàn cầu

Google đã phát triển thêm API dịch ngôn ngữ đi kèm với các mô hình Machine Learning được đào tạo trước để sử dụng trong cả ứng dụng web và thiết bị di động. API đủ nhanh để dịch văn bản đã cho từ ngôn ngữ này sang ngôn ngữ khác trong thời gian thực

Mục lục

• Ghi bàn
• Khởi tạo ứng dụng
• Cài đặt các phụ thuộc cần thiết
• Nhập các phụ thuộc
• thiết lập ứng dụng
• Làm việc trên giao diện người dùng
• Làm việc trên các tuyến ứng dụng
  • Nhận lộ trình trang web
  • Định tuyến dữ liệu biểu mẫu bài đăng
• Dịch văn bản đã tìm nạp
• Gửi lại văn bản đã dịch cho trang web
• Hiển thị văn bản đã dịch trên giao diện người dùng
• Chạy máy chủ
• Kết luận và đọc thêm

Ghi bàn

Trong bài viết này, chúng ta sẽ từng bước phát triển một ứng dụng dịch văn bản bằng Google Translate API trong

npm install –save express body-parser ejs @vitalets/google-translate-api nodemon, 

2. Cuối cùng, bạn đọc có thể tích hợp đầy đủ Google Translate API vào một Node. ứng dụng js

điều kiện tiên quyết

Người đọc cần có

• Nút. js được cài đặt trên máy tính của bạn
• Hiểu biết cơ bản về Node. js, javascript và express
• Trình chỉnh sửa mã. Tôi sẽ sử dụng mã Visual studio
• Một trình duyệt để kiểm tra các tuyến ứng dụng

Khởi tạo ứng dụng

Chúng tôi sẽ khởi tạo ứng dụng bằng cách chạy lệnh sau

npm init -y

Lệnh ________ 03 tạo tệp ________ 04 cho ứng dụng của bạn.

npm install –save express body-parser ejs @vitalets/google-translate-api nodemon, 

4 sẽ chứa siêu dữ liệu của dự án bao gồm các phụ thuộc phát triển, tập lệnh thực thi, tên ứng dụng và phiên bản

Cài đặt các phụ thuộc cần thiết

Tiếp theo, chúng tôi sẽ cài đặt các phụ thuộc cần thiết

Ngoài khung phụ trợ

npm install –save express body-parser ejs @vitalets/google-translate-api nodemon, 

6, chúng tôi cần cài đặt phụ thuộc API

npm install –save express body-parser ejs @vitalets/google-translate-api nodemon, 

7 để dịch văn bản được cung cấp. Chúng tôi cũng cần

npm install –save express body-parser ejs @vitalets/google-translate-api nodemon, 

8 để phân tích cú pháp HTML và

npm install –save express body-parser ejs @vitalets/google-translate-api nodemon, 

9 làm công cụ tạo khuôn mẫu. Cuối cùng, chúng tôi cần

// bring in express
const express = require('express');

// brinrg in body parser
const bodyParser = require('body-parser');

// ejs template engine
const ejs = require('ejs');

// translate api
const translate = require('@vitalets/google-translate-api');

//init our application 
const app = express()

0 để liên tục theo dõi ứng dụng của chúng tôi khi chúng tôi phát triển

Chạy lệnh sau trong thiết bị đầu cuối của bạn để cài đặt các phụ thuộc theo yêu cầu của ứng dụng

npm install –save express body-parser ejs @vitalets/google-translate-api nodemon, 

Nhập các phụ thuộc

Trong thư mục gốc của ứng dụng, tạo một tệp mới có tên

// bring in express
const express = require('express');

// brinrg in body parser
const bodyParser = require('body-parser');

// ejs template engine
const ejs = require('ejs');

// translate api
const translate = require('@vitalets/google-translate-api');

//init our application 
const app = express()

1 và thêm vào như sau

// bring in express
const express = require('express');

// brinrg in body parser
const bodyParser = require('body-parser');

// ejs template engine
const ejs = require('ejs');

// translate api
const translate = require('@vitalets/google-translate-api');

//init our application 
const app = express()

thiết lập ứng dụng

Ở đây chúng ta sẽ thiết lập công cụ mẫu (tôi đã sử dụng

npm install –save express body-parser ejs @vitalets/google-translate-api nodemon, 

9), thư mục chung cho các tệp

// bring in express
const express = require('express');

// brinrg in body parser
const bodyParser = require('body-parser');

// ejs template engine
const ejs = require('ejs');

// translate api
const translate = require('@vitalets/google-translate-api');

//init our application 
const app = express()

3 và

// bring in express
const express = require('express');

// brinrg in body parser
const bodyParser = require('body-parser');

// ejs template engine
const ejs = require('ejs');

// translate api
const translate = require('@vitalets/google-translate-api');

//init our application 
const app = express()

4 và phần mềm trung gian

npm install –save express body-parser ejs @vitalets/google-translate-api nodemon, 

8. Chúng tôi sử dụng

npm install –save express body-parser ejs @vitalets/google-translate-api nodemon, 

8 để phân tích nội dung yêu cầu HTTP

npm init -y

8

Giao diện người dùng

Chúng ta cần có một biểu mẫu có hai trường. Trường đầu tiên là nơi người dùng nhập văn bản để dịch và một trường khác là danh sách thả xuống được chọn để chọn ngôn ngữ mà họ muốn văn bản đã nhập được dịch sang. Chúng tôi cũng cần một nút gửi sẽ gửi yêu cầu đến tuyến đường được chỉ định bởi biểu mẫu

npm init -y

9

Thứ hai, trên giao diện người dùng, chúng tôi cần một khoảng trống nơi văn bản dịch sẽ xuất hiện sau khi yêu cầu từ biểu mẫu được xử lý thành công. Thêm các đoạn mã bên dưới vào biểu mẫu để tạo khoảng trống cho văn bản đã dịch

npm install –save express body-parser ejs @vitalets/google-translate-api nodemon, 

0

Làm việc trên các tuyến ứng dụng

Chúng tôi sẽ cần hai tuyến đường. Tuyến đầu tiên sẽ hiển thị trang chỉ mục chứa biểu mẫu được sử dụng để nhập văn bản để dịch, trong khi tuyến thứ hai sẽ xử lý dữ liệu biểu mẫu sẽ được API dịch xử lý. Tuyến đầu tiên là yêu cầu nhận, trong khi tuyến thứ hai là yêu cầu đăng

Nhận đường dẫn trang web

Tuyến đường này nhận được

// bring in express
const express = require('express');

// brinrg in body parser
const bodyParser = require('body-parser');

// ejs template engine
const ejs = require('ejs');

// translate api
const translate = require('@vitalets/google-translate-api');

//init our application 
const app = express()

7 nơi có biểu mẫu. Từ trang, người dùng có thể nhập văn bản để dịch và xem kết quả dịch

Thêm đoạn mã bên dưới vào tệp

// bring in express
const express = require('express');

// brinrg in body parser
const bodyParser = require('body-parser');

// ejs template engine
const ejs = require('ejs');

// translate api
const translate = require('@vitalets/google-translate-api');

//init our application 
const app = express()

1 để xử lý nhận tuyến đường

npm install –save express body-parser ejs @vitalets/google-translate-api nodemon, 

3

Đăng dữ liệu biểu mẫu

Tuyến này thu thập dữ liệu biểu mẫu từ giao diện người dùng và đưa nó đến phần phụ trợ để xử lý. Với sự trợ giúp của phần mềm trung gian phân tích cú pháp nội dung, tuyến đường này trích xuất các giá trị được gửi tới nó theo biểu mẫu

Thêm đoạn mã bên dưới để xử lý dữ liệu đã đăng từ biểu mẫu

npm install –save express body-parser ejs @vitalets/google-translate-api nodemon, 

4

Dịch văn bản đã tìm nạp

Sau khi dữ liệu biểu mẫu được đăng, trình phân tích cú pháp nội dung sẽ tìm nạp dữ liệu trong tuyến đăng

Tiếp theo, chúng ta cần gọi phương thức

// bring in express
const express = require('express');

// brinrg in body parser
const bodyParser = require('body-parser');

// ejs template engine
const ejs = require('ejs');

// translate api
const translate = require('@vitalets/google-translate-api');

//init our application 
const app = express()

9 để dịch văn bản đã cho sang ngôn ngữ đã cho

Thêm đoạn mã bên dưới vào lộ trình đăng để kích hoạt bản dịch

npm install –save express body-parser ejs @vitalets/google-translate-api nodemon, 

6

Gửi lại văn bản đã dịch cho trang web

Sau khi dịch văn bản được cung cấp, chúng tôi cần gửi văn bản đã dịch trở lại trang web để người dùng có thể xem văn bản đó

Dòng mã bên dưới hiển thị trang web và gửi phản hồi dịch cùng với nó

npm install –save express body-parser ejs @vitalets/google-translate-api nodemon, 

7

Hiển thị văn bản đã dịch trên giao diện người dùng

Chúng ta cần nắm bắt kết quả dịch được gửi bởi phương thức kết xuất từ ​​​​máy chủ. Điều này dễ dàng hơn khi chúng ta sử dụng công cụ tạo khuôn mẫu

npm install –save express body-parser ejs @vitalets/google-translate-api nodemon, 

9. Vì chúng tôi nắm bắt kết quả trong vùng văn bản, chúng tôi sẽ thêm đoạn mã sau vào HTML bên trong của vùng văn bản nơi nó sẽ hiển thị phản hồi

npm install –save express body-parser ejs @vitalets/google-translate-api nodemon, 

0

Chạy máy chủ

Hãy chạy thử ứng dụng của chúng ta, thêm phần sau vào tệp

// bring in express
const express = require('express');

// brinrg in body parser
const bodyParser = require('body-parser');

// ejs template engine
const ejs = require('ejs');

// translate api
const translate = require('@vitalets/google-translate-api');

//init our application 
const app = express()

1

npm install –save express body-parser ejs @vitalets/google-translate-api nodemon, 

1

Đoạn mã trên chỉ định

npm init -y

82 mà ứng dụng chạy và lắng nghe các yêu cầu gửi đến. Chạy lệnh

npm init -y

83 trong thiết bị đầu cuối của bạn để khởi động máy chủ

Ứng dụng phải hoạt động trên trình duyệt của bạn thông qua máy chủ cục bộ trên cổng 3000 và có thể dịch bất kỳ văn bản chính xác nào như

Kết luận và đọc thêm

Trong bài viết này, chúng ta đã học cách sử dụng Google Translate API để xây dựng một ứng dụng dịch văn bản trong

npm install –save express body-parser ejs @vitalets/google-translate-api nodemon, 

2. Bạn có thể tìm thấy mã hoàn chỉnh tại đây

Có bất kỳ API dịch thuật miễn phí nào không?

Microsoft Translator API có miễn phí không?

Làm cách nào để sử dụng API Google Dịch trong JavaScript?

API DeepL có miễn phí không?