Question

关闭电报网络应用程序的方法或事件

2022-08-16

5110

telegram telegram-bot

我使用 React Js 制作电报网络应用。我需要关闭电报网络应用并返回聊天的方法。我发现信息表明 window.Telegram.WebApp 中有方法 close。但是当我控制台时，它是未定义的。而且这种方法不起作用。甚至 console.log(window) 在电报网络应用中也没有返回任何内容

Answer 1

要使Telegram对象出现在Global 窗口 对象中，您必须在 ＆lt; head/＆gt; 标签中附加Telegram的脚本。您可以在这里。。

<尽管如此，只要将其代码视为最佳且可能易受伤害，我就不建议使用电报的脚本使用。为避免已知问题，您可以使用最新的打字稿库，例如 twa-sdk 或 twa-bridge 。

Answer 2

问题出在 TS 中的全局参数中需要声明

declare global {
  interface Window {
    Telegram: {
      WebApp: {
        close: () => void;
      }
    };
  }
}

Answer 3

<script>
Telegram.WebApp.MainButton
        .setText('CLOSE WEBVIEW')
        .show()
        .onClick(function(){ webviewClose(); });
</script>

<div id="buttons" style="margin-top:100px;">          
<button onclick="webviewClose();">Close</button>
</div>