vue telegram
0.8.0
vue-tg - تكامل Telegram لـ Vueحزمة خفيفة الوزن للتكامل السلس بين تطبيقات Telegram Mini وميزات Telegram Widgets.
< 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 لتوصيل تطبيقك المصغر بعميل Telegram، ضع البرنامج النصي telegram-web-app.js في علامة <head> قبل أي برامج نصية أخرى، باستخدام هذا الرمز:
< script src =" https://telegram.org/js/telegram-web-app.js " > </ script > | مجال | قابل للتركيب |
|---|---|
| initData | com.useWebApp |
| initDataUnsafe | com.useWebApp |
| إصدار | com.useWebApp |
| منصة | com.useWebApp |
| colorScheme | useWebAppTheme |
| themeParams | useWebAppTheme |
| isExpanded | useWebAppViewport |
| viewportHeight | useWebAppViewport |
| viewportStableHeight | useWebAppViewport |
| headerColor | useWebAppTheme |
| لون الخلفية | useWebAppTheme |
| isClosingConfirmationEnabled | useWebAppClosingConfirmation |
| isVerticalSwipesEnabled | useWebAppViewport |
| زر الرجوع | useWebAppBackButton |
| الزر الرئيسي | useWebAppMainButton |
| ردود الفعل اللمسية | useWebAppHapticFeedback |
| BiometricManager | useWebAppBiometricManager |
| isVersionAtLeast | com.useWebApp |
| setHeaderColor | useWebAppTheme |
| setBackgroundColor | useWebAppTheme |
| EnableClosingConfirmation | useWebAppClosingConfirmation |
| DisableClosingConfirmation | useWebAppClosingConfirmation |
| تمكينVerticalSwipes | useWebAppViewport |
| DisableVerticalSwipes | useWebAppViewport |
| com.onEvent | com.useWebApp |
| offEvent | التعامل معها تلقائيا؟ |
| sendData | com.useWebApp |
| SwitchInlineQuery | useWebAppNavigation |
| openLink | useWebAppNavigation |
| openTelegramLink | useWebAppNavigation |
| openInvoice | useWebAppNavigation |
| com.shareToStory | com.useWebAppShare |
| showPopup | useWebAppPopup |
| showAlert | useWebAppPopup |
| showConfirm | useWebAppPopup |
| showScanQrPopup | useWebAppQrScanner |
| CloseScanQrPopup | useWebAppQrScanner |
| قراءة النص من الحافظة | useWebAppClipboard |
| requestWriteAccess | useWebAppRequests |
| طلب الاتصال | useWebAppRequests |
| مستعد | com.useWebApp |
| يوسع | useWebAppViewport |
| يغلق | com.useWebApp |
