Project Icon

telegram-tt

轻量级多平台 Telegram Web 客户端

telegram-tt 是一个开源的轻量级 Telegram Web 客户端项目,曾在 Telegram 轻量级客户端竞赛中获得一等奖。它采用自研的 Teact 框架和定制版 GramJS,实现了 WebSocket、Web Workers 和 WebAssembly 等先进 Web 技术。该项目支持多平台,提供多级缓存、PWA、语音录制和媒体流等功能。作为 Telegram 官方客户端之一,用户可通过 web.telegram.org/a 访问使用。

Telegram Web A

该项目在 Telegram 轻量级客户端竞赛 中获得一等奖 🥇,现在已成为官方 Telegram 客户端,任何人都可以在 web.telegram.org/a 使用。

根据原始竞赛规则,它几乎没有依赖项,完全基于自己的 Teact 框架(重新实现了 React 范式)。它还使用了自定义版本的 GramJS 作为 MTProto 实现。

该项目包含许多技术先进的功能、现代 Web API 和技术:WebSocket、Web Worker 和 WebAssembly、多级缓存和 PWA、语音录制和媒体流、密码学和原始二进制数据操作、乐观和渐进式界面、复杂的 CSS/Canvas/SVG 动画、响应式数据流等等。

欢迎探索、提供反馈和贡献。

本地设置

mv .env.example .env

npm i

my.telegram.org 获取 API ID 和 API hash,并填入 .env 文件。

开发模式

npm run dev

从控制台调用 API

启动开发服务器并在控制台上下文中找到 GramJS worker。

所有构造函数和函数都可在全局 GramJs 变量中使用。

运行 npm run gramjs:tl full 以访问所有可用的 Telegram 请求。

示例用法:

await invoke(new GramJs.help.GetAppConfig())

Electron

Electron 允许构建可以在 Windows、macOS 和 Linux 上安装的原生应用程序。

NPM 脚本

  • npm run dev:electron

在开发模式下运行 Electron,同时启动 3 个进程并监视变更:main(主 Electron 进程)、renderer(前端代码)和 Webpack for Electron(将主 Electron 进程从 TypeScript 编译)。

  • npm run electron:webpack

Electron 的主进程代码(包括预加载功能)使用 TypeScript 编写,并使用 webpack-electron.config.js 配置编译为 JavaScript 代码。

  • npm run electron:build

准备 renderer(前端代码)构建,编译 Electron 主进程代码,安装和构建原生依赖项,在打包或发布前使用。

  • npm run electron:staging

dist-electron 文件夹中为 macOS、Windows 和 Linux 创建包,APP_ENV 设置为 staging(允许打开 DevTools,包含源码映射且不压缩构建的 JavaScript 代码),可用于手动分发和测试打包的应用程序。

  • npm run electron:production

dist-electron 文件夹中为 macOS、Windows 和 Linux 创建包,APP_ENV 设置为 production(禁用 DevTools,压缩构建的 JavaScript 代码),可用于手动分发和测试打包的应用程序。

  • npm run deploy:electron

dist-electron 文件夹中为 macOS、Windows 和 Linux 创建包,并发布版本到 GitHub,支持自动更新。更多信息请参见 GitHub 发布工作流

MacOS 上的代码签名

要为应用程序签名,请按以下步骤操作:

  • /certs 文件夹中的证书安装到钥匙串的 login 文件夹中。
  • Apple PKI 页面下载并安装 Developer ID - G2 证书。
  • 在钥匙串应用程序中,转到与开发者证书关联的私钥。然后执行 key > Get Info > Access Control。确保您的应用程序(Xcode)在 Always allow access by these applications 列表中,并确保 Confirm before allowing access 已开启。
  • 发布应用程序时,将自动使用钥匙串中有效且适当的身份。

更多信息请参阅官方文档

MacOS 上的公证

应用程序公证在 electron-builder 模块中自动完成,需要传递 APPLE_IDAPPLE_APP_SPECIFIC_PASSWORD 环境变量。

如何获取应用特定密码:

  • 登录 appleid.apple.com
  • 在"登录和安全"部分,选择"应用特定密码"。
  • 选择"生成应用特定密码"或选择添加按钮,然后按照屏幕上的步骤操作。

GitHub 发布

GitHub 访问令牌

要发布新版本,需要将 GitHub 访问令牌添加到 .env 中。通过访问 https://github.com/settings/tokens/new 生成 GitHub 访问令牌。访问令牌应具有 repo 范围/权限。获得令牌后,将其分配给环境变量:

# .env
GH_TOKEN="{YOUR_TOKEN_HERE}"
发布设置

src/electron/config.yml 配置文件中的发布配置允许设置 GitHub 仓库所有者/名称。

发布工作流程
  • 运行 npm run electron:publish,这将创建新的草稿版本并将构建产物上传到新创建的版本。创建的版本将与 package.json 中的版本相同。
  • 完成后,发布该版本。GitHub 将标记最新提交。

依赖项

错误报告和建议

如果您发现此应用程序有任何问题,请使用 建议平台 告知 Telegram。

项目侧边栏1项目侧边栏2
推荐项目
Project Cover

豆包MarsCode

豆包 MarsCode 是一款革命性的编程助手,通过AI技术提供代码补全、单测生成、代码解释和智能问答等功能,支持100+编程语言,与主流编辑器无缝集成,显著提升开发效率和代码质量。

Project Cover

AI写歌

Suno AI是一个革命性的AI音乐创作平台,能在短短30秒内帮助用户创作出一首完整的歌曲。无论是寻找创作灵感还是需要快速制作音乐,Suno AI都是音乐爱好者和专业人士的理想选择。

Project Cover

有言AI

有言平台提供一站式AIGC视频创作解决方案,通过智能技术简化视频制作流程。无论是企业宣传还是个人分享,有言都能帮助用户快速、轻松地制作出专业级别的视频内容。

Project Cover

Kimi

Kimi AI助手提供多语言对话支持,能够阅读和理解用户上传的文件内容,解析网页信息,并结合搜索结果为用户提供详尽的答案。无论是日常咨询还是专业问题,Kimi都能以友好、专业的方式提供帮助。

Project Cover

阿里绘蛙

绘蛙是阿里巴巴集团推出的革命性AI电商营销平台。利用尖端人工智能技术,为商家提供一键生成商品图和营销文案的服务,显著提升内容创作效率和营销效果。适用于淘宝、天猫等电商平台,让商品第一时间被种草。

Project Cover

吐司

探索Tensor.Art平台的独特AI模型,免费访问各种图像生成与AI训练工具,从Stable Diffusion等基础模型开始,轻松实现创新图像生成。体验前沿的AI技术,推动个人和企业的创新发展。

Project Cover

SubCat字幕猫

SubCat字幕猫APP是一款创新的视频播放器,它将改变您观看视频的方式!SubCat结合了先进的人工智能技术,为您提供即时视频字幕翻译,无论是本地视频还是网络流媒体,让您轻松享受各种语言的内容。

Project Cover

美间AI

美间AI创意设计平台,利用前沿AI技术,为设计师和营销人员提供一站式设计解决方案。从智能海报到3D效果图,再到文案生成,美间让创意设计更简单、更高效。

Project Cover

稿定AI

稿定设计 是一个多功能的在线设计和创意平台,提供广泛的设计工具和资源,以满足不同用户的需求。从专业的图形设计师到普通用户,无论是进行图片处理、智能抠图、H5页面制作还是视频剪辑,稿定设计都能提供简单、高效的解决方案。该平台以其用户友好的界面和强大的功能集合,帮助用户轻松实现创意设计。

投诉举报邮箱: service@vectorlightyear.com
@2024 懂AI·鲁ICP备2024100362号-6·鲁公网安备37021002001498号