Asked May 23rd, 2022 12:06 a.m. 155 0 4
  • 155 0 4
0

Authenticate Website with Popup on Browser

Share
  • 155 0 4

Chào mọi người, đầu tiên xin chúc các bạn có một tuần mới đầy hứng khởi và làm việc hiệu quả. Tiếp theo mình có một câu hỏi này muốn nhờ mọi người giúp đỡ. Số là mình có một website tĩnh đơn giản (HTML+CSS+JS) dạng như kiểu nhâtj ký và để up ảnh cá nhân, gia đình lên đó. Mình có build xong và host được lên trên Github thành công rồi, giờ mình muốn không phải ai cũng vào xem được (vì nội dung riêng tư) nên mình muốn triển khai chức năng authenticate kiểu giống như thế này.

Mình có tìm hiểu ngày hôm qua nhưng hiện vẫn chưa biết sẽ phải làm thế nào. Xin các bạn có thể giúp đỡ mình được không.

Mình xin cám ơn tất cả các bạn!

4 ANSWERS


Answered May 23rd, 2022 1:56 a.m.
+1

Bạn tìm hiểu thử Basic Authentication và Digest Authentication nhé

Share
Avatar Hoang vn @wiliamfeng
May 23rd, 2022 11:48 p.m.

Bạn có hướng dẫn hay video tutorial nào dạy cách làm cụ thể không bạn, mình tìm kiếm nhiều rồi nhưng chưa tìm được hướng dẫn nào chi tiết cả

0
| Reply
Share
Avatar nonono @lehuyvuong
May 25th, 2022 9:23 a.m.

@wiliamfeng Cái mình gợi ý thì thường được set up trong file config của web server như Apache hay Nginx ấy. Mà theo bạn mô tả project của bạn thì hình như không viết BE😅

+1
| Reply
Share
Avatar Hoang vn @wiliamfeng
Jun 3rd, 2022 2:49 p.m.

@lehuyvuong đúng rồi bạn ạ, vậy có cách nào đơn giản hơn không bạn

0
| Reply
Share
Answered May 23rd, 2022 2:14 a.m.
0

nên viết thêm 1 chút backend rồi bạn có thể dùng js và dùng thằng HttpClientRequest

https://experienceleague.adobe.com/developer/campaign-api/api/c-HttpClientRequest.html

var req = new HttpClientRequest("http://www.somewhere.com/login") req.header["Authorization"] = "Basic realm="Enter username and password." req.header["Content-Type"] = "text/plain; charset=utf-8" req.execute()

Share
Avatar Hoang vn @wiliamfeng
May 23rd, 2022 11:52 p.m.

như vậy mình sẽ cần tự viết BE nữa hả bạn, mà theo mình biết thì Github đâu có hỗ trợ mình deploy code BE lên đâu bạn nhỉ

0
| Reply
Share
Answered May 24th, 2022 9:46 a.m.
0

TUYỆT

Share
Answered Aug 2nd, 2022 4:05 a.m.
0

Step1: Code bằng js framework nào đó ( mã hóa những thông tin cần hiển thị, chỉ có người đăng nhập thành công với hiển thị) Step 2: Thực hiện authen khi access

Share
Viblo
Let's register a Viblo Account to get more interesting posts.