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ảnCà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ểnChạ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 HTTPnpm init -y
8Giao 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
9Thứ 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,
0Là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ịchThê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 đườngnpm 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,
4Dị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ữ đã choThê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,
6Gử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,
7Hiể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ồinpm install –save express body-parser ejs @vitalets/google-translate-api nodemon,
0Chạ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[]
1npm 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