推荐一个鸿蒙即时通讯软件《果聊》,有点屌呢!!

2022-12-05 15:06:19 浏览数 (1)

作者:坚果 公众号:"大前端之旅" OpenHarmony布道师,华为云享专家,InfoQ签约作者,CSDN博客专家,开源项目GVA成员之一,专注于大前端技术的分享,包括Flutter,小程序,安卓,VUE,JavaScript。

1、前言

该项目是一款鸿蒙版即时通讯软件

首先可以来看一下我实现之后在DAYU200的运行效果,建议大家一键三连,支持一下坚果,毕竟坚果也不容易。

2、已实现的功能

1. 聊天界面

  • 消息列表
  • 聊天窗口

2. 联系人界面

  • 好友列表
  • 好友资料

3. 发现界面

  • 圈子

4. 我界面

  • 个人信息

5. 聊天界面

  • 聊天输入框
  • 聊天键盘

3.预览页面

闪屏页

登录页

注册页

聊天页

联系人页

发现页

i

i

设置

i

好友信息

i

关于

圈子页

聊天页

i

4.目录结构

代码语言:javascript复制
├── app.ets
├── common
│   ├── appBar.ets
│   ├── bottomTabs.ets
│   ├── messageBottom.ets
│   ├── moreLayout.ets
│   ├── optionItem.ets
│   └── utils
├── listitem
│   ├── ContactListItem.ets
│   ├── MessageListItem.ets
│   ├── MomentListItem.ets
│   └── SessionListItem.ets
├── model
│   ├── ContactModel.ets
│   ├── SessionModel.ets
│   ├── SystemModel.ets
│   └── data
│       ├── ContactData.ets
│       ├── MessageData.ets
│       ├── MomentData.ets
│       └── SessionData.ets
├── pages
│   ├── About.ets
│   ├── Login.ets
│   ├── Main.ets
│   ├── Message.ets
│   ├── Moments.ets
│   ├── QrCode.ets
│   ├── Register.ets
│   ├── Setting.ets
│   ├── UserInfo.ets
│   └── splash.ets
└── tabcontent
    ├── ContactTabContent.ets
    ├── DiscoveryTabContent.ets
    ├── MeTabContent.ets
    └── SessionTabContent.ets


5.后续规划

  • 增加表情
  • 圈子动态
  • 聊天界面
  • 会员中心
  • 国际化
  • 多主题

安装部署

1.代码编译运行步骤

1)下载此项目,链接。

2)开发环境搭建,开发工具:DevEco Studio 3.0 Beta4,SDK 请配置请参考配置OpenHarmony SDK 。

3)导入OpenHarmony工程:OpenHarmony应用开发,只能通过导入Sample工程的方式来创建一个新工程,具体可参考导入Sample工程创建一个新工程

4)OpenHarmony应用运行在真机设备上,需要对应用进行签名,请参考OpenHarmony 应用签名

参考资料

  • OpenHarmony 基于TS扩展的声明式开发范式
  • OpenHarmony应用接口

0 人点赞