Học Nodejs Phần 3: Thiết lập đa ngôn ngữ sử dụng I18n | IT Vlogs

4
57



======================================================
SERIAL HỌC LẬP TRÌNH NODEJS THÔNG QUA DỰ ÁN
CỤ THỂ CLASSIFIELDS (RAO VẶT)
———————————————————————————————————–
PHẦN 3: THIẾT LẬP ĐA NGÔN NGỮ
=====================================================
Ở phần này chúng ta sẽ thiết lập đa ngôn ngữ cho dự án sử dụng module i18n
————————————————————————–
1. CÀI ĐẶT
$ npm install i18n –save

2. CẤU HÌNH I18N MIDDLEWARE TRONG EXPRESS

– Các bạn lưu ý khi require module này thì cần phải theo thứ tự trước sau
đối với module cookie-parser trong file app.js nhé. Bởi vì nó sử dụng cookie
nên cần phải require sau thằng cookie-parser.

– Có nhiều tham số truyền vào nhưng chúng ta chỉ cần một số là đủ dùng.
– Các bạn lưu ý đoạn này cần phải khai báo đúng mã code ngôn ngữ nhé.
ngôn ngữ vietnamese là vi chứ không phải là vn nhé.

– Như vậy là chúng ta cơ bản đã cấu hình xong. Tiếp theo cần khai báo một số
var để truyền qua template nhé.

khai báo phải đặt trước khi use router nhé.

Ok xong bây giờ chúng ta có được 2 biến truyền qua template clanguage và languages

Tạo 2 hàm __ và __n

– __ : dịch chuỗi text cơ bản __ “Text ở đây” và sẽ tự động thêm vào file ngon-ngu-mac-dinh.json
– __n : dịch chuỗi có kèm theo var {{ __n “%d member” countMember}} chuỗi sẽ thành như này:

vi.json
“%d member”: {
“one”: “%d thành viên”,
“other”: “%d thành viên”
}

en.json
“%d member”: {
“one”: “%d member”, // một thành viên
“other”: “%d members” // số nhiều trong tiếng anh
}

chúng ta đi khai báo hàm trong helpers để sử dụng nhé.

Như vậy chúng ta có 2 hàm để dùng trong template rồi.

3. SỬ DỤNG TRONG TEMPLATES VÀ METHOD

– Tiếp tục làm cái chuyển ngôn ngữ trong template:

Có một số lỗi

để sử dụng snippet của bootstrap các bạn cài extendtion này nhé.

như vậy phần template coi như ổn

– Khai báo router để chuyển đổi ngông ngư qua lại.

Hoạt động trơn chu rồi

– Tiếp theo thư dịch xem thế nào nhé.

chúng ta phải để i18n tự động add text vào json và dịch qua tiếng việt. Lấy english làm gốc nhé.

4. TESTING

Như vậy chúng ta đã hoàn thành phần này

Update: Chúng ta sẽ sử dụng dịch trong method nhé.

Ok đã xong!

Các bạn xem nhớ Sub kênh để tiện theo dõi các phần tiếp theo nhé.

Chúc các bạn thành công trong suộc sống.

Video này lại xin lỗi các bạn vì không có MIC.

Phần 1:
Phần 2:

Github:

Các bạn đón xem Phần 4: Đăng ký, đăng nhập, đăng thoát sử dụng passport module nhé

#itvlogs #nodejs #hocnodejs

Nguồn: https://daihocthanglong.com

Xem thêm bài viết khác: https://daihocthanglong.com/truyen-thong/

4 COMMENTS

  1. Bạn ơi cho mình hỏi : {{@root.__ clanguage}} và {{__ clanguage}} khác nhau như thế nào vậy ạ. Mình thấy đều có cùng 1 kết quả.

LEAVE A REPLY

Please enter your comment!
Please enter your name here