vue telegram
0.8.0
vue-tg - Vue용 텔레그램 통합Telegram Mini Apps와 Telegram 위젯 기능을 완벽하게 통합하기 위한 경량 패키지입니다.
< script lang = " ts " setup >
import { MainButton , useWebAppPopup } from ' vue-tg '
const { showAlert } = useWebAppPopup ()
</ script >
< template >
< MainButton text = " Open alert " @ click = " () => showAlert ( ' Hello! ' ) " />
</ template >패키지 설치:
npm i vue-tg 미니 앱을 텔레그램 클라이언트에 연결하려면 다음 코드를 사용하여 다른 스크립트보다 먼저 <head> 태그에 telegram-web-app.js 스크립트를 배치하세요.
< script src =" https://telegram.org/js/telegram-web-app.js " > </ script > | 필드 | 컴포저블 |
|---|---|
| 초기화데이터 | 웹앱 사용 |
| initData안전하지 않음 | 웹앱 사용 |
| 버전 | 웹앱 사용 |
| 플랫폼 | 웹앱 사용 |
| 색상 구성표 | useWebApp테마 |
| themeParams | useWebApp테마 |
| 확장됨 | WebAppViewport 사용 |
| 뷰포트 높이 | WebAppViewport 사용 |
| 뷰포트안정 높이 | WebAppViewport 사용 |
| 헤더색상 | useWebApp테마 |
| 배경색상 | useWebApp테마 |
| isClosingConfirmationEnabled | useWebAppClosingConfirmation |
| isVerticalSwipesEnabled | WebAppViewport 사용 |
| 뒤로버튼 | useWebAppBackButton |
| 메인버튼 | WebAppMainButton 사용 |
| 햅틱피드백 | WebAppHaptic피드백 사용 |
| 생체 인식 관리자 | 사용WebAppBiometricManager |
| isVersionAtLeast | 웹앱 사용 |
| setHeaderColor | useWebApp테마 |
| 세트배경색상 | useWebApp테마 |
| 활성화Closing확인 | useWebAppClosingConfirmation |
| 비활성화Closing확인 | useWebAppClosingConfirmation |
| 수직 스와이프 활성화 | WebAppViewport 사용 |
| 비활성화수직 스와이프 | WebAppViewport 사용 |
| onEvent | 웹앱 사용 |
| 오프이벤트 | 자동으로 처리되나요? |
| sendData | 웹앱 사용 |
| 스위치인라인쿼리 | useWebAppNavigation |
| 오픈링크 | useWebAppNavigation |
| 오픈텔레그램링크 | useWebAppNavigation |
| 공개송장 | useWebAppNavigation |
| 공유투스토리 | 사용WebAppShare |
| 쇼팝업 | 사용WebAppPopup |
| 경고 표시 | 사용WebAppPopup |
| 쇼확인 | 사용WebAppPopup |
| showScanQrPopup | WebAppQrScanner 사용 |
| closeScanQrPopup | WebAppQrScanner 사용 |
| 클립보드에서텍스트읽기 | 사용웹앱클립보드 |
| 요청쓰기액세스 | useWebAppRequests |
| 요청연락처 | useWebAppRequests |
| 준비가 된 | 웹앱 사용 |
| 확장하다 | WebAppViewport 사용 |
| 닫다 | 웹앱 사용 |
