Diễn đàn » WapBuilder » Tạo shoutbox với Google Sheets

Tạo shoutbox với Google Sheets

By Asuna, Released at 2924 View
Share on Facebook Share on Tweet Share on Google+
#TOP
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
Gill, Thanh Tam đã thích bài viết này
  • Danh sách chương (2) Link
  • Wapka: Dữ liệu tùy chỉnh (API Data) Đọc ngay
  • Wap4: Hàm commentSection Đọc ngay

14 comments:

  1. avatar dat says:

    dùng Google Sheets làm SQL
    cái này nói đúng thì là dùng Google Sheets làm database nhé vì SQL là 1 ngôn ngữ chứ ko phải thứ gì đó để lưu data
    Ae chú ý, 2021 rồi, viết bài chuẩn chút1

  2. avatar Asuna says:

    @dat ok. Mình sẽ rút kinh nghiệm

  3. avatar copecute says:

    cái này dễ spam

  4. avatar Dai says:

    vậy thêm cột ip, spam ban luôn ip đó 10

  5. avatar dat says:

    tui đang có ý định làm 1 cái diễn đàn mà éo cần code backend, cũng chả cần database :v

  7. avatar Mellody says:

    Làm thêm hệ thống đăng bài lưu data trên sheet luôn 7

  8. avatar Dai says:

    Được, thế còn SEO 1

  9. avatar Mellody says:

    Sẵn fame dorew 3

  10. avatar Dai says:

    ý web mà dùng nội dung get từ google sheets thì làm sao mà SEO với anh google ~~