vue telegram
0.8.0
vue-tg
- Integrasi Telegram untuk VuePaket ringan untuk integrasi fitur Aplikasi Mini Telegram dan Widget Telegram dengan lancar.
< script lang = " ts " setup >
import { MainButton , useWebAppPopup } from ' vue-tg '
const { showAlert } = useWebAppPopup ()
</ script >
< template >
< MainButton text = " Open alert " @ click = " () => showAlert ( ' Hello! ' ) " />
</ template >
Instal paket:
npm i vue-tg
Untuk menghubungkan Aplikasi Mini Anda ke klien Telegram, tempatkan skrip telegram-web-app.js
di tag <head>
sebelum skrip lainnya, menggunakan kode ini:
< script src =" https://telegram.org/js/telegram-web-app.js " > </ script >
Bidang | Dapat disusun |
---|---|
initData | gunakan WebApp |
initDataTidak Aman | gunakan WebApp |
versi | gunakan WebApp |
platform | gunakan WebApp |
skema warna | gunakan Tema WebApp |
temaParams | gunakan Tema WebApp |
adalahDiperluas | gunakanWebAppViewport |
viewportHeight | gunakanWebAppViewport |
viewportStableHeight | gunakanWebAppViewport |
headerWarna | gunakan Tema WebApp |
warna latar belakang | gunakan Tema WebApp |
isClosingConfirmationEnabled | gunakanWebAppClosingConfirmation |
isVerticalSwipesEnabled | gunakanWebAppViewport |
Tombol Kembali | gunakanWebAppBackButton |
Tombol Utama | gunakan WebAppMainButton |
Umpan Balik Haptic | gunakanWebAppHapticFeedback |
Manajer Biometrik | gunakanWebAppBiometricManager |
adalahVersionAtLeast | gunakan WebApp |
setHeaderColor | gunakan Tema WebApp |
setBackgroundColor | gunakan Tema WebApp |
aktifkanKonfirmasi Penutupan | gunakanWebAppClosingConfirmation |
nonaktifkanKonfirmasi Penutupan | gunakanWebAppClosingConfirmation |
aktifkanVerticalSwipes | gunakanWebAppViewport |
nonaktifkanGesek Vertikal | gunakanWebAppViewport |
di Acara | gunakan WebApp |
offEvent | Ditangani secara otomatis? |
kirimData | gunakan WebApp |
beralihInlineQuery | gunakanWebAppNavigation |
tautan terbuka | gunakanWebAppNavigation |
buka TelegramLink | gunakanWebAppNavigation |
faktur terbuka | gunakanWebAppNavigation |
bagikanToStory | gunakan WebAppShare |
tampilkanPopup | gunakan WebAppPopup |
tampilkan Peringatan | gunakan WebAppPopup |
tunjukkanKonfirmasi | gunakan WebAppPopup |
tampilkanScanQrPopup | gunakanWebAppQrScanner |
tutupScanQrPopup | gunakanWebAppQrScanner |
bacaTeksDariClipboard | gunakan WebAppClipboard |
permintaanWriteAccess | gunakanWebAppRequests |
permintaanKontak | gunakanWebAppRequests |
siap | gunakan WebApp |
memperluas | gunakanWebAppViewport |
menutup | gunakan WebApp |