Nhật ký làm Notas - Sẵn sàng Launching!

Nhật ký làm Notas - Sẵn sàng Launching!

Những mẩu tin ngắn hàng ngày dành cho bạn
  • Hẳn là nhiều người ở đây đã nghe đến kiểu tấn công bảo mật Clickjacking rồi nhỉ. Kẻ tấn công thường nhúng một website (thường là mục tiêu) vào trong một iframe trên website của chúng, sau đó làm mờ hoặc ẩn nó đi rồi đặt vào vị trí các nút bấm trên web, ví dụ "Bấm vào để nhận quà". Đâu ai ngờ rằng phía trên nút bấm đó là một nút bấm khác trong iframe. Khá nguy hiểm!

    Nhưng trình duyệt đã có cách ngăn chặn kiểu tấn công này bằng các quy tắc như tiêu đề X-Frame-Options, frame-ancestors của CSP và SameSite: Lax/Strict của Cookies...

    Mới đây, đã xuất hiện thêm kiểu tấn công mới - "DoubleClickjacking" 😨. Đại ý là "hắn" lợi dụng hành động double click để lừa người dùng bấm vào một nút mà hắn muốn. Chi tiết hơn trong bài viết này: DoubleClickjacking: A New Era of UI Redressing.

    » Xem thêm
  • Mọi người đã nghe nói đến Jujutsu - jj - một dạng quản lý phiên bản cho mã nguồn (version control system) chưa? Có vẻ như nó đang nhận được nhiều sự quan tâm.

    Chờ xíu! Chẳng phải git đã quá tốt rồi sao? Thế thì chế ra thằng jj để làm gì nữa? Cũng hơi khó trả lời nhỉ? Mỗi công cụ sinh ra chắc chắn phải cải thiện hoặc khắc phục được nhược điểm của cái trước. Cho nên jj ắt hẳn phải làm được điều gì đó mà git chưa làm được nên mới nổi lên như vậy.

    Thật ra mình đã nghe nói đến jj từ vài tháng trước rồi, nhưng vào đọc thì toàn kiến thức cao siêu. Hoặc là đang mang nặng cái lối suy nghĩ của git vào trong đầu rồi nên chưa lĩnh hội ra được điều gì cả.

    Mình hay có kiểu cái gì đọc lần 1 mà không hiểu thì đọc tiếp lần 2, lần 2 không hiểu thì đọc tiếp lần 3... đến lần thứ n mà vẫn không hiểu thì bỏ. Cơ mà không phải là từ bỏ mà một thời gian sau đó quay lại đọc tiếp. Đến một lúc nào đó khả năng mình sẽ hiểu ra một ít vấn đề, thế mới tài 😆.

    Thì cái jj này có vẻ như nó đang mở ra được tính linh hoạt trong việc "cam kết" mã. Tưởng tượng bạn đang làm việc trên một dự án, đang ở nhánh này, muốn sang nhánh khác để sửa, nhưng mà lại đang viết dở ở nhánh này, thế là phải stash, rồi checkout, rồi commit, rồi merge hoặc rebase lại vào nhánh cũ... nhìn chung quá trình làm việc với git nghiêm ngặt đến mức cứng nhắc, cần nhiều thao tác để giải quyết một vấn đề, chưa kể cái cây commit (commit-tree) nữa thì ôi thôi, khỏi xem cho đỡ nhức mắt. Thế nên ông jj này đang làm cách nào đó để bạn khỏi cần phải quan tâm đến các nhánh luôn, sửa trực tiếp vào commit. Nghe ảo nhỉ 😂.

    Đấy mới lĩnh hội được đến đấy, hy vọng sau n lần đọc lại nữa mình sẽ viết được một bài chi tiết hơn về công cụ này.

    » Xem thêm
  • Gòi gòi tới công chiện gòi 🤤🤤🤤

    » Xem thêm

Vấn đề

Mấy hôm nay tôi đi làm, dưới cái nắng chói chang thì tự nhiên lọt vào mắt ánh sáng lập lòe của sắc tím. Ồ, thì ra là hoa bằng lăng tím, nó đã nở rộ tự bao giờ, báo hiệu một mùa hạ nữa đang đến thật gần. Ngẫm lại cái ngày mới "hùng hồn" tuyên bố tự làm cái ứng dụng ghi chú vì lý do này lý do nọ, lúc đó trời vẫn còn hơi giá rét mà thoáng chốc đã chuẩn bị bước cái nóng cực độ của những ngày lập hạ.

Đã 2 tuần rồi không có bất cứ một động tĩnh gì. Mặc dù không viết thêm bài mới nhưng tôi vẫn rất để tâm đến các độc giả của 2coffee.dev, và dường như mọi người cũng đang trao lại sự chú ý đó cho tôi. Bằng chứng là số lượt xem Trang chủ xếp thứ 3 trong danh sách các trang được xem nhiều nhất trong 2 tuần trở lại đây, trong khi trước đó, lượt xem các trang khác luôn vượt trội. Chà, quả là một con số đáng lưu tâm!

Như thường lệ, tôi vẫn sẽ điểm lại những khó khăn, thách thức, đã làm được gì và cả kế hoạch sắp tới.

Nhưng trước khi tiếp tục, tôi rất vui mừng muốn báo cho bạn biết rằng tên chính thức của Notas sẽ là OpenNotas (ON) với ý nghĩa là một ứng dụng ghi chú "mở", được phát hành vào lúc 14 giờ 01 phút, ngày 02/06/2024 và được cung cấp dưới dạng OpenSource trên Github. Ngoài ra, tôi đã thiết lập một vai trò mới, đó chính là Hunter của nền tảng Product Hunt (PH) tại địa chỉ Coming soon: OpenNotas | Product Hunt.

Cho những ai chưa biết thì PH là một sân chơi của các cá nhân làm sản phẩm, hay còn gọi là Indie Hacker - một bộ phận những người đam mê làm sản phẩm để giải quyết vấn đề cho mình hoặc cho nhiều người khác. Gọi là sân chơi thì ắt sẽ có kẻ thắng người thua, thắng thì được nhiều người biết đến, còn thua thì rút ra được nhiều bài học cho lần sau tới.

Hơi dài rồi nhỉ, vào vấn đề chính thôi!

(À mà quên mất, OpenNotas sẽ được phát hành tại địa chỉ chính thức là https://opennotas.io).

Khó khăn và giải pháp

Phải nói rằng 2 tuần vừa rồi, mặc dù có nhiều thời gian để làm việc với ON hơn (với 5 ngày nghỉ lễ, cả nước nghỉ nhưng đâu đó vẫn còn rất nhiều người cần mẫn trước máy vi tính :D) nên cũng có nhiều vấn đề xảy đến với mình hơn.

Tôi đã tích hợp được mã hóa đầu cuối (E2EE) vào ON. Như có nói đến trong các bài viết trước, rằng sẽ thêm một lớp mã hóa dữ liệu trước khi nó chạy ra ngoài để đến với máy chủ đồng bộ. Điều đó có nghĩa là mọi ghi chú nếu muốn đồng bộ, nó sẽ được mã hóa, và ngược lại, dữ liệu mã hóa từ máy chủ chảy về, phải được giải mã để đi vào trong ứng dụng.

Luồng mã hóa cũng khá đơn giản, người dùng trước khi muốn sử dụng chức năng đồng bộ thì cần phải tạo một khóa mã hóa, khóa này có nhiệm vụ mã hóa/giải mã dữ liệu dựa trên thuật toán AES, được cung cấp bởi Web Crypto API. Khóa chỉ được cấp một lần duy nhất. Nếu muốn sử dụng trên máy khác, cần phải cung cấp lại cấu hình đồng bộ, cũng như khóa đã dùng để mã hóa dữ liệu trước đó thì mới tiếp tục sử dụng được.

Nhưng vì chủ quan, trong quá trình phát triển tôi đã thử nghiệm ngay trên chính dữ liệu của mình mà chưa kịp sao lưu lại khóa nên nó bị mã hóa hết, không thể sử dụng được nữa, thế là coi như bỏ. Nhưng cũng thật may mắn vì những thông tin đó không quá quan trọng cho lắm, chỉ mất thời gian và công sức ngồi nhớ mà viết lại.

Ngoài ra tôi cũng dành rất nhiều thời gian để tối ưu ứng dụng dạng PWA. ON sẽ được phát hành dưới dạng PWA cho nên trên lý thuyết nó sẽ sử dụng được ngay cả khi người dùng không kết nối mạng Internet. Nhưng thực tế, khi tắt mạng đi và mở ứng dụng, một màn hình thông báo "Bạn đang ngoại tuyến" hiện lên chặn đứng luồng truy cập vào ON, làm tôi khá lúng túng. Như vậy thì có phải PWA vẫn cần phải có mạng để sử dụng? Hay mình đã cấu hình sai hoặc thiếu điều gì chăng?

ON được xây dựng dựa trên Nuxt.js, có một thư viện hỗ trợ PWA dành cho Nuxt chính là vite-pwa-org.netlify.app. Nhưng việc cấu hình nó hơi phức tạp và thực tế tôi đã gặp khá nhiều vấn đề trong việc cấu hình thư viện này từ những ngày đầu tiên sử dụng. Có nhiều khái niệm mới được cung cấp, có nhiều chỉ dẫn để bắt đầu, thế nên tôi không thể biết mình đang ở đâu và mình cần phải làm gì để ứng dụng có thể hoạt động mà không cần mạng. Mình phải bắt đầu ở đâu đây?

Thật may mắn, sau vài hôm tìm hiểu, tôi đã quyết định gỡ thư viện ra và tự tạo các tệp Manifest, cũng như các đoạn mã JavaScript để hỗ trợ ứng dụng hoạt động mà không cần mạng. Về cơ bản, bạn chỉ cần đăng ký chạy một tệp JavaScript làm Service Worker, trong đó chứa các dòng lệnh để hướng cho ứng dụng cache lại dữ liệu từ lần tải đầu tiên bằng Cache. Trong các lần dùng sau đó, nó sẽ gọi dữ liệu từ cache ra nếu không có kết nối Internet. Thế là giờ đây ON đã có thể sử dụng trong trường hợp ngoại tuyến.

Một trong những vấn đề nữa khiến tôi đau đầu không kém đó chính là trình soạn thảo ghi chú. Đúng vậy, chính là các trình soạn thảo mà tôi đang gõ ra những dòng nhật ký này đây. Nó khó kiểm soát hơn mình nghĩ và có nhiều lỗi thi thoảng vẫn xuất hiện. Tuy nhỏ nhưng nó mang lại trải nghiệm không mấy thú vị. Thời gian sửa lỗi cũng rất lâu vì đây đều là những thư viện nguồn mở có lượng mã tương đối đồ sộ, không thể đọc hiểu hết trong vài ba ngày được. Nếu không thể sửa, mình đành phải đi theo đường ngách để tạm thời khắc phục.

Mục tiêu hai tuần tới

Từ giờ cho đến đầu tháng 6 chỉ còn có 3-4 tuần nữa, thời gian gấp rút cho nên cần nhanh chóng hoàn thiện được OpenNotas cho kịp tiến độ, vì thế có lẽ tôi sẽ không viết nhật ký hàng tuần được nữa, thay vào đó là mỗi hai tuần sẽ có nhiều chuyện để kể hơn.

Tính năng sẽ không phát triển thêm nữa, tất cả những gì đang có của OP sẽ được đi vào giai đoạn kiểm thử và dần dần vào ổn định để đạt được mục đích sử dụng và không gây lỗi lầm cho người dùng. Tôi vẫn tiếp tục sử dụng OP thường xuyên hơn, tìm ra lỗi và sửa chúng.

Ngoài ra thì cũng tìm thêm các nguồn hay các kênh cộng đồng để làm công tác tuyên truyền, giới thiệu sản phẩm của mình đến với mọi người. Để OpenNotas được sinh ra không chỉ để giải quyết vấn đề cho mỗi cá nhân. Hy vọng sẽ được nhiều người biết đến và sử dụng như một ứng dụng ghi chú chính.

Cuối cùng, tôi đã thiết lập kế hoạch ra mắt trên trang Product Hunt, bạn đọc cũng có thể trợ giúp một tay bằng cách giới thiệu, hoặc tặng cho tôi 1 Follow tại địa chỉ Coming soon: OpenNotas | Product Hunt. Một lần nữa xin cảm ơn tất cả đã dành thời gian theo dõi tôi cũng như OpenNotas trong thời gian vừa qua. Hy vọng trong kỳ tới, chúng ta sẽ có nhiều điều để chia sẻ với nhau hơn nữa!

Cao cấp
Hello

Tôi & khao khát "chơi chữ"

Bạn đã thử viết? Và rồi thất bại hoặc chưa ưng ý? Tại 2coffee.dev chúng tôi đã có quãng thời gian chật vật với công việc viết. Đừng nản chí, vì giờ đây chúng tôi đã có cách giúp bạn. Hãy bấm vào để trở thành hội viên ngay!

Bạn đã thử viết? Và rồi thất bại hoặc chưa ưng ý? Tại 2coffee.dev chúng tôi đã có quãng thời gian chật vật với công việc viết. Đừng nản chí, vì giờ đây chúng tôi đã có cách giúp bạn. Hãy bấm vào để trở thành hội viên ngay!

Xem tất cả

Đăng ký nhận thông báo bài viết mới

hoặc
* Bản tin tổng hợp được gửi mỗi 1-2 tuần, huỷ bất cứ lúc nào.

Bình luận (1)

Nội dung bình luận...
Avatar
Ẩn danh8 tháng trước
Cố lên a ơi, hóng ngày notas release quá 😁😁😁😁😁
Trả lời
Avatar
Xuân Hoài Tống8 tháng trước
Sắp ra mắt rồi đó e ơi, nửa tháng nữa thôi 😁
Bấm hoặc cuộn mạnh để sang bài mới