파이-브라우저-템플릿

Pi 기반 브라우저 확장 프로그램을 위한 프로덕션 등급 준비 템플릿

'pi-browser-template'은 네이티브 메시징 호스트를 통해 Pi 확장 프로그램을 브라우저 확장에 연결하는 작은 시작 프로젝트입니다.

'Linux', 'macOS', **'Windows'****를 지원합니다.

템플릿은 종단 간 타입 안전입니다: Pi, 네이티브 호스트, 브라우저 확장 프로그램 모두 검증된 메시지 유형을 공유합니다.

포함된 예제에서는 Pi가 활성 브라우저 탭에서 'alert()'를 표시할 수 있습니다.

포함된 내용

• 'apps/pi' — 파이 명령어와 도구.
• '앱/브라우저 확장 프로그램' — WXT 크롬/크로미움 확장 프로그램.
• 'apps/native-host' — 크롬을 파이에 연결하는 네이티브 메시징 호스트.
• '패키지/네이티브 메시징-스키마' — 공유된 TypeBox 메시지 스키마와 타입.

사용된 기술

• WXT — 브라우저 확장 프로그램을 빌드하고 실행합니다.
• TypeScript — Pi, 네이티브 호스트, 브라우저 확장 프로그램 전반에 걸친 종단 간 타입 안전 코드.
• PNPM 워크스페이스 — 모노레포를 관리합니다.
• Chrome 네이티브 메시징 — 브라우저 확장 프로그램이 로컬 네이티브 호스트와 통신할 수 있게 합니다.
• Node.js — 네이티브 호스트를 실행합니다.
• TypeBox — 메시지에 대한 공유 런타임 스키마 및 TypeScript 타입.
• @webext-core/messaging — 브라우저 확장 프로그램 내의 간단한 타이핑 메시징.
• web-ext-native-msg — 네이티브 메시징 호스트 매니페스트를 설치합니다.

요구 사항

• Node.js
• PNPM 10.31+
• 크롬, 크롬 테스트 또는 크롬
• 로컬 설치 Pi
• Chrome의 확장 키 생성을 위한 OpenSSL

1.

---

🌐 본 텍스트는 빠른 이해를 돕기 위한 요약 번역본입니다. 정확한 기술 정보 및 전체 코드는 GitHub 원문에서 확인하실 수 있습니다.