Cài đặt - ePlus.DEV Extensions

Cài từ browser store chính thức

Chrome Web Store

Cài bản Sandbox Pay chính thức cho Chrome và các trình duyệt Chromium tương thích.

Firefox Add-ons

Cài add-on Sandbox Pay đã được ký cho Firefox.

Chỉ cài Sandbox Pay từ hai trang store chính thức ở trên hoặc package được phát hành bởi repository ePlus-DEV. Tiện ích trình duyệt có thể truy cập các trang nằm trong phạm vi content script đã khai báo.

Build từ mã nguồn

Dùng cách này khi phát triển, đóng góp hoặc kiểm thử thay đổi chưa phát hành. Yêu cầu: Node.js LTS hiện hành, Corepack và Yarn 4.

# Clone repository
git clone https://github.com/ePlus-DEV/payment-sandbox-helper.git
cd payment-sandbox-helper

# Kích hoạt package manager được dự án khai báo
corepack enable

# Cài dependency
yarn install

# Kiểm tra TypeScript
yarn compile

# Build Chrome
yarn build

# Tùy chọn: build Firefox
yarn build:firefox

Nạp bản unpacked vào Chrome

Build tiện ích

Chạy yarn build. WXT tạo output Chrome Manifest V3 tại .output/chrome-mv3.

Mở trang quản lý extension

Truy cập chrome://extensions và bật Developer mode.

Nạp thư mục output

Chọn Load unpacked, sau đó chọn .output/chrome-mv3.

Ghim Sandbox Pay

Ghim Sandbox Pay trên thanh công cụ để dễ mở sidebar khi kiểm thử.

Nạp tạm thời vào Firefox

Build bản Firefox

Chạy yarn build:firefox.

Mở Firefox Debugging

Truy cập about:debugging#/runtime/this-firefox và chọn Load Temporary Add-on.

Chọn manifest

Chọn manifest.json trong .output/firefox-mv3.

Temporary add-on trên Firefox sẽ bị gỡ sau khi khởi động lại trình duyệt. Để sử dụng lâu dài, hãy cài bản đã ký từ Firefox Add-ons.

Package trên GitHub

Kiểm tra GitHub Releases để xem release note và các package bổ sung của dự án.

# Chrome
yarn zip

# Firefox
yarn zip:firefox

Quyền truy cập

Quyền	Mục đích
`activeTab`	Làm việc với trang sandbox hoặc trang phát triển đang mở.
`scripting`	Hỗ trợ tương tác với trang trong luồng của tiện ích.
`sidePanel`	Hiển thị sidebar trên Chrome.
`contextMenus`	Thêm thao tác điền dữ liệu vào menu chuột phải.
`storage`	Lưu quốc gia, tên chủ thẻ, hình nền và thiết lập cục bộ.

Firefox sử dụng sidebar_action thay cho API sidePanel của Chrome. Manifest Firefox khai báo không thu thập dữ liệu bắt buộc.

​Cài từ browser store chính thức

Chrome Web Store

Firefox Add-ons

​Build từ mã nguồn

​Nạp bản unpacked vào Chrome

​Nạp tạm thời vào Firefox

​Package trên GitHub

​Quyền truy cập

Cài từ browser store chính thức

Build từ mã nguồn

Nạp bản unpacked vào Chrome

Nạp tạm thời vào Firefox

Package trên GitHub

Quyền truy cập