# zapp

**Repository Path**: yardans/zapp

## Basic Information

- **Project Name**: zapp
- **Description**: 网站zfoo.com的开源后端代码，图片分享，好友聊天，群聊
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-06-09
- **Last Updated**: 2022-01-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### Ⅰ. zapp简介

- 之前做了一个资源图片分享和交友网站，由于不可抗因数倒闭了。
- 一怒之下就把前后端的代码都开源出来，顺便把数据库也开源了，开源开到裤衩。

### Ⅱ. 功能技术介绍

后端：

- 微信登录，微信公众号登录，微博登录，手机号码登录
- 全站https
- 手机短信验证
- 百度谷歌SEO，使用vue无需任何配置即可实现单页面的SEO，原理是使用puppeteer在服务端渲染页面
- 百度SEO主动推送
- 发图片，发视频，把大文件上传到oss上
- 聊天发图片，发视频，频道聊天，好友聊天，通过websocket实现
- spring boot
- zfoo rpc
- mongodb 4.2
- zookeeper 3.6.1

前端：

- [前端原代码](https://github.com/zfoo-project/zapp-web)
- PWA，自适应页面
- service worker实现
- vue, vuetify
- 百度和google页面统计

数据库和资源：

```
链接：https://pan.baidu.com/s/1pX0T-Ok_2Su-dz_9ghvfeg 
提取码：zfoo 
```

[B站视频介绍及运行教程](https://www.bilibili.com/video/BV1Y44y1z7zf?share_source=copy_web)

### Ⅲ. 适用项目

- 你可以轻易把这个项目改造成一个聊天室，博客，交友平台，具有高度的自定义
- 高度企业化的项目，本项目就是一个完整的企业开源项目

### Ⅳ. 功能截图

- 图片浏览
  ![Image text](seo-puppeteer/img/home.png)

- 大图预览
  ![Image text](seo-puppeteer/img/home1.png)

- 图片下载
  ![Image text](seo-puppeteer/img/home2.png)

- 视频播放
  ![Image text](seo-puppeteer/img/home3.png)

- 分享收藏和点赞
  ![Image text](seo-puppeteer/img/home4.png)

- 个人中心，资料，图片小圈子
  ![Image text](seo-puppeteer/img/home5.png)

- 分享图片和视频
  ![Image text](seo-puppeteer/img/home6.png)

- 好友聊天
  ![Image text](seo-puppeteer/img/home7.png)

- 群组聊天
  ![Image text](seo-puppeteer/img/home8.png)

- 频道聊天
  ![Image text](seo-puppeteer/img/home9.png)

- 聊天发视频发图片
  ![Image text](seo-puppeteer/img/home10.png)

- 登录/登出
  ![Image text](seo-puppeteer/img/home11.png)

### Ⅴ. 项目部署

- 首先必须用maven安装 [zfoo](https://github.com/zfoo-project/zfoo) 项目
- 将前端项目zapp-web打包，打包过后，放在后端项目zapp-web下的resources中的static目录
- 再将zapp用maven打包install成fatjar，所以每个项目只有一个jar包
- 最后使用命令直接运行，nohup java -Dspring.profiles.active=pro -jar ${jarPath} >/dev/null 2>&1 &
- -Dspring.profiles.active这个参数决定了用哪一个配置文件，pro代表使用 deploy-pro.properties 这个配置文件