Trước đây, ở Jekyll.gq, @Dai đã share 1 lần rồi, nhưng bài viết đó đã bị xóa sau khi Jekyll sử dụng bản VF. Do đó, hôm nay mình sẽ reshare cho các bạn về cách tạo ra 1 shoutbox (phòng chat) dùng Google Sheets làm cơ sở dữ liệu và code dùng cho wap4, wapka.

1. Trường dữ liệu: Các trường theo hành ngang
- Wap4: article url, name, comment
- Wapka: article url, username, userid, comment

2. Tạo biểu mẫu và trích xuất tệp CSV
(1) Truy cậphttps://drive.google.com với giao diện desktop
(2) Click vào nút Mới và chọn Google biểu mẫu





(3) Tạo trường dữ liệu tương ứng

Ví dụ: Đối với wap4





(4) Get url biểu mẫu




Sau đó ta lấy được url dạng

https://docs.google.com/forms/d/e/abcdxyz/viewform?usp=sf_link

Ở đây bỏ đoạn /viewform?usp=sf_link, ta được

https://docs.google.com/forms/d/e/abcdxyz

Url này phục vụ cho mục 3
Nếu sử dụng thử bản mẫu ở mục [b]tập tin đính kèm[/b], chỉ cần lấy [b]abcxyz[/b]

(5) Get entry form data
Vào url lấy ở bước 4

https://docs.google.com/forms/d/e/abcdxyz/viewform?usp=sf_link

Nhập mỗi trường, một giá trị bất kỳ, chọn Gửi.
Sau đó mở trình Dev tools, kéo qua tab Network, tìm và chọn mục formResponse, kéo xuống cho tới khi hiển thị mục Form data. Các entry dạng entry.12345 tương ứng với: article url, name, comment.
Các entry này phục vụ cho mục 3




(6) Get url tệp CSV





Mở bảng tính, sau đó
+) Sửa trường Dấu thời gian thành timestamp
+) Đổi tên sheet Câu trả lời biểu mẫu 1 thành comments
+) Thêm trường isAuthor ở cột E.




Sau đó vào phần Quản lý mọi người và phần liên kết, thay đổi cài đặt từ Bị hạn chế thành Bất kỳ ai có đường liên kết, Người xem. Và copy url của trang tính, dạng

https://docs.google.com/spreadsheets/d/xyzabc/edit?usp=drivesdk

Ở đây bỏ đoạn /edit?usp=drivesdk, ta được

https://docs.google.com/spreadsheets/d/xyzabc

Url này phục vụ cho mục 3
Nếu sử dụng thử bản mẫu ở mục [b]tập tin đính kèm[/b], chỉ cần lấy [b]xyzabc[/b]

Lưu ý: Các bước (3) -> (6) làm tương tự đối với wapka.org, và không cần bổ sung trường isAuthor.




3. Code: Cập nhật gần đây

Files (1)

Chapter (2)

Share