# 仿微信H5

**Repository Path**: foway/imitating-wechat-h

## Basic Information

- **Project Name**: 仿微信H5
- **Description**: 仿微信App
- **Primary Language**: NodeJS
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2021-07-21
- **Last Updated**: 2021-07-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 高仿微信计划

##### 如何运行：

```sh
1.克隆项目
$ git clone https://github.com/aoteman-web/WeChat-imitate-.git
2.运行服务端
$ cd WeChatServe
$ npm install
$ node index.js
3.运行前端项目
使用Hbuilder打开运行
```

##### 框架：

**uniapp：前端开发应用框架**

借助插件：

1.（仿微信朋友圈模版）https://ext.dcloud.net.cn/plugin?id=166

2.（云图 - 通讯录插件）https://ext.dcloud.net.cn/plugin?id=1604

3.（uni-collapse 折叠面板）https://ext.dcloud.net.cn/plugin?id=23

4. （uni-list 列表）https://ext.dcloud.net.cn/plugin?id=24

**koa2：基于node.js的服务端应用程序**

借助中间件：

1.koa2  

2.koa-router   路由是用于描述 `URL` 与处理函数之间的对应关系

3.koa-body     帮助解析http中body的部分

4.fs       文件操作的封装（文件读取、写入、更名、删除、遍历目录、链接等）

5.path      设置静态资源目录

6.koa-bodyparser    解析请求体

7.koa-static       处理静态资源

##### 目前功能：

1.添加好友（附加上传头像）
![输入图片说明](https://images.gitee.com/uploads/images/2021/0702/103617_9dbd902a_7949921.png "image-20210630154208384.png")

2.上传建议与反馈

![输入图片说明](https://images.gitee.com/uploads/images/2021/0702/103644_ce9dbe1d_7949921.png "image-20210630154351704.png")

3.查看帮助
![输入图片说明](https://images.gitee.com/uploads/images/2021/0702/103700_c1384a83_7949921.png "image-20210630154421265.png")

4.通讯录

![输入图片说明](https://images.gitee.com/uploads/images/2021/0702/103715_672c6717_7949921.png "image-20210630154451802.png")

5.消息界面

![输入图片说明](https://images.gitee.com/uploads/images/2021/0702/103732_f48c7bfd_7949921.png "image-20210630154535130.png")

6.上传朋友圈

![输入图片说明](https://images.gitee.com/uploads/images/2021/0702/103744_770758c5_7949921.png "image-20210630154717412.png")

7.朋友圈展示

![输入图片说明](https://images.gitee.com/uploads/images/2021/0702/103755_6662de5b_7949921.png "image-20210630154740333.png")