English 简体中文 繁體中文 한국 사람 日本語 Deutsch русский بالعربية TÜRKÇE português คนไทย french

简体中文 繁體中文 English 日本語 Deutsch 한국 사람 بالعربية TÜRKÇE คนไทย Français русский

回答

收藏

Telegram 小程序 | TypeScript @telegram-apps/sdk @2.x

开源社区 开源社区 12673 人阅读 | 0 人回复 | 2025-02-24

本帖最后由 riyad 于 2025-2-24 18:30 编辑
1 N6 L. z$ c3 e* o9 h  Z) q$ U' p5 j9 R0 t, b4 O3 D, I( y' q

从零开始制作的 TypeScript 库,用于与 Telegram 迷你应用程序 功能无缝通信。

该库的代码旨在简化开发人员与 Telegram 迷你应用程序交互的过程。 它由多个独立组件组成,每个组件负责 Telegram 迷你应用程序生态系统的特定 方面。

在开始使用 SDK 之前,我们强烈建议您先熟悉 Telegram Mini Apps 文档 以掌握平台的基本概念。

pnpm:

  1. pnpm i @telegram-apps/sdk
复制代码

npm:

  1. npm i @telegram-apps/sdk
复制代码

yarn :

  1. yarn add @telegram-apps/sdk
复制代码
先决条件

在深入了解本软件包的文档之前,建议 先熟悉以下软件包:

  • @telegram-apps/signals - 我们自己的 JavaScript 信号,在软件包中几乎随处可见 。
  • @telegram-apps/bridge - 与 Telegram 迷你应用程序的最底层通信层。 SDK 在引擎盖下使用它,并重新导出一些功能。- O9 v& \% r" y' n

* |1 O0 h8 K0 `2 F3 u& J使用示例
  1. <blockquote><blockquote><font size="3">import { init, backButton } from '@telegram-apps/sdk';! E- `( q$ `, K# q; q8 t) y
  2. + u& N  k9 r& s" O& b, ~
  3. // Init the package and actualize all global dependencies.+ d8 w9 a5 l! T7 Y) P  k
  4. init();  K7 [7 N) I% K/ F

  5. 1 H6 O5 w+ ]( D  r* ?1 {7 g
  6. // Mount the back button component and retrieve its actual$ m4 l. O( q* @/ S: A# i  F
  7. // state.6 _' E# B, L' o# A# k8 ]
  8. backButton.mount();; R" N5 F& M( o6 I2 ]+ j& M

  9. $ w* z* M# ?& n% f: q& ^& e
  10. // When a user clicked the back button, go back in the
    % R" P1 U3 F! k6 Y
  11. // navigation history.% A0 x$ h# ~6 l; m$ g
  12. const off = backButton.onClick(() => {( Y, O% s) z# j5 I7 J2 Y1 G# ~
  13.   off();! Z0 z0 r5 q- U1 z& Y- ^
  14.   window.history.back();" g! g- S5 S: U8 x1 o
  15. });</font>
复制代码
, f9 U' e7 n6 c* K
- f3 C7 ^% i2 M( Q4 h- h

, ]2 x! A2 W7 ~$ o4 ^/ w" o  U4 O1 g2 k: d" r9 K& c
  _3 \" x. m. w8 V7 y# G% ?
2 c1 \; I% ]1 {$ H0 g

: W; T0 Z  T0 S& x
分享到:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则