我正在构建一个应用程序,该应用程序既可以作为网络应用程序,也可以作为电报迷你应用程序。 Telegram miniapp 具有某些特殊功能或特性,例如 initData ,即
window.Telegram.WebApp.initData
以及其中所有可用的功能。要访问这些,网络应用程序应该托管一个电报迷你应用程序,这需要网络应用程序处于活动状态。
这不方便开发和测试。
有没有一种方法可以让我将本地主机链接作为电报迷你应用程序并运行它。
或者测试和开发 Telegram 小程序的最佳方法是什么。
这可以使用 Ngrok
来完成步骤:
转到 ngrok.com 并注册。
注册后,使用 ngrok 仪表板中提供的步骤安装和配置 ngrok。
在您的项目中安装 ngrok npm 包。
将此添加到scripts下的package.json
"ngrok":"ngrok http http://localhost:port-number"
注意:使用您的应用程序在系统的本地主机上运行的端口号。如果您的应用程序在
localhost:3000
上运行,请使用端口 3000
在本地服务器
npm run dev
或npm run start
或其他地方启动您的应用程序。
在项目中打开新终端并启动ngrok
npm run ngrok
在 ngrok 终端,您将看到一个 URL,例如 - https://ee44-103-153-36-62.ngrok-free.app
您的本地主机现在被转发到此网址,您可以使用此网址在电报中作为迷你应用程序网址提供。