BookChatApp 介绍

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

升级日志

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

升级内容如下：

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

注意事项与说明

1. 不同版本的HBuilderX开发，可能展现页面效果不一样。本版本APP，使用HBuilderX v3.1.7 进行开发。
2. 当前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

妹子照骗

书架横竖屏

书籍内容阅读

书籍目录

书籍阅读设置

BookChatApp 介绍

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

升级日志

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

升级内容如下：

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

注意事项与说明

1. 不同版本的HBuilderX开发，可能展现页面效果不一样，甚至可能会错乱。本版本APP，使用HBuilderX v2.9.8 进行开发。
2. 当前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 小程序端体验

APP照骗

音视频播放

书架

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

分享功能

个人中心

排行榜单

书籍分类

书籍阅读

BookChatApp 介绍

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

升级日志

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

注意事项与说明

1. 不同版本的HBuilderX开发，可能展现页面效果不一样，甚至可能会错乱。本版本APP，使用HBuilderX v2.6.16 进行开发。
2. 当前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 iOS 版本已经上架APP Store，可以在APP Store 搜索BookChat或BookChatApp进行下载体验。

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

APP照骗

书架

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

分享功能

个人中心

排行榜单

书籍分类

书籍阅读

BookChatApp 介绍

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

升级日志

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

注意事项与说明

1. 不同版本的HBuilderX开发，可能展现页面效果不一样，甚至可能会错乱。本版本APP，使用HBuilderX v2.6.5 进行开发。
2. 当前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 iOS 版本已经上架APP Store，可以在APP Store 搜索BookChat或BookChatApp进行下载体验。

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

APP照骗

分享功能

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

个人中心

排行榜单

书籍分类

书籍阅读

BookChatApp 介绍

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

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

升级日志

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

注意事项

1. 不同版本的HBuilderX开发，可能展现页面效果不一样，甚至可能会错乱。本版本APP，使用HBuilderX v2.5.1 进行开发。
2. 编译成手机APP的时候，不要使用uni-app的 v3 模式进行编译，因为v3刚出来，技术感觉还不是很成熟，使用v3模式编译的时候，APP阅读页面的内容渲染会出现错乱。
3. 当前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 iOS 版本已经上架APP Store，可以在APP Store 搜索BookChat或BookChatApp进行下载体验。

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

妹子照骗

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

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

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

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

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

https://static.bookstack.cn

介绍

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

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

升级日志

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

相关链接

BookChatApp 开源地址

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

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

BookChatApp 下载体验

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

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

图片预览

介绍

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

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

升级日志

• 修复登录前后，banner和关于我们的链接跳转不一样的问题
• iOS首次打开APP未授权网络访问的时候，首页每隔3秒轮询请求内容，避免出现空白
• 横幅大小，BookStack管理后台可控，APP根据后端设定的横幅宽高比例调整横幅大小
• 内容阅读 blockquote 标签优化

相关链接

BookChatApp 开源地址

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

BookChatApp 下载体验

目前BookChatApp已经编译成了iOS APP 和 Android APP，iOS版已上架APP store，Android版也托管到了蒲公英提供下载体验。

地址： https://www.bookstack.cn/app

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

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

设计开发

BookChatApp的设计开发跟微信小程序BookChat几乎没有两样，如果有不一样的地方，
那就是从微信小程序的原生开发迁移到了使用uni-app的vue开发上来。

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

特点

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

二次开发

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

后端程序

BookChatApp的配套后端程序是 BookStack v2.1 以上版本。

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

BookStack的安装部署教程，看这里--> BookStack安装部署

BookStack 开源地址

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

BookStack 官网*

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

二次开发基本步骤

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

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

BookChatApp 开源地址

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

程序页面

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