发布于 2026-01-05 5 阅读
0

聊天渐进式 Web 应用的功能

聊天渐进式 Web 应用

该应用的功能

大家好,

我用 React、NodeJS 和 Firebase 开发了一个聊天类渐进式 Web 应用,它有很多功能,比如推送通知。

点击链接,搜索我的名字“alaa”,然后和我聊天。

该应用程序在 GitHub 代码库中有非常详细的说明。

使用应用时,请不要忘记允许通知。

警告:本应用仅为开源项目,不具备删除账号的功能,且需使用谷歌账号登录,因此请使用虚假账号。您需对提供的数据负责!!!

链接:https://whatsappy-app.web.app/请允许通知!!!
由于 Firebase 或托管服务的免费额度已用尽,应用可能无法运行!!

GitHub:https://github.com/aladinyo/WhatsappyApp
给我一颗星⭐⭐⭐!!!

我们可以在评论区讨论这款应用。



该应用的功能

  • 实时向用户发送消息。
  • 你可以发短信。
  • 您可以发送图片。
  • 您可以发送语音消息。
  • 你点击聊天中发送的图片,它会流畅地动画移动到屏幕中央,以便你查看。
  • 您可以查看用户是在输入文字还是在录音。
  • 您可以录制一段音频并发送。
  • 您可以删除对话。
  • 您可以搜索用户。
  • 您可以查看用户的在线状态。
  • 您可以查看未读邮件。
  • 如果用户已阅读您的消息,您将在底部看到“已读”字样。
  • 您可以使用箭头按钮向下滚动聊天记录,还可以查看未读消息。
  • 发送语音消息时,音频滑块为灰色;接收语音消息时,音频滑块为绿色;接收方播放语音消息时,音频滑块变为蓝色。
  • 音频播放器会显示音频的完整时长,播放时还会显示当前时间。
  • 如果用户向您发送消息,您将收到通知。
  • 在对话中发送或接收消息时会播放声音。
  • 如果收到其他用户的消息,则会播放另一种声音。
  • 该应用支持离线使用,无需网络即可使用,但只能在联网状态下发送短信,只有重新联网后才会自动发送。
  • 最后,您可以点击主页上的向下箭头按钮,然后将该网络应用程序安装到您的设备上。
文章来源:https://dev.to/aladinyo/a-chat-progressive-web-app-50ac