# ZeroOneApp

**Repository Path**: qincji/ZeroOneApp

## Basic Information

- **Project Name**: ZeroOneApp
- **Description**: 鸿蒙应用0-1开发 - 对“睡好点”项目的重新学习，分享个人APP从接触鸿蒙应用到最后上应用市场的技术和经验。
- **Primary Language**: TypeScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 19
- **Forks**: 6
- **Created**: 2024-06-12
- **Last Updated**: 2025-06-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 鸿蒙应用0-1开发 —— 对已上线“睡好点”应用的整理。

### 本项目后台请前往：[ZeroOneServer](https://gitee.com/qincji/ZeroOneServer)

#### 介绍

鸿蒙应用开发经验分享：入门、基础框架搭建与封装、常用工具、简单后台服务器等等。

#### “睡好点”项目效果

![](./article/demo.gif)

**更多详细效果请在请用市场搜索——“睡好点”。**

#### “睡好点”项目主要已实现功能：

- 框架：使用系统路由，Navigation + Tabs 框架搭建多module，实现沉浸式主题、全局只有一个@Entry、禁止返回弹窗、loading 等。
- 录音：开启后台长时录音，使用多线程 worker 进行计算并保存PCM数据。
- 播放：播放本地 wav 音频文件、播放音乐。
- 日记：通过日记形式记录并分析当月/天的睡眠情况。
- 头像：通过拍照和选择相册形式获取图片，并且压缩到指定大小后转 base64 进行保存。
- 后台：使用 magic-api 搭建的 Spring Boot 后台服务，为应用提供了广告页、公告弹窗、应用升级等接口。
- 网络：对 axios 进一步封装，适配 magic-api 数据结构的基础网络请求框架。
- 组件：自定义组件 NoisePattern ，用于开启或关闭录音并显示当前音量；使用 mpchart 以图示展现睡眠质量等。
- 其他：API 12，状态管理 V1（以迁移至V2，V1版本请看提交记录）。

#### 文章

- [第1篇：鸿蒙APP开发怎么样开始？](./article/001/index.md)
- [第2篇：如何使用Navigation+tab搭建路由页面？](./article/002/index.md)
- [第3篇：手把手教你如何实现对Navigation路由框架的封装！（推荐：第6篇）](./article/003/index.md)
- [第4篇：对话框是每个项目的基础，那么禁止系统返回的对话框应该如何实现呢？](./article/004/index.md)
- [第5篇：实现沉浸式效果](./article/005/index.md)
- [第6篇：Navigation系统路由表（推荐）](./article/006/index.md)
- [第7篇：常用工具篇（上）](./article/007/index.md)
- [第8篇：常用工具篇（下）](./article/008/index.md)

> 注意：文章相应示例代码无法搜索到请

- [第9篇：自定义可左右滑动的日历控件](./article/009/index.md)
- [第10篇：状态管理V1全面迁移至V2](./article/010/index.md)

---------

## 鸿蒙开发相关资源

##### 开发语言

| 名称&地址                                                                                                   | 说明                      |
|---------------------------------------------------------------------------------------------------------|-------------------------|
| [JavaScript](https://github.com/linghuam/boutique-books/blob/master/b06-JS与NodeJS/JavaScript高级程序设计.pdf) | JavaScript高级程序设计（在线pdf） |
| [TypeScript](https://www.tslang.cn/docs/home.html#google_vignette)                                      | 在线手册                    |
| **[ArkTS](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V13/learning-arkts-V13)**       | 官方文档                    |
| **[仓颉](https://developer.huawei.com/consumer/cn/doc/cangjie-guides-V5/_u5165_u95e8-V5)**                | 官方文档                    |

##### 工具/文档/案例

| 名称&地址                                                                                                                  | 说明                  |
|------------------------------------------------------------------------------------------------------------------------|---------------------|
| [开发工具](https://developer.huawei.com/consumer/cn/download/)                                                             | 鸿蒙开发相关工具下载          |
| [开发文档](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V13/application-dev-guide-V13?catalogVersion=V13) | 开发指南文档              |
| [多端部署/适配](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V13/foreword-V13?catalogVersion=V13)           | 官方文档                |
| [开发案例](https://gitee.com/harmonyos-cases/cases)                                                                        | 官方开发案例项目地址          |
| [第三方开源库](https://ohpm.openharmony.cn/#/cn/home)                                                                        | openharmony中央仓库     |
| [开发者论坛](https://developer.huawei.com/consumer/cn/forum/block/harmonyos-next)                                           | Harmonyos NEXT开发者论坛 |
| [常见问题手册](https://developer.huawei.com/consumer/cn/doc/architecture-guides/develop-0000002069402102)                    | 行业实践与常见问题           |
| [AppGallery](https://developer.huawei.com/consumer/cn/service/josp/agc/index.html#/)                                   | 上架服务等               |

##### 开发者课堂/视频课程

| 名称&地址                                                                                                                 | 说明                                        |
|-----------------------------------------------------------------------------------------------------------------------|-------------------------------------------|
| [Tech Talk（直播回放）](https://developer.huawei.com/consumer/cn/download/)                                                 | 非常重要知识点分析，如：UI 渲染原理、性能优化、IDE 使用、多端适配等     |
| [在线课程](https://developer.huawei.com/consumer/cn/training/result?courseType=5&orderBy=1&type1List=101718934267126043)  | 官方多种课程，如 ArkTS 基础开发，Node-API与 Native 开发等等 |
| [开发者认证](https://developer.huawei.com/consumer/cn/training/result?courseType=5&orderBy=1&type1List=101718934267126043) | 开发者初级和高级认证的地址（找工作必备）                      |

##### 其他

| 名称&地址                                                                                                        | 说明       |
|--------------------------------------------------------------------------------------------------------------|----------|
| [ArkTS 编程规范](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V13/arkts-coding-style-guide-V13) | 码一手漂亮的代码 |