BookChatApp 发行版 - 木兰确实

2021-04-06 20:37

# BookChatApp 介绍

`BookChatApp`，`BookChat`的uniapp实现版本，通用的书籍阅读 APP，不但拥有简洁美观的UI视觉呈现，还拥有堪比原生应用的性能体验，支持多端分发编译生成 Android 和 iOS 手机 APP，以及微信小程序（其它小程序也支持）

## 升级日志

本次升级，主要是完成对平板等设备横屏阅读的支持。

升级内容如下：

- [x] 实现各页面对平板等设备横屏的适配支持
- [x] 优化书签、书架等部分页面`loading`对用户体验的影响
- [x] 执行内容搜索时，自动隐藏键盘，以避免键盘对搜索结果的遮挡(APP发布之后测试发现部分设备还是没法正常隐藏...)
- [x] 埋下若干bug留待下一版本升级，避免下一版本无级可升

## 注意事项与说明

1. 不同版本的`HBuilderX`开发，可能展现页面效果不一样。本版本APP，使用`HBuilderX` v3.1.7 进行开发。
1. 当前`v1.7`版本需配套后端程序`BookStack` v2.10 及以上版本一起使用：https://www.oschina.net/news/126511/bookstack-2-10-released

## 相关链接

**BookChatApp 开源地址**

- Gitee: https://gitee.com/truthhun/BookChatApp
- GitHub: https://github.com/truthhun/BookChatApp

**BookChatApp 官网**：https://www.bookstack.cn

## 妹子照骗

### 书架横竖屏

![书架-竖屏.jpg](https://static.sitestack.cn/projects/help/202104/167344e7e017a65b.jpg "书架-竖屏.jpg")

------------------------

![书架-横屏.jpg](https://static.sitestack.cn/projects/help/202104/167344eaa6398406.jpg "书架-横屏.jpg")

-------------------------

### 书籍内容阅读

![书籍阅读-内容.jpg](https://static.sitestack.cn/projects/help/202104/167344ee02d25213.jpg "书籍阅读-内容.jpg")

------------------------

### 书籍目录

![书籍阅读-目录.jpg](https://static.sitestack.cn/projects/help/202104/167344f0cb854308.jpg "书籍阅读-目录.jpg")

------------------------

### 书籍阅读设置

![书籍阅读-设置.jpg](https://static.sitestack.cn/projects/help/202104/167344f2a4370121.jpg "书籍阅读-设置.jpg")

最后提交信息为：内容阅读页面样式微调

v1.6

e0bfbe2

2021-01-14 21:55

BookChatApp v1.6 发布，uni-app开发的通用书籍阅读程序

# BookChatApp 介绍

`BookChatApp`，`BookChat`的uniapp实现版本，通用的书籍阅读 APP，不但拥有简洁美观的UI视觉呈现，还拥有堪比原生应用的性能体验，支持多端分发编译生成 Android 和 iOS 手机 APP，以及微信小程序（其它小程序也支持）

## 升级日志

本次升级，主要是完善对微信小程序的兼容和支持，将BookChatApp中缺少的BookChat的功能迁移过来。

升级内容如下：

- [x] 在不影响内容排版的情况下实现对音频和视频播放的支持
- [x] 实现内容阅读页面的图片预览（行内图片和链接内图片不支持）
- [x] 增加微信端小程序微信登录的支持
- [x] 完善微信小程序分享功能
- [x] 补加小程序端版本升级检测和升级提示

## 注意事项与说明

1. 不同版本的`HBuilderX`开发，可能展现页面效果不一样，甚至可能会错乱。本版本APP，使用`HBuilderX` v2.9.8 进行开发。
1. 当前`v1.6`版本需配套后端程序`BookStack` v2.10 及以上版本一起使用：https://www.oschina.net/news/126511/bookstack-2-10-released

## 相关链接

**BookChatApp 开源地址**

- Gitee: https://gitee.com/truthhun/BookChatApp
- GitHub: https://github.com/truthhun/BookChatApp

**BookChatApp 官网**：https://www.bookstack.cn

**BookChatApp 小程序端体验**

![输入图片说明](https://images.gitee.com/uploads/images/2021/0114/215312_98c4ed9c_1593004.jpeg "wxcode.jpg")

## APP照骗

**音视频播放**

![输入图片说明](https://images.gitee.com/uploads/images/2021/0114/215527_967af425_1593004.png "微信图片_20210114215516.png")

**书架**

显示收藏的书籍分类，长按书籍可对书籍进行相关操作

![书架](https://images.gitee.com/uploads/images/2020/0513/210819_66f6436e_1593004.jpeg "微信图片_20200513210604.jpg")

**分享功能**

![share.png](https://images.gitee.com/uploads/images/2020/0324/231158_771adc22_1593004.png "share.png")

**个人中心**

![user.png](https://images.gitee.com/uploads/images/2020/0324/231203_fe77af86_1593004.png "user.png")

**排行榜单**

![rank.png](https://images.gitee.com/uploads/images/2020/0324/231205_d0500088_1593004.png "rank.png")

**书籍分类**

![category.png](https://images.gitee.com/uploads/images/2020/0324/231208_7f6479a6_1593004.png "category.png")

**书籍阅读**

![read.png](https://images.gitee.com/uploads/images/2020/0324/231215_7751245c_1593004.png "read.png")

最后提交信息为：组件图标加载优化

v1.5

e58d7e3

2020-05-13 21:03

BookChat v1.5 发布，uni-app 开发的书籍阅读APP

# BookChatApp 介绍

`BookChatApp`，使用uniapp开发的通用的书籍阅读 APP，不但拥有简洁美观的UI视觉呈现，还拥有堪比原生应用的性能体验，支持多端分发编译生成 Android 和 iOS 手机 APP

## 升级日志

- [x] 增加显示最近阅读的书籍
- [x] 移除书架书籍引起的书架空白问题的bug
- [x] 使用`ActionSheet`组件优化书架书籍管理方式
- [x] 增加类似通讯录的分类布局。（[修改配置方式](https://gitee.com/truthhun/BookChatApp/blob/master/pages/cate/cate.vue#L76)）
- [x] 修复 Android内容阅读亮度调节跳转系统设置的问题(APP请求的手机权限不足的问题造成)（[#I1DMRB](https://gitee.com/truthhun/BookChatApp/issues/I1DMRB)）
- [x] 书架收藏的书籍分类太多时，部分机型会出现分类换行显示，导致下边显示的书籍封面被盖住（[#I1DMRC](https://gitee.com/truthhun/BookChatApp/issues/I1DMRC)）

## 注意事项与说明

1. 不同版本的`HBuilderX`开发，可能展现页面效果不一样，甚至可能会错乱。本版本APP，使用`HBuilderX` v2.6.16 进行开发。
1. 当前`v1.5`版本需配套后端程序`BookStack` v2.8 版本一起使用： https://gitee.com/truthhun/BookStack/releases （预计下周发布）

## 相关链接

**BookChatApp 开源地址**

- Gitee: https://gitee.com/truthhun/BookChatApp
- GitHub: https://github.com/truthhun/BookChatApp

**BookChatApp 官网**：https://www.bookstack.cn

**BookChatApp 下载体验**

![BookChatApp](https://images.gitee.com/uploads/images/2020/0324/231158_716fff0e_1593004.png)

<code>BookChatApp</code> iOS 版本已经上架APP Store，可以在APP Store 搜索`BookChat`或`BookChatApp`进行下载体验。

Android 版本并未上架到各大Android市场，临时下载体验地址： https://www.bookstack.cn/app

## APP照骗

**书架**

显示收藏的书籍分类，长按书籍可对书籍进行相关操作

![书架](https://images.gitee.com/uploads/images/2020/0513/210819_66f6436e_1593004.jpeg "微信图片_20200513210604.jpg")

**分享功能**

![share.png](https://images.gitee.com/uploads/images/2020/0324/231158_771adc22_1593004.png "share.png")

**个人中心**

![user.png](https://images.gitee.com/uploads/images/2020/0324/231203_fe77af86_1593004.png "user.png")

**排行榜单**

![rank.png](https://images.gitee.com/uploads/images/2020/0324/231205_d0500088_1593004.png "rank.png")

**书籍分类**

![category.png](https://images.gitee.com/uploads/images/2020/0324/231208_7f6479a6_1593004.png "category.png")

**书籍阅读**

![read.png](https://images.gitee.com/uploads/images/2020/0324/231215_7751245c_1593004.png "read.png")

最后提交信息为： api请求是传递APP版本号

v1.4

7f8e97b

2020-03-24 23:12

BookChatApp v1.4 发布，uniapp开发的书籍阅读APP

# BookChatApp 介绍

`BookChatApp`，还用uniapp开发的通用的书籍阅读 APP，微信小程序[`BookChat`](https://gitee.com/truthhun/BookChat) 的 `uni-app` 实现版本；不但拥有简洁美观的UI视觉呈现，还拥有堪比原生应用的性能体验，支持多端分发编译生成 Android 和 iOS 手机 APP ~~以及各平台小程序~~（从本版本开始，不再考虑兼容H5和小程序）。

## 升级日志

1. 增加分享功能（见照骗）
1. 在书架显示收藏的书籍的分类（见照骗）
1. 修复书籍阅读页面无法调节屏幕亮度的问题
1. 增加新的榜单数据
1. 再次兼容uni-app `v3` 模式失败
1. 埋伏新的Bug，等待春天到来生根发芽

## 注意事项与说明

1. 不同版本的`HBuilderX`开发，可能展现页面效果不一样，甚至可能会错乱。本版本APP，使用`HBuilderX` v2.6.5 进行开发。
1. 当前`v1.4`版本需配套后端程序`BookStack` v2.7 版本一起使用： https://gitee.com/truthhun/BookStack/releases （预计下周发布）

## 相关链接

**BookChatApp 开源地址**

- Gitee: https://gitee.com/truthhun/BookChatApp
- GitHub: https://github.com/truthhun/BookChatApp

**BookChatApp 官网**：https://www.bookstack.cn

**BookChatApp 下载体验**

![BookChatApp](https://images.gitee.com/uploads/images/2020/0324/231158_716fff0e_1593004.png)

目前<code>BookChatApp</code> iOS 版本已经上架APP Store，可以在APP Store 搜索`BookChat`或`BookChatApp`进行下载体验。

Android 版本并未上架到各大Android市场，临时下载体验地址： https://www.bookstack.cn/app

## APP照骗

**分享功能**

![share.png](https://images.gitee.com/uploads/images/2020/0324/231158_771adc22_1593004.png "share.png")

**书架，显示收藏的书籍分类**

![bookshelf.png](https://images.gitee.com/uploads/images/2020/0324/231201_93bfe7de_1593004.png "bookshelf.png")

**个人中心**

![user.png](https://images.gitee.com/uploads/images/2020/0324/231203_fe77af86_1593004.png "user.png")

**排行榜单**

![rank.png](https://images.gitee.com/uploads/images/2020/0324/231205_d0500088_1593004.png "rank.png")

**书籍分类**

![category.png](https://images.gitee.com/uploads/images/2020/0324/231208_7f6479a6_1593004.png "category.png")

**书籍阅读**

![read.png](https://images.gitee.com/uploads/images/2020/0324/231215_7751245c_1593004.png "read.png")

最后提交信息为：书架分类显示优化

v1.3

8caccaf

2020-02-11 22:31

BookChatApp v1.3 发布，通用的书籍阅读APP，并附上妹子照骗

# BookChatApp 介绍

`BookChatApp`，通用的书籍阅读 APP，微信小程序[`BookChat`](https://gitee.com/truthhun/BookChat) 的 `uni-app` 实现版本；不但拥有简洁美观的UI视觉呈现，还拥有堪比原生应用的性能体验，支持多端分发编译生成 Android 和 iOS 手机 APP 以及各平台小程序。

使用 `BookChatApp`，您可以轻松地将您的电子书、文档手册和在线书籍分发到各个小程序平台，以及编译生成手机 APP 发布到各大手机软件市场供用户下载和使用。

## 升级日志

- [x] 增加签到功能
- [x] 增加榜单功能
- [x] 图书封面样式调整
- [x] `iOS`由 `UIWebView`更换为`WKWebView`
- [x] 自定义header，增加`home`键和`搜索按钮`
- [x] 书籍介绍页面显示书籍标签，以便用户快捷搜索
- [x] 收藏到书架的书籍，点击的时候直接跳转到书籍内容阅读页
- [x] 修复用户退出再用另外的账号登录的时候，书架不更新的问题
- [x] 用户个人中心，显示个人相关阅读时长等相关个人学习成就数据
- [x] 修复内容阅读设置，恢复默认值时，屏幕亮度没有跟着恢复的问题
- [x] 书籍列表、分类列表增加懒加载功能（之前懒加载使用姿势不正确）
- [x] 解决类似`mgt-30upx`等class样式不生效的问题，将此类class名更换为`mgt-30`
- [x] 使用`localstorage`的方式存储`app.globalData`，以避免`h5`下的一系列小问题

## 注意事项

1. 不同版本的`HBuilderX`开发，可能展现页面效果不一样，甚至可能会错乱。本版本APP，使用`HBuilderX` v2.5.1 进行开发。
1. 编译成手机APP的时候，不要使用uni-app的 `v3` 模式进行编译，因为`v3`刚出来，技术感觉还不是很成熟，使用`v3`模式编译的时候，APP阅读页面的内容渲染会出现错乱。
1. 当前`1.3`版本需配套后端程序`BookStack` v2.5 版本一起使用： https://gitee.com/truthhun/BookStack/releases （明天发布）

## 相关链接

**BookChatApp 开源地址**

- Gitee: https://gitee.com/truthhun/BookChatApp
- GitHub: https://github.com/truthhun/BookChatApp

**BookChatApp 官网**：https://www.bookstack.cn

**BookChatApp 下载体验**>

![BookChatApp](https://images.gitee.com/uploads/images/2020/0211/223048_39dc8924_1593004.png)

目前<code>BookChatApp</code> iOS 版本已经上架APP Store，可以在APP Store 搜索`BookChat`或`BookChatApp`进行下载体验。

Android 版本并未上架到各大Android市场，临时下载体验地址： https://www.bookstack.cn/app

## 妹子照骗

**首页**：当你向下滑动遮住搜索框的时候，顶部右上角显示搜索入口

![](https://images.gitee.com/uploads/images/2020/0211/223041_82dc2344_1593004.png)

**书架**：你的珍藏都放在这里，点击直接跳转内容页，不再跳转书籍介绍页

![](https://images.gitee.com/uploads/images/2020/0211/223039_55e690b4_1593004.png)

**个人主页**：你的阅读学习成就，一目了然

![](https://images.gitee.com/uploads/images/2020/0211/223031_77f51fb4_1593004.png)

**榜单**：当别人问你你算老几的时候，你甩一个排行给Ta瞧瞧

![](https://images.gitee.com/uploads/images/2020/0211/223030_c89a0d6f_1593004.png)

**内容**：外在美，内在也美，简洁的内容排版，清爽的阅读体验

![](https://images.gitee.com/uploads/images/2020/0211/223031_af7c3651_1593004.png)https://static.bookstack.cn

最后提交信息为：修改版本号

v1.2

9003be1

2019-10-22 07:37

BookChatApp v1.2 发布，uni-app 开发的书籍阅读APP，实现平板适配

## 介绍

BookChatApp，通用的书籍阅读 APP，BookChat 的 uni-app 实现版本，支持多端分发编译生成 Android 和 iOS 手机 APP 以及各平台的小程序。

使用 BookChatApp，您可以轻松地将您的电子书、文档手册和在线书籍分发到各个小程序平台，以及编译生成手机 APP 发布到各大手机软件市场供用户下载和使用。

## 升级日志

- [x] 内容阅读页面代码块显示优化
- [x] Banner等HTTP链接允许外部打开
- [x] APP版本升级提示（仅针对Android，iOS有App Store，不需要升级提示） 
- [x] 书架，长按可以将书籍从书架中移除
- [x] 平板适配
	- [x] 目录页            /pages/menu/menu
	- [x] 书籍阅读页         /pages/read/read
	- [x] 用户中心页         /pages/ucenter/ucenter
	- [x] 首页              /pages/index/index
	- [x] 分类页            /pages/cate/cate
	- [x] 书架页            /pages/bookshelf/bookshelf
	- [x] 列表页            /pages/list/list
	- [x] 个人主页          /pages/me/me
	- [x] 书签页            /pages/bookmarks/bookmarks
	- [x] 搜索结果页         /pages/search/search
	- [x] 内容点评页         /pages/comment/comment
	- [x] 404页            /pages/notfound/notfound
	- [x] 登录页            /pages/login/login
	- [x] 注册页            /pages/register/register
	- [x] 书籍介绍页         /pages/intro/intro
- [x] 平板适配微调
	- [x] `tab` 内边距太大
	- [x] 书架中书籍名称行高调整
	- [x] 搜索输入框优化
	
## 相关链接

BookChatApp 开源地址

<ul>
	<li>Gitee: <a href="https://gitee.com/truthhun/BookChatApp" target="_blank">https://gitee.com/truthhun/BookChatApp</a></li>
	<li>GitHub: <a href="https://github.com/truthhun/BookChatApp" target="_blank">https://github.com/truthhun/BookChatApp</a></li>
</ul>

**BookStackApp 官网**：https://www.bookstack.cn

BookChatApp 下载体验

目前<code>BookChatApp</code> iOS 版本已经上架APP Store，可以在APP Store 搜索`BookChat`或`BookChatApp`进行下载体验。

Android 版本并未上架到各大Android市场，临时下载体验地址： <a href="https://www.bookstack.cn/app" target="_blank">https://www.bookstack.cn/app</a>

## 图片预览

![输入图片说明](https://images.gitee.com/uploads/images/2019/1022/073639_09ca8040_1593004.png "index.png")

![输入图片说明](https://images.gitee.com/uploads/images/2019/1022/073653_7784f05f_1593004.png "cate.png")

![输入图片说明](https://images.gitee.com/uploads/images/2019/1022/073708_1e1ae55f_1593004.png "bookshelf.png")

![输入图片说明](https://images.gitee.com/uploads/images/2019/1022/073719_438e8494_1593004.png "read.png")

最后提交信息为：修复个人中心tab激活不正确的问题

v1.1

18c29ef

2019-10-18 07:52

BookChatApp v1.1 发布，小细节优化

最后提交信息为：调整图片大小

v1.0

26e68ce

2019-09-25 07:28

BookChatApp v1.0 发布，uni-app 开发的通用书籍阅读手机App，同时支持编译成各平台小程序

![](https://gitee.com/truthhun/BookChatApp/raw/master/static/images/logo.png)

通用书籍阅读APP，[BookChat](https://gitee.com/truthhun/BookChat) 的 `uni-app` 实现版本，支持多端分发，编译生成 Android 和 iOS 手机APP以及各平台的小程序。

使用`BookChatApp`，您可以轻松地将您的电子书、文档手册和在线书籍分发到各个小程序平台，以及编译生成手机APP发布到各大手机软件市场供用户下载和使用。

## 设计开发

`BookChatApp`的设计开发跟微信小程序[BookChat](https://gitee.com/truthhun/BookChat)几乎没有两样，如果有不一样的地方，
那就是从微信小程序的原生开发迁移到了使用`uni-app`的vue开发上来。

`BookChatApp`中对HTML内容的渲染，经过多次对性能和渲染效果体验的对比，最终没有采用网上开源的第三方渲染组件，直接使用了`uni-app`自带的`rich-text`组件，
而将`BookChatApp`编译成各平台的小程序的时候，同样也是用了各小程序平台的`rich-text`组件。

## 特点

- 开源：基于 Apache 2.0 开源协议进行开源，对商业友好
- 秀气：简洁、美观，给您焕然一新的视觉体验
- 丰富：注册、登录、搜索、书架、书签、阅读偏好设置等功能齐全，麻雀虽小，五脏俱全
- 强大：尽管`BookChatApp`使用的是混合开发，但是编译生成的手机App以及各平台的小程序，性能和体验也没见得真比原生的差

## 二次开发

可能您对现有程序的功能和主题色调不是很满意，或者有自己的一套UI设计方案，那么，您可以对`BookChatApp`进行二次开发，如果您对`Vue`熟悉。

### 后端程序

`BookChatApp`的配套后端程序是 [BookStack](https://gitee.com/truthhun/BookStack) v2.1 以上版本。

> 注意： BookStack 的安装部署，不是使用源码进行部署的，而是用编译好了的可执行程序进行部署，请到仓库的`release`去下载编译好了的程序。

`BookStack`的安装部署教程，看这里--> [BookStack安装部署](https://www.bookstack.cn/read/help/Ubuntu.md)

**BookStack 开源地址**

- Gitee: https://gitee.com/truthhun/BookStack
- GitHub: https://github.com/truthhun/BookStack

**BookStack 官网***

书栈网： https://www.bookstack.cn

### 二次开发基本步骤

1. 安装部署`BookStack`
1. 克隆下载`BookChatApp`源码
1. 使用`HBuilderX`打开项目文件夹
1. 将下载程序中的`config.example.js`文件重命名为`config.js`文件
1. 根据自己的开发环境，设置`host`配置项

> 如果是在开发环境，请把`debug`设置为true，编译生成生产程序的时候，把`debug`设置为false

### BookChatApp 开源地址

Gitee: https://gitee.com/truthhun/BookChatApp
GitHub: https://github.com/truthhun/BookChatApp

## 程序页面

- [x] 目录页            /pages/menu/menu
- [x] 书籍阅读页         /pages/read/read
- [x] 用户中心页         /pages/ucenter/ucenter
- [x] 首页              /pages/index/index
- [x] 分类页            /pages/cate/cate
- [x] 书架页            /pages/bookshelf/bookshelf
- [x] 列表页            /pages/list/list
- [x] 个人主页          /pages/me/me
- [x] 书签页            /pages/bookmarks/bookmarks
- [x] 搜索结果页         /pages/search/search
- [x] 内容点评页         /pages/comment/comment
- [x] 404页            /pages/notfound/notfound
- [x] 登录页            /pages/login/login
- [x] 注册页            /pages/register/register
- [x] 书籍介绍页         /pages/intro/intro

最后提交信息为：内容阅读渲染调整

进击的皇虫/BookChatApp