Pyloid 공식문서
GithubLanguage
  • 💎Pyloid란 무엇인가?
  • 시작하기
    • 사전 요구사항
    • 프로젝트 생성하기
  • API
    • Python (백엔드)
      • Pyloid
      • BrowserWindow
      • PyloidAPI
      • Monitor
      • TrayEvent
      • 유틸리티 함수
    • Javascript (프론트엔드)
      • WindowAPI
      • EventAPI
  • 가이드
    • 커스텀 보일러플레이트 만들기
    • 웹뷰 로드하기
    • JS에서 Python 호출하기
    • Python에서 JS 호출하기
    • 키보드 단축키
    • 알림
    • 트레이
    • 타이머
    • 파일 감시
    • 클립보드
    • 창 위치
    • 개발자 도구
    • 창 사용자 정의
    • 자동 시작
    • 프로덕션 유틸리티
    • 데스크탑 모니터
    • 파일 다이어로그
    • 스플래시 스크린
    • 스레드
    • ⚡pyside를 사용하여 API 커스터마이징
    • 테마
    • 빌드 가이드
      • Pyloid-React-Vite
      • Pyloid-HTML-Boilerplate
Powered by GitBook
On this page
  • PylonAPI 소개
  • PyloidAPI 속성
  • Bridge 데코레이터 사용하기
  • Bridge 데코레이터 매개변수
  • Python에서 JavaScript API 설정하기
  1. 가이드

JS에서 Python 호출하기

PylonAPI 소개

PyloidAPI 클래스는 JavaScript와 Python 간의 상호 작용을 가능하게 하는 핵심 구성 요소입니다.

PyloidAPI 속성

PyloidAPI 클래스는 다음과 같은 중요한 속성들을 가지고 있습니다:

  • window: BrowserWindow 인스턴스를 참조합니다.

  • app: Pyloid 애플리케이션 인스턴스를 참조합니다.

  • window_id: 브라우저 창의 고유 식별자입니다.

Bridge 데코레이터 사용하기

PyloidAPI 클래스는 Bridge 데코레이터와 함께 사용되어 Python 메서드를 JavaScript에서 호출할 수 있게 합니다.

Bridge 데코레이터 매개변수

Bridge 데코레이터는 다음 매개변수를 사용할 수 있습니다:

  • result: 반환 타입을 지정합니다.

  • args: 인수 타입을 지정합니다.

Python에서 JavaScript API 설정하기

from pyloid import Pyloid, PyloidAPI, Bridge

app = Pyloid("Pyloid-App")

class CustomAPI(PyloidAPI):
    @Bridge(str, result=str)
    def echo(self, message):
        return f"Python에서 받은 메시지: {message}"

# 메인 윈도우 생성
window = app.create_window(
    title="Pyloid 브라우저",
    js_apis=[CustomAPI()],
)

window.load_file("index.html")

window.show()
window.focus()

app.run()
<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Pyloid</title>
    <script>
      document.addEventListener('pyloidReady', async function () {
        console.log('Pyloid가 준비되었습니다');

        let result = await window.pyloid.CustomAPI.echo('안녕, Pyloid!');
        document.querySelector('p').textContent = result;
      });
    </script>
  </head>
  <body>
    <h1>안녕하세요!</h1>
    <p>없음</p>
  </body>
</html>
Previous웹뷰 로드하기NextPython에서 JS 호출하기

Last updated 5 months ago