Học Nodejs Phần 4.1b: Đăng ký thành viên sử dụng PassportJs | IT Vlogs

6
34



======================================================
SERIAL HỌC LẬP TRÌNH NODEJS THÔNG QUA DỰ ÁN
CỤ THỂ CLASSIFIELDS (RAO VẶT)
————————————————————————–
PHẦN 4.1: ĐĂNG KÝ THÀNH VIÊN
======================================================
Ở phần này chúng ta sẽ làm chức năng đăng ký thành viên cho dự án
————————————————————————–
1. CÀI ĐẶT CÁC MODULES

– passport, passport-local
– express-session, express-validator
– connect-flash, bcrypt-nodejs, csurf

ok chúng ta đã cài đặt xong các modules cần thiết cho phần này.

2. CẤU HÌNH CÁC MODULES
– Các bạn chú ý thứ tự khai báo cấu hình các module nhé.
Như vậy là không có lỗi xẩy ra. chúng ta tiếp tục nhé.

local.regsiter: đây là tiên tùy biến các bạn đặt nhé.

3. THIẾT KẾ GIAO DIỆN TRANG ĐĂNG NHẬP
– Chúng ta tiếp tục thiết kế giao diện trang đăng ký nhé.
bootstrap chia 12 cột mình dùng 6 cột vậy còn 6 cột giờ muốn căn giữa cái form thì chúng ta phải chia đôi
6 cột còn lại làm 2 như vậy trái phải mỗi bên 3 cột dùng col-sm-offset-3

– Mật khẩu chúng ta phải mã hóa dùng module bcript-nodejs.
Chúng ta viết 2 phương thức mã hóa và giải mã trong member models.

tại vì mình dùng 3 phương thức đăng nhập local, fb, gg trong một document là members nên các bạn phải xác định
được thành viên đăng nhập bằng phuwowgn thức nào. bằng cách sau .

sau khi đăng nhập thành công chúng ta thêm một trường provider vào session của passport để xác định phương thức đăng nhập là local, facebook hay google.

để bảo mật cho các form chúng ta dùng module csurf để genarator chuỗi Token cho form.

Hơi mệt khi phải tìm lỗi nhỉ

Mình viết sai passReqToCallbak phải là passReqToCallback

không kết nối được với mongodb.

4. GET VÀ POST

5. TESTING

OK như vậy là xong phần đăng ký thành viên. Các fields khác thì tùy các bạn thêm nhé.

Phần 4.2 sẽ làm về đăng nhập

Chúc các bạn thành công.

Phần 1:
Phần 2:
Phần 3:
Phần 4.1a:

Github:

Các bạn đón xem phần 4.2 : Đăng nhập thành viên sử dụng PassportJs

#itvlogs #nodejs #hocnodejs

Nguồn: https://tongcucthuevietnam.com

Xem thêm bài viết khác: https://tongcucthuevietnam.com/thue

6 COMMENTS

  1. Video này làm từ 2017 nên 2019 nếu ai đang học theo video này mà gặp các thắc mắc sau thì:
    1. validtor is not a function:
    – Gỡ bỏ module express-validator hiện tại vì nó là phiên bản mới: npm uninstall express-validator
    – Cài phiển bản express-validator mà clip đang sử dụng là 3.2.0: npm install express-validator@3.2.0 –save
    2. Hiển thị lỗi có ở phần sau

  2. A cho em hỏi là : khi đăng ký thành công chuyển qua /accout thì nó báo ERR_EMPTY_RESPONSE, mà dữ liệu vẫn add đc vào database ạ
    giờ fix như nào vậy a?

LEAVE A REPLY

Please enter your comment!
Please enter your name here