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

riyad

$ r! s3 a; S' P' _& [6 G
; t3 j0 k1 I, w0 P2 t6 Z

从零开始制作的 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 在引擎盖下使用它，并重新导出一些功能。
  

& s) {) R1 p( k# @( g3 m使用示例​

1. <blockquote><blockquote><font size="3">import { init, backButton } from '@telegram-apps/sdk';
   
2. 
   
3. // Init the package and actualize all global dependencies.
   * c. ?, G; l. c2 P. V  e
4. init();
   
5. 
   
6. // Mount the back button component and retrieve its actual
   + B7 p- F3 i- P, A$ g% a' _/ S1 b
7. // state.
   $ H. ^6 }+ l& X
8. backButton.mount();
   ' |5 W5 r/ C$ b* S
9. 
   
10. // When a user clicked the back button, go back in the
    ! R, @5 Q# L4 e3 g) \3 |/ M
11. // navigation history.
    
12. const off = backButton.onClick(() => {
    . G6 u5 ^! l9 F- w9 g# ~
13.   off();
    4 @8 p, c; d# |  [6 t" }
14.   window.history.back();
    $ h' p6 J8 e$ t) m7 {1 x1 P
15. });</font>

复制代码

, b' M4 [+ h8 i- v# \$ ^

& U( f/ ]9 g+ a% Z7 n

" T+ B5 g' D* r1 a# |+ p3 h