Khám phá một bộ sưu tập tuyệt vời gồm các mẫu mới cho các ứng dụng tuyệt vời, bao gồm cả mẫu bảng nhớ tạm, mẫu tệp và mẫu ứng dụng.
Bất kể bạn xây dựng ứng dụng gì, cho dù đó là ứng dụng chỉnh sửa video thế hệ mới, trò chơi đố chữ gây nghiện hay ứng dụng mạng xã hội trực tuyến trong tương lai, bạn sẽ luôn cần một vài khối xây dựng cơ bản:
- Ứng dụng chỉnh sửa video có thể cho phép người dùng lưu video đã chỉnh sửa.
- Trò chơi của bạn có thể cho phép người dùng chia sẻ tiến trình chơi với bạn bè.
- Một ứng dụng mạng xã hội trực tuyến có nhiều khả năng sẽ cho phép người dùng dán hình ảnh vào một bài đăng.
Không có cách chung để hiện thực hoá các mẫu này
Đây chỉ là một vài ví dụ về các mẫu như vậy và còn nhiều mẫu khác. Nhưng tất cả các phương pháp này đều có một điểm chung: không có cách thức chung để hiện thực hoá chúng.
Chia sẻ tiến trình
Ví dụ: không phải trình duyệt nào cũng triển khai Web Share API, vì vậy, trong một số trường hợp, bạn sẽ phải sử dụng một phương pháp khác, chẳng hạn như Ý định trên web của Twitter hoặc sao chép vào bảng nhớ tạm. Đây là phương pháp được chọn trong Wordle khi Web Share API không được triển khai. Phù, tôi chỉ vừa kịp nhận được thông báo này:
Wordle 471 6/6
⬛⬛⬛⬛🟨
🟩⬛⬛⬛🟨
🟩🟩🟩⬛⬛
🟩🟩🟩⬛⬛
🟩🟩🟩🟩⬛
🟩🟩🟩🟩🟩
Lưu tệp
Khi nói đến việc lưu, phương pháp phù hợp là sử dụng File System Access API (API truy cập hệ thống tệp), nhờ đó, bạn sẽ có được FileSystemFileHandle, cho phép bạn triển khai quy trình lưu, chỉnh sửa, lưu thực sự. Việc tốt nhất tiếp theo là quay lại <a download> cổ điển. Tương tự như vậy, phương thức này cho phép người dùng lưu dữ liệu, nhưng có nhược điểm là tạo tệp mới trên mỗi lượt tải xuống, vì vậy, chúng sẽ kết thúc bằng my-video.mp4, my-video (1).mp4, my-video (2).mp4, v.v.
Dán hình ảnh
Để kết thúc các ví dụ giới thiệu, không phải trình duyệt nào cũng hỗ trợ dán hình ảnh vào ứng dụng web, vì vậy, bạn có thể quay lại sử dụng API Kéo và thả hoặc hiển thị bộ chọn tệp. Cách này không tinh tế như Async Clipboard API (API Bảng nhớ tạm không đồng bộ), nhưng ít nhất cũng hoạt động.
Các mẫu mới
Khi đã giải quyết xong vấn đề này, các phần mẫu mới sẽ là:
Mẫu bảng nhớ tạm
Mẫu bảng nhớ tạm cho mọi thứ liên quan đến bảng nhớ tạm của hệ thống, chẳng hạn như sao chép và dán mọi thứ.
Mẫu tệp
Mẫu tệp cho mọi thứ liên quan đến tệp và thư mục; cho dù đó là việc lưu, mở, kéo và thả, nhận hoặc chia sẻ.
Mẫu ứng dụng web
Mẫu ứng dụng web cho mọi thứ liên quan đến các tính năng ứng dụng nâng cao như cung cấp lối tắt ứng dụng, đồng bộ hoá dữ liệu định kỳ ở chế độ nền, hiển thị huy hiệu ứng dụng và nhiều tính năng khác.
Phản hồi
Tôi hy vọng các mẫu này sẽ giúp bạn xây dựng những ứng dụng tuyệt vời và tôi rất mong nhận được ý kiến phản hồi của bạn!
Bạn có thể gửi ý kiến phản hồi bằng cách tweet đến @ChromiumDev hoặc gửi vấn đề. Trong cả hai trường hợp, hãy gắn thẻ @tomayac để đảm bảo tôi thấy thẻ đó.
Lời cảm ơn
Tôi rất cảm ơn Joe Medley đã giúp tôi xem xét và chỉnh sửa các mẫu. Cảm ơn Pete LePage, Ewa Gasperowicz, Rachel Andrew, Ken Pascal và Matthias Rohmer đã hỗ trợ về kỹ thuật và tổ chức cũng như động viên để chúng tôi có thể hoàn thành dự án này. Toàn bộ dự án mẫu này sẽ không thể thực hiện được nếu không có sự giúp đỡ của các tác giả của từng mẫu, cụ thể là Harry Theodoulou, Tony Conway, Palances Liao, Cecilia Cong, François Beaufort và Joe Medley.