vue telegram
0.8.0
vue-tg - การรวมโทรเลขสำหรับ Vueแพ็คเกจน้ำหนักเบาสำหรับการผสานรวมคุณสมบัติ Telegram Mini Apps และ 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 ในการเชื่อมต่อ Mini App ของคุณกับไคลเอนต์ Telegram ให้วางสคริปต์ telegram-web-app.js ในแท็ก <head> ก่อนสคริปต์อื่น ๆ โดยใช้โค้ดนี้:
< script src =" https://telegram.org/js/telegram-web-app.js " > </ script > | สนาม | เรียบเรียงได้ |
|---|---|
| initData | ใช้WebApp |
| initDataUnsafe | ใช้WebApp |
| รุ่น | ใช้WebApp |
| แพลตฟอร์ม | ใช้WebApp |
| โครงร่างสี | ใช้WebAppTheme |
| ธีมพารามิเตอร์ | ใช้WebAppTheme |
| คือขยาย | ใช้WebAppViewport |
| วิวพอร์ตความสูง | ใช้WebAppViewport |
| วิวพอร์ตStableHeight | ใช้WebAppViewport |
| headerColor | ใช้WebAppTheme |
| สีพื้นหลัง | ใช้WebAppTheme |
| คือการปิดการยืนยันเปิดใช้งานแล้ว | ใช้การยืนยันการปิด WebApp |
| คือVerticalSwipesEnabled | ใช้WebAppViewport |
| ปุ่มย้อนกลับ | ใช้WebAppBackButton |
| MainButton | ใช้WebAppMainButton |
| การตอบสนองแบบสัมผัส | ใช้WebAppHapticFeedback |
| ผู้จัดการไบโอเมตริกซ์ | ใช้WebAppBiometricManager |
| isVersionAtLeast | ใช้WebApp |
| setHeaderColor | ใช้WebAppTheme |
| ตั้งค่าสีพื้นหลัง | ใช้WebAppTheme |
| เปิดใช้งานการยืนยันการปิด | ใช้การยืนยันการปิด WebApp |
| ปิดการใช้งานการยืนยันการปิด | ใช้การยืนยันการปิด WebApp |
| เปิดใช้งานVerticalSwipes | ใช้WebAppViewport |
| ปิดการใช้งาน VerticalSwipes | ใช้WebAppViewport |
| onEvent | ใช้WebApp |
| ปิดกิจกรรม | จัดการโดยอัตโนมัติ ? |
| ส่งข้อมูล | ใช้WebApp |
| สวิตช์InlineQuery | ใช้WebAppNavigation |
| openLink | ใช้WebAppNavigation |
| openTelegramLink | ใช้WebAppNavigation |
| openInvoice | ใช้WebAppNavigation |
| แบ่งปันToStory | ใช้WebAppShare |
| แสดงป๊อปอัพ | ใช้WebAppPopup |
| แสดงการแจ้งเตือน | ใช้WebAppPopup |
| แสดงยืนยัน | ใช้WebAppPopup |
| showScanQrPopup | ใช้WebAppQrScanner |
| closeScanQrPopup | ใช้WebAppQrScanner |
| อ่านข้อความจากคลิปบอร์ด | ใช้WebAppClipboard |
| ขอWriteAccess | ใช้WebAppRequests |
| ขอติดต่อ | ใช้WebAppRequests |
| พร้อม | ใช้WebApp |
| ขยาย | ใช้WebAppViewport |
| ปิด | ใช้WebApp |
