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

riyad

: B3 b6 s) S" m# i
$ W* [8 h# U' L/ y6 R

从零开始制作的 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 在引擎盖下使用它，并重新导出一些功能。
    D5 X$ U, [) M8 N) p0 L6 B6 p

使用示例​

1. <blockquote><blockquote><font size="3">import { init, backButton } from '@telegram-apps/sdk';
   
2. 
   / B* S* @  r) C, |( A9 z
3. // Init the package and actualize all global dependencies.
   * a, C5 W6 h' h/ B# f. J5 q0 u: i
4. init();
   
5. 
   
6. // Mount the back button component and retrieve its actual
   / a9 E) W( b3 ~% t- Y
7. // state.
   1 W. s" Q9 `. I3 o
8. backButton.mount();
   * s: u  o/ I- w! ^: [4 J  L. T2 Z
9. 
   
10. // When a user clicked the back button, go back in the
    6 |: v9 R, s# |
11. // navigation history.
    
12. const off = backButton.onClick(() => {
    
13.   off();
    
14.   window.history.back();
    , n" S; y; @8 D8 i9 D$ s
15. });</font>

复制代码

% C* c& i# w7 h7 |  h( Q- e; S* R2 n4 }

' K0 V! b  S! ]* y0 B
" A/ g  `' m3 v& i: T' F' }! l