Mở đầu

Hello! Xin chào mừng tất cả mọi người ngày hôm nay đã có mặt ở đây ngồi chỗ này chứng kiến sau bao nhiêu tháng Trick Pro đã quay trở lại làm blog và lên bài viết mới với vai trò chia sẻ kiến thức kinh nghiệm, thủ thuật mẹo hay blog, trick lỏ, hay là những công cụ hữu ích cho anh em làm blog. Để đánh dấu sự quay trở lại của mình thì hôm này mình sẽ lên cho anh em công cụ quản lý blog phải nói rằng là pick vcl. Hôm nay cũng là ngày trường mình kết thúc năm học cho nghỉ hè rồi, dự là sắp tới mình lên viết thật là nhiều bài viết blog cho anh em đọc. Hy vọng mọi người sẽ ủng hộ mình bằng lượt share, tương tác và commnet hoặc chủ động gõ tên blog mình lên kết quả tìm kiếm của mình google để truy cập.

Giới thiệu

Cái công cụ này mình viết code khoảng hơn 1000 dòng để hoạt động trên clodflare worker gắn domain blogspot mình vào hoạt động trên cloudflare kết hợp với D1 SQL Database và Worker KV, 100% code này hoạt động trên clodflare không máy chủ và chỉ có kiểu máy chủ ảo thôi nhé. Lý do vì sao mình phát triển công cụ này ấy thì mới đầu mình cũng chỉ nghiên cứu làm sao để nhận nguồn cấp dữ liệu blog và thông báo địa chỉ ip truy cập về telegram và mail bằng worker KV thôi, nhưng do giới hạn về số lượng thông báo mail nên mình đã từ bỏ. Mình chuyển sang phát triển công cụ khác tạo trang bằng cloudflare chỉ để theo dõi địa chỉ ip và tích hợp sử dụng nguồn cấp dữ liệu hiển thị danh sách bài đăng,trang và bình luận. Sau đó mình ngại nâng cấp code nên định để vậy nhưng rồi ý nghĩ mình lóe sáng lên quản lý blog bằng API Key của google kết hợp với nguồn cấp dữ liệu để thông báo về điện thoại thế nên mình đã phát triển ra công cụ này.

Chi tiết

Đây là công cụ quản lý blog bằng giao diện UI/UX trực quan dễ sử dụng quản lý blog. Công cụ sử dụng Api và id user của telegram để thông báo về telegram, sử dụng api và email của Resend để thông báo về mail quản lý blog (bị giới hạn free 100 mail). Áp dụng api và token của blogger để quản lý blog user quản lý, bài đăng, trang và bình luận, có thể viết bài ngay trong giao diện, thêm hoặc xóa và chỉnh sửa bài đăng trang và bình luận. Công cụ cũng hỗ trợ theo dõi web bằng javascript và dùng cloudflare để ghi đè code lên (HTMLWrite) js, có thể theo dõi địa chỉ ip người dùng truy cập, có thể theo dõi người dùng truy cập theo thời gian thực, có thể quản lý và chặn ip người dùng thiết bị đó nếu mình phát hiện đáng ngờ và auto ban thiết bị đó nếu cố tình truy cập bằng ip hay thiết bị khác. Có bảng thống kê theo dõi bản đồ mô phỏng những người truy cập đến từ quốc gia vùng vịnh nào. Sử dụng nguồn cấp dữ liệu để thống kê ai là người đăng bài nhiều nhất, ai là người bình luận nhiều nhất, hiển thị thông tin blog.

Tính năng

Phân tích Hệ thống

Thống kê chuyên sâu

Tính năng này là theo dõi cực kỳ hiển thị chi tiết xem các trang tap nào người dùng truy cập nhiều nhất url và tiêu đề thời gian nào và số lượt truy cập. Xem từng thời điểm xem có bao nhiêu lượt truy cập vào khoang bao nhiêu giây, phút, giờ, ngày, tuần, tháng, năm cực kỳ đồ sộ và chi tiết. Cũng có thể xem địa chỉ ip nào truy cập nhiều nhất, đến từ quốc gia nào truy cập nhiều nhất. Có thể xem người dùng truy cập bằng thiết bị gì, nhà mạng nào, chuyển hướng từ trang nào đến blog mình cực kỳ chi tiết để theo dõi.

Đang Online (Thời gian thực)

Tính năng này thì phụ thuộc hoàn thoàn vào worker KV nếu KV của bạn bị giới hạn ghi thì cái này sẽ vô tác dụng luôn và chuyển sang dùng các phương án dự phòng khác. Bạn vẫn có thể theo dõi xem ai đang online truy cập và blog mình đọc bài xem trang nào và dùng thiết bị gì, online mấy người.

Lịch sử truy cập thô

Ở phần lịch sử truy cập thô thì đây là phần tính năng quan trọng nhất của code và cũng là mục đích ban đầu mình phát triển code này trước khi mình phát triển thêm các tính năng mới khác. Code này theo dõi xem ai truy cập blog mình bằng địa chỉ ip nào, thiết bị nào, dấu vân tay thiết bị là gì, click vào những mục nào, mã thiết bị là gì, cấu hình thiết bị thế nào, còn bao nhiêu phần trăm pin, sử dụng wifi hay 4G 5G, đang sạc pin hay không sạc. Nếu mình nghi ngờ ai đó thì mình có thể ấn nút chặn thiết bị luôn ngay trong tap Lịch sử truy cập thô này mà không phải vào mục quản lý tường lửa để nhập rồi chặn.

Hệ Thống

Cài đặt Thông báo

Tính năng này mình cũng giới thiệu ban đầu rồi, tiền thân của code này là thông báo về telegram và mail, mới đầu chỉ là dòng code chưa phát triển thành trang và có tính năng bật tắt như bây giờ đâu. Cái này mình có thể tùy chọn bật tắt nhận mail hay telegram, bật tắt thông tin gì mình muốn nhận như lịch sử truy cập, bài viết, bình luận, trang mới.

Cài đặt Progressive Web App

Tính năng này cho phép chùng ta tạo web app ngay chính trên thiết bị điện thoại máy tính của mình mà không phải mất công phát triển app và publish lên kho ứng dụng. Tính năng này cũng đã có nhiều trang bài viết chia sẻ code đơn thuần rồi, cái này mình đã làm nâng cao hơn thay vì mình nhập tay từng chữ cái thì mình nhập thông tin từ chính blog mình tải ảnh lên là công cụ tự cắt ảnh PWA.

Bảo vệ & Trải nghiệm

Tính năng này đối với anh em làm blog hay bị phá thì cái tính năng này rất là quan trọng đối với anh em tránh bị kẻ xấu lợi dụng kẻ hở của nền tảng blog để copy trích xuất bài viết, hay gắn thẻ iframe hay thập trí mirror sao chép toàn bộ website mình sang web họ. Tính năng này có thêm chống chặn quảng cáo bằng cách hiển thị popup và tính năng bật sáng màn hình điện thoại mãi. Và còn có 1 số tính năng bảo mật nâng cao nữa nhưng chưa thật sự cần thiết.

Quản lý Tường lửa (Chặn IP)

Tính năng này cho phép anh em tùy chỉnh nâng cao chặn truy cập như chặn ip, thành phố, thiết bị, trình duyệt, quốc gia truy cập, có thể chặn theo mã thiết bị, dấu vân tay truy cập. Có thể chặn tất cả mọi lượt truy cập trừ ip thiết bị, thành phố, quốc gia của mình ra vẫn truy cập được.

Nhật ký Lỗi Hệ Thống

Phần này thì đươn giản hiện thị lỗi hệ thống hay thông báo về 1 vấn đề nghiêm trọng nào đó xảy ra khi đang vận hành, mọi sự cố sẽ thông báo về hết đây, ví dụ mail anh em không nhận được thông báo thì ở đây sẽ báo lỗi về vấn đề gì đó cho anh em biết cách khắc phục. Giống như kiểu mỗi lần mình bị vợ tra hỏi "Anh đã biết lỗi của mình chưa" vậy, nếu như không có tính năng này thì anh em sẽ không hề biết lỗi của mình là gì mà để khắc phục sửa sai.

Quản trị Blogspot (API)

Tổng quan Blog (Blogger API)

Phần này thì hiển thị xem thông tin blog mình là gì, người dùng nào đang quản lý blog, ai là người đăng bài nhiều nhất? Ai là người bình luận nhiều nhất? Phía bên dưới nó hiển thị bản đồ trực quan biểu thị xem từng vị trí nào mô phỏng.

Quản lý Bài đăng (API)

Ở đây mình có thể xem bài đăng tổng hợp, chỉnh sửa bài đăng, cho bài đăng về bản nháp, xóa bài đăng, thêm bài viết mới. Chỉnh sửa bài đăng có 2 lựa chọn sử dụng viết bằng HTML hoặc bằng văn bản, cho phép chèn ảnh, link và tính nâng cao giống trang quản trị blogger.

Trang tĩnh (API)

Tương tự phần bài đăng thì phần này cũng thế, cho phép tổng hợp, chỉnh sửa, quay về bản nháp, xóa trang, thêm trang page mới. Chỉnh sửa trang cũng có giao diện quản lý giống phần bài đăng.

Quản lý Bình luận (API)

Phần này xem hiển thị toàn bộ bình luận, ai bình luận, nội dung là gì, thời gian nào, có thể phê duyện và xóa trên giao diện admin này.

Đừng quên nhấn vào chiếc chuông màu xanh dưới góc phải màn hình để nhận thông báo mới nhất từ Trick Pro nhé. Còn nếu bạn muốn xin code này thì không có đâu haha, vì đây chỉ là bài viết giới thiệu công cụ.

Lời kết

Cảm ơn các bạn đã đọc bài viết này, đến đây chúng tôi chúc bạn một ngày tốt lành và hạnh phúc bên người thân và gia đình nhé. Tạm Biệt.