Telegram 小程序 | TypeScript @telegram-apps/sdk @1.x | 组件 | 二维码扫码器

riyad

QRScanner​

提供 QR 扫描仪功能的组件。

初始化​

要初始化组件，请使用 initQRScanner 函数：

1. import { initQRScanner } from '@telegram-apps/sdk';
   + J, g# D  {& f9 J1 S- L7 @# a/ ]
2. 
   
3. const qrScanner = initQRScanner();

复制代码

打开和关闭​

要打开 QR 扫描仪，开发人员应使用 open 方法：

1. qrScanner.open('Scan QR code').then((content) => {
   ' B$ A6 H4 I( K, ~* n1 c# w, Z
2.   console.log(content);
   , c4 N0 p. i- p6 \2 |2 f. S/ U
3.   // Output: 'some-data=22l&app=93...'
   
4. });
   
5. console.log(qrScanner.isOpened); // true

复制代码

因此，该方法会返回一个承诺，一旦扫描到某个 QR ，该承诺就会被解析。 如果扫描仪已关闭，也可能解析为null。

允许传递一个带有可选属性 text 和 capture 的对象，该对象负责 ，以便在 QR 扫描仪中显示文本，并确定是否应捕获扫描的 QR 以及是否应履行承诺 。

1. qrScanner.open({
   
2.   text: 'Scan QR code',
     d& E, ]& }7 |# ]# Y, S3 U( B
3.   capture({ data }) {
   
4.     // Capture QRs contanining Telegram user link.
   
5.     return data.startsWith('https://t.me');
   
6.   }
   
7. }).then((qr) => {
   " O8 W8 G7 e  v' Y
8.   // May be something like 'https://t.me/heyqbnk' or null.
   : r& A5 O# K5 m; R
9.   console.log(qr);
   7 D5 D: R- M+ ^; c! U7 l
10. });

复制代码

要关闭扫描仪，请使用 close 方法：

1. qrScanner.close();
   4 o% H; @3 y  t* U8 a& s9 }; O7 x% X8 U
2. console.log(qrScanner.isOpened); // false

复制代码

* ~+ d  V  D. Q. y1 V( Y事件​

可被 跟踪 的事件列表：

事件	监听器	触发条件
change	() => void	组件中的某些部分发生了变化
change:isOpened	(value: boolean) => void	更改了 isOpened 属性

方法支持​

方法列表，可用于 支持检查：open 和 close

( L5 ^; Q/ T, f" p
% j' H. s' E  d
, M; R/ |% L6 F' A. G8 c# S