作者:坚果 公众号:"大前端之旅" 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应用接口