Mini App Test Aracı

Mock
Özellikler
version
—
platform
—
colorScheme
—
isActive
—
isExpanded
—
isFullscreen
—
isOrientationLocked
—
isClosingConfirmation
—
isVerticalSwipes
—
viewportHeight
—
viewportStableH
—
headerColor
—
backgroundColor
—
bottomBarColor
—
initData
initDataUnsafe
Tema parametreleri
bg_color
text_color
hint_color
link_color
button_color
button_text_color
secondary_bg_color
header_bg_color
bottom_bar_bg_color
accent_text_color
section_bg_color
section_header_text_color
section_separator_color
subtitle_text_color
destructive_text_color
WebApp 18
ready()
expand()
close()
sendData()
switchInlineQuery()
setHeaderColor()
setBackgroundColor()
setBottomBarColor()
enableClosingConfirmation()
disableClosingConfirmation()
enableVerticalSwipes()
disableVerticalSwipes()
requestFullscreen()
exitFullscreen()
lockOrientation()
unlockOrientation()
openLink()
openTelegramLink()
isVersionAtLeast()
hideKeyboard()
Düğmeler 4
MainButton
Düğmeye tıklamak mainButtonClicked olayını tetikler
SecondaryButton
BackButton
BackButton
Tıklama backButtonClicked olayını tetikler
SettingsButton
SettingsButton
Tıklama settingsButtonClicked olayını tetikler
Açılır pencereler ve uyarılar 5
showAlert()
showConfirm()
showPopup()
showScanQrPopup()
readTextFromClipboard()
Dokunsal geri bildirim 3
impactOccurred()
notificationOccurred()
selectionChanged()
Bulut depolama 6
setItem()
getItem()
getKeys()
removeItem()
Cihaz depolama 4
setItem()
getItem()
removeItem()
clear()
Güvenli depolama 5
setItem()
getItem()
restoreItem()
removeItem()
clear()
Sensörler 3
Accelerometer
DeviceOrientation
Gyroscope
Biyometri 5
init()
requestAccess()
authenticate()
updateBiometricToken()
openSettings()
Konum 3
LocationManager.init()
LocationManager.getLocation()
LocationManager.openSettings()
Fatura ve hikaye 3
openInvoice()
shareMessage()
İzinler ve yetkilendirme 3
requestWriteAccess()
requestContact()
requestChat()
Emoji, ekran, dosya 5
Home Screen
addToHomeScreen()
checkHomeScreenStatus()
Emoji Status
File Download
Olay günlüğü 0
45 olay dinleniyor
Olay yok. Olay oluşturmak için yukarıdaki metotları kullanın.

Mini App Tester ile Telegram Mini App'lerin JavaScript API'sini (Telegram.WebApp) kod yazmadan test edebilirsiniz. Normal bir tarayıcıda mock modunda çalışır ve API'yi emüle eder; Telegram içinde açıldığında o anki istemcinin gerçek API'sini kullanır. Telegram Mini App nasıl yapılır diye araştırıyorsanız bir özelliği kodlamadan önce burada deneyebilir ya da belirli bir istemcinin nasıl davrandığını görebilirsiniz.

Telegram Mini App test aracı nasıl kullanılır?

  1. Bu sayfayı herhangi bir tarayıcıda açın. Mock modu otomatik olarak başlar ve Telegram.WebApp nesnesini emüle eder.
  2. Bir metot grubunu açın, metotları çağırın ve sonuçları olay günlüğünde ve canlı özellikler panelinde izleyin.
  3. Telegram içinde test etmek için @BotFather üzerinden bir botun Mini App URL'si olarak https://telegram-bot-api.info/telegram-mini-app-tester.html adresini girin (/newapp ya da menü düğmesi ayarları). Hosting gerekmez; arayüz kullanıcının Telegram diline uyum sağlar.
  4. Aracı iOS, Android ve masaüstünde açıp version, platform, colorScheme, initData, themeParams ve güvenli alan (safe area) değerlerini karşılaştırın.

Neleri test edebilirsiniz?

Araç 13 metot grubu sunar:

Olay günlüğü themeChanged, viewportChanged, mainButtonClicked ve fullscreenChanged gibi 45+ olayı zaman damgasıyla kaydeder; böylece handler'larınıza tam olarak ne geleceğini görürsünüz.

Telegram Mini App test: mock modu ve gerçek Telegram

Mini App'lerin ilk adı Web App olduğu için API nesnesi hâlâ Telegram.WebApp adını taşır. Mock modu arayüz ve akış içindir: hangi çağrıların bulunduğunu, ne döndürdüklerini ve hangi olayların tetiklendiğini gösterir, depolamayı localStorage'da emüle eder. İstemcinin yerel açılır pencerelerini, titreşimi ya da gerçek kullanıcı verisini üretemez; initData da Telegram'ın imzalamadığı bir örnektir. Telegram içinde araç gerçek API'ye geçer: initData gerçektir ve her çağrı istemciye ulaşır. Bu veriyi sunucunuzda mutlaka HMAC-SHA256 ile doğrulayın.

Telegram Mini App nasıl yapılır? Kısa yol haritası

  1. Telegram bot oluşturma rehberindeki gibi @BotFather'da /newbot ile bir bot açın ve bot token'ını alın.
  2. Mini App'inizi HTTPS üzerinden erişilebilen bir web sayfası olarak yayınlayın (HTTP yalnızca test ortamında kabul edilir).
  3. Sayfayı bota bağlayın: /newapp ile t.me/<bot>/<app> biçiminde doğrudan bağlantı oluşturun ya da bot ayarlarından menü düğmesini yapılandırın. Klavyedeki web_app düğmeleri ve inline düğmeler de Mini App açabilir.
  4. Özellikleri önce bu araçta mock modunda, ardından Telegram içinde deneyin.

Gizlilik

Test aracı tamamen tarayıcınızda çalışır, bot token'ı istemez ve Bot API'yi çağırmaz. Mock depolama verileri tarayıcınızın localStorage alanında kalır.

Menü düğmesini API üzerinden Mini App'inize yönlendirmek için Bot API Tester içinde setChatMenuButton metodunu çağırın; düğmeyi tek bir özel sohbet için değiştirecekseniz chat ID nasıl bulunur rehberine bakın. Mini App'i bir mesajdaki inline düğmeyle açmak için Bot API ile mesaj gönderme rehberindeki reply_markup örneklerinden yararlanın. Metotların ayrıntıları Swagger sayfasında ve metot referansında yer alır.

Sık sorulan sorular

Telegram Mini App'i Telegram olmadan online nasıl test ederim?

Mini App Tester'ı herhangi bir tarayıcıda açın. Mock modu Telegram.WebApp nesnesini emüle eder; bot ya da Telegram istemcisi olmadan metotları çağırabilir, olayları tetikleyebilir ve özellikleri inceleyebilirsiniz.

Telegram Mini App nasıl yapılır?

Mini App, Telegram içinde açılan bir web sayfasıdır ve Telegram.WebApp JavaScript API'sini kullanır. @BotFather'da bir bot oluşturun, sayfayı HTTPS üzerinden yayınlayın ve /newapp komutuyla ya da menü düğmesi ayarlarından bota bağlayın.

Mini App Tester'ı kendi botumun Mini App'i olarak kullanabilir miyim?

Evet. @BotFather'da /newapp ile ya da menü düğmesi ayarlarından Mini App URL'si olarak https://telegram-bot-api.info/telegram-mini-app-tester.html adresini girin. Telegram içinde gerçek WebApp API'si kullanılır ve hosting gerekmez.

Hangi Telegram WebApp API özellikleri kapsanıyor?

WebApp temel metotları, MainButton, SecondaryButton, BackButton ve SettingsButton, açılır pencereler, HapticFeedback, CloudStorage, DeviceStorage, SecureStorage, sensörler, biyometri, konum, izinler, fatura ve hikayeler, emoji durumu, tam ekran ve dosya indirme; ayrıca 45+ olayın günlüğü.

Mock modundaki initData geçerli mi?

Hayır. Mock modu, Telegram'ın hiç imzalamadığı örnek veriler kullanır; bu yüzden HMAC doğrulamasından bilerek geçmez. Sunucu tarafındaki doğrulamanızı test etmek için aracı Telegram içinde açıp gerçek initData alın.

Mini App Tester için bot token'ı gerekir mi?

Hayır. Sayfa Bot API'yi hiç çağırmaz. Bota yalnızca test aracını Telegram içinde Mini App olarak açmak istiyorsanız ihtiyacınız olur.