English | 简体中文 | Tiếng Việt | Deutsch | French | Indonesian | Русский | Turkish | 日本語 | 한국어
Plasmo là một framework dùng để xây dựng ứng dụng mở rộng cho trình duyệt web (browser extension) với nhiều tính năng tối ưu hóa, tạo bởi hackers cho hackers. Xây dựng sản phẩm mà không phải lo lắng về config và những dị thù khi làm việc với extension.
Giống như Next.js cho extension!
- React + Typescript
- Tự động hóa
manifest.json
với MV3 - Tự động reload trình duyệt
.env*
file- Content Scripts UI
- Gói mã nguồn online (e.g for gtag4)
- Tự động xuất bản với BPP
- Tạo extension cho mọi trình duyệt
- Dùng với Svelte hoặc Vue
- Và nhiều hơn nữa! 🚀
- Node.js 16.x trở lên
- MacOS, Windows, hoặc Linux
- (Khuyến khích) pnpm
Chúng tôi có các ví dụ giới thiệu cách bạn có thể sử dụng Plasmo với Firebase Authentication, Redux, Supabase authentication, Tailwind, và nhiều hơn nữa. Để xem chúng, hãy truy cập kho ví dụ của chúng tôi.
Xem tài liệu để nhìn chuyên sâu hơn.
pnpm create plasmo example-dir
cd example-dir
pnpm dev
Con đường phía trước còn nhiều trông gai.
- Thay đổi popup trong
popup.tsx
- Thay đổi trang Options trong
options.tsx
- Thay đổi Content script trong
content.ts
- Thay đổi dịch vụ nền (Background service worker) trong
background.ts
Bạn có thể sắp xếp các tệp này trong thư mục riêng của chúng:
ext-dir
├───assets
| └───icon512.png
├───popup
| ├───index.tsx
| └───button.tsx
├───options
| ├───index.tsx
| ├───utils.ts
| └───input.tsx
├───contents
| ├───site-one.ts
| ├───site-two.ts
| └───site-three.ts
...
Cuối cùng, bạn cũng có thể tránh đặt mã nguồn vào thư mục gốc của mình bằng cách đặt chúng vào thư mục con src
, làm theo hướng dẫn này. Lưu ý, thư mục assets
và các tệp config vẫn cần phải ở trong thư mục gốc.
Cộng đồng Plasmo có thể được tìm thấy trên Discord. Đây là kênh thích hợp để nhận trợ giúp về việc sử dụng Plasmo Framework.
Quy tắc ứng xử của chúng tôi áp dụng cho tất cả các kênh cộng đồng của Plasmo.
Vui lòng xem hướng dẫn đóng góp để tìm hiểu thêm.
Plasmo hiện là phần mềm alpha và một số thứ có thể thay đổi từ phiên bản này sang phiên bản khác. Xin lưu ý, Plasmo sẽ không chịu trách nhiệm nếu bạn gặp rủi ro khi xử dụng phần mềm này.