基于小程序的合作式创新著书《VR 合书》创作与搭建＊

覃振滨，殷宇航

（1.广西大学行健文理学院，广西 南宁 530000；2.广西大学数学与信息科学学院，广西 南宁 530004）

1 设计背景

小程序已经嵌套了面向众多产业的功能，唯独写书还是停留在几年前的传统写作模式上，已经无法满足用户对科技前沿的体验感和创作外生驱动力需求；对于写作、著书，由于方方面面压力的制约，非专业作家无法坚持地实现写作任务和目标。如果结合两方面，外加外生功能，嵌套新兴技术，便可凝成合力，实现双赢，提高社会福利，增进国民体验，拉动创新产业。

对于写作著书方面，有文章报道表明：截至2021年12 月，中国网民总体规模持续增长，规模达10.32亿，互联网普及率达73.0%[1]。

同时，中国网络文学用户人数持续增长，截至2020年，中国网络文学用户规模为4.6 亿人，手机网络文学用户规模达到4.3 亿人，手机网民经常使用的各类APP中，网络文学的占比达到了9%[2]。日均活跃用户约757.75 万人，累计创作2 905.9 万部网络文学作品，网络文学作者累计超2 130 万人[3]。

2020 年11 月，党的十九届五中全会对文化建设从战略和全局上作了规划和设计，明确提出到2035 年建成文化强国的战略目标[4]。近年来，中国网络文学共向海外传播作品10 000 余部。其中，实体书授权超4 000部，上线翻译作品3 000 余部。截至2021 年底，疫情期间，海外网文作家数量增长超3 倍，其中“00 后”占比接近60%[5]。

由此可见，随着自媒体时代的到来，写作的高度自由性、全息性和开放性是网络写作的基本特征。虽然创作门槛已经降低，但出版书籍呈现出低水平、低质量的增长，主要是因为当前写作环境清一色，没有创新没有活力，主要原因就在于传统写作思想“一人一书”，所以，笔者依托开发一个新的写作环境，实现多人续写，制作一款创新型《ⅤR 合书》小程序。

2 设计思路

2.1 设计流程

小程序的开发使用JSP 作为后端开发，JSP 的特点是不需要专门的客户端，也不需Java 运行环境，因为JSP 输出到页面是标准的HTML 文件，方便配合小程序的前端使用。

2.2 模块功能

小程序管理后台包括新增空白文章、新增特定内容的书籍开头、分种类显示书籍、根据书籍类型和关键字筛选书籍、编辑书籍、删除书籍、查看书籍浏览量。

商品管理后端功能如下：①分页展示书籍。将每一本书籍都展示在主页面中，并且限制当前页面，只显示部分商品，点击换页按钮可以实现浏览剩下的商品。②新增书籍种类。点击进入增加新增商品品类的网页中并填写表单添加即可成功添加商品品类。③新增书籍。点击进入增加新增书籍的网页中并填写表单添加即可成功添加书籍（包括上传书籍封面和书籍介绍）。④根据书籍种类和关键字筛选书籍。该功能与前端的差别就是不仅可以通过种类或关键字筛选出想要的商品，还可以联合筛选（品牌和关键字的内容同时进行筛选）。⑤编辑书籍。类似于新增书籍，点击进入编辑书籍界面后，类似于新增书籍的页面，进行表单数据的更改后提交即可编辑成功。⑥删除书籍。点击展示的书籍的当前行中的删除按钮即可删除该书籍。⑦查看书籍占比。点击查看书籍占比即可生成一个新页面来展示书籍（通过饼图按百分比展示）。

每个功能之间都是紧密联系、不可分的。首先是分页展示书籍功能和点击书籍或输入书籍名筛选书籍功能，要筛选出书籍，就必须要有展示书籍的功能。再其次，如果要展示书籍，就必须要有书籍的增加、编辑等；书籍删除的前提也是拥有书籍，查看书籍占比也必须要有书籍才能进行实现。

管理员登录后页面可以展示所有书籍信息，并且可对书籍进行新增、删除、编辑，根据书籍种类和关键字筛选书籍等操作（其他模块不赘述），来给小程序前端中的用户展示信息，同时也可以查看饼图来了解各书籍在数据库的占比。

2.3 设计思路

小程序搭配使用MySQL 数据库进行文章、评论和用户数据的存储。因为现阶段MySQL 数据库的社区版是免费的，且微信小程序拥有以下6 个优势：①不用安装，即开即用，用完就走。省流量，省安装时间，不占用桌面。②触手可及。用户通过扫码或者公众号等形式直接进入小程序，实现线下场景与线上应用的即时联通。③对于整个团队来说，因为小程序有成熟的方案且底层基于HTML、CSS 和JavaScript，开发成本更低，团队可以将更多财力、人力、精力放在如何运营好产品，做好内容本身。④对于用户来说，相较于各种APP，微信小程序UI 和操作流程会更统一，这也会降低用户的使用难度。⑤可以随时打开。当你需要的时候，在微信中有10 大入口50 个小入口让你随时找到它。⑥小程序对用户的服务路径最短。

3 UI 设计

整体的前端UI 界面分为书籍主页、书籍分类、我的书架、个人中心四大部分。

3.1 书籍主页

书籍主页从上至下依次为搜索框、循环轮播图、热门书籍。通过搜索框可以搜索具体的书籍以及用户名，使用搜索功能的时候会记录下搜索历史，方便下次使用直接进行操作。搜索框下面的轮播图用来播放最近热门的书籍和热门的续写，也可以用来广播平台近期动态。再下来便是最近热度高的书籍，最近的书籍由运营人员进行阅读量和点赞评论的数据对比后显示在首页吸引更多人阅读。

3.2 书籍分类

底栏从左到右第二部分为书籍分类。书籍分类界面左边为书籍的分类，例如武侠、科幻、悬疑、古传、当代，用户可以直接选择自己感兴趣的书籍进行阅读。

3.3 我的书架

底栏从左到右第二部分为我的书架，在这里会显示用户最近阅读添加的书籍以及创作的续写，方便用户直接找到未阅读完的书籍和续写书籍，同时也增加批量管理和全选的按钮，提供给用户一键清除的操作。

3.4 个人中心

底栏的最右边则为个人中心界面，用户要进行点赞评论写书等操作，就需要在个人中心登录。登录则直接调用微信小程序的官方接口，调用wx.login()获取临时登录凭证code，并回传到小程序后端的MySQL数据库。

个人中心的界面分为消息中心、浏览历史、我的积分、申请审核、帮助反馈、用户协议等等。消息中心可以查看别人的评论并进行回复，还可以查看自己发出的评论。浏览历史可以选择查看阅读过的书籍、点赞过的书籍和评论。进行评论和续写操作可以获得积分，用户续写稿件的质量和通过率越高，就可以获得更多积分，高积分的用户可以解锁更高难度文章的续写机会以及后期书籍出版后获得一定的版权。申请审核界面用来提交做平台审核。帮助反馈界面则用来提供常见问题的回答，例如怎么进行续写操作、续写完成该如何发布等等，以及提供意见反馈的通道。

3.5 书籍界面

点进一本书籍后，从上到下为书籍的封面，书籍的数据（例如字数、点赞数、评论数等等），书籍的介绍，听书、读书、写书的跳转按钮，最下面则为参与续写的用户，点进用户主页还可以看到该用户所参与续写的全部书籍。

3.6 听书界面

听书界面最上面为返回和分享按钮。分享功能方便一键将本书分享给微信好友，中间则是书籍的封面和书籍的内容，下面则为播放暂停，以及更多功能里面的快进、倍速播放等。

3.7 读书界面

读书界面采用上下滑动翻页的设计，单击屏幕显示阅读进度，拖动滑块可以快速选择章节，屏幕底栏有目录、设置、深色模式切换按钮。点击目录可以看到当前书籍的章节，设置里可以调节字体大小、背景，可切换阅读方式为上下滑动或者左右翻页。点击深色模式即可切换为深色模式，方便用户晚上阅读。

3.8 写书界面

写书界面最上面为书籍的名称，左右两边的按钮可以快速切换续写的书籍，中间则为输入框，底下为输入、背景、保存、发布4 个按钮。点击背景可以切换动态和默认的输入背景；保存按钮可以保存当前续写的进度，方便下次进行续写；发布按钮则是发布续写完成的文章进行审核。

3.9 总结

用户首次打开小程序即可进行阅读，如果想进行点赞、评论、续写文章等操作，则需要登录。登录成功后，则可以进行点赞和评论的操作。如若要续写文章，则需要先填写个人资料进行审核，防止续写时出现涉政敏感信息，例如危害社会主义制度，攻击、否定、违背中国特色社会主义制度，攻击党和国家领导人，涉及“台独”“港独”“藏独”“疆独”，损害国家及军警形象，破坏社会稳定等内容。所有用户续写的文章里面，应由运营人员进行审核过后再发布。

本小程序核心的亮点为：与ⅤR 技术的结合，智能识别当前阅读和续写书籍的内容，切换背景和播放音乐，展现和文章相匹配的场景，营造氛围感。用户可通过ⅤR 视角翻书、聆听、沉浸式阅读。

4 小程序的开发与上线

4.1 小程序的开发

小程序的开发使用微信开发者工具。

4.1.1 UI 设计

UI 设计，即我们看到小程序都会有界面、版面布局、颜色搭配、图标等等。

4.1.2 前端开发

前端开发即把设计的UI 还原成有代码的页面以及用户在小程序里面可以操作的按钮。比如搜索会执行的MySQL 查询命令、听书会播放音频等等。

4.1.3 后台以及数据库

比如可以通过后台可以给小程序添加一些内容，可以查询每天有多少用户编写文章，有哪些新用户等等。数据库的作用主要是用于存储小程序里面的数据。如果还用到一些小程序的API 接口，则必须把API 接口开发加入进去。

4.1.4 开发小结

小程序的前端源码使用微信官方的微信开发者工具进行开发，由于小程序的底层是基于HTML、CSS和JavaScript，所以编写起来和网页大致一样，只是部分函数和交互需要做适当变更。

如果之前用过Ⅴue 或者react，看着文档写微信小程序不会很难。整体开发思路很相似，包括其中的一些语法，基本上都是一样的。但是笔者们开发的时候没有用框架，用的是原生的微信小程序语言。而且微信小程序有很多自己的API，比如图片上传、下载、音频等等，项目中用到的时候再找文档就来得及。

这次微信小程序开发的难点应该就是登录。如果把登录流程弄明白了，再开发其他的功能，基本上就是时间的问题了。

4.2 服务器的配置

平台上线首先需要有一台服务器，这里需要做以下五项准备工作。

第一，在阿里云购买一台ECS 云服务器，这里选择使用CentOS 操作系统，分配公网IPv4 地址，按使用流量计费，这样能降低花销。购买成功后，重置实例密码，使用SSH 连接工具FinalShell 进行连接。输入服务器的IP 地址、用户名和实例密码即可登录。

第二，连接上服务器后，需要给服务器安装宝塔面板方便管理操作。打开宝塔面板的官网，点击立即安装到服务器，复制CentOS 的安装脚本粘贴到FinalShell 里回车执行即可自动安装（大约需要2 min，根据网络和性能而定）。

第三，宝塔面板安装完成后，在FinalShell 输入命令bt，即可看到宝塔面板的选项，选择对应序号查看面板的登录账号和密码进行登录。

第四，首次登录后便会弹出需要安装的插件，选勾选Nginx 和MySQL 选择编译安装，等待2 h 左右安装完成，到这里服务器已经配置完成。

第五，在阿里云选择购买一个域名，将域名解析定位到购买的云服务器IP。

4.3 小程序的注册审核

网页搜索打开微信公众平台，扫码登录，填写个人信息，注册小程序，首次注册小程序需要验证主体身份，支付300 元认证费。

认证成功后，便可获取APP ID（小程序ID）。下载使用微信开发者工具，填入获取的APP ID 进行开发。完成小程序的整体开发后，便需要在微信平台上线。

开发完成后，在微信开发者工具右上角点击上传，即可提交到微信官方平台进行审核，审核通过后，打开程序开发设置，在服务器配置里面，填上购买的域名。

登录宝塔面板，点击网站→添加站点，配置为购买的域名才可以与小程序进行网络通信。勾选安装数据库提交，这样在微信搜索打开小程序即可进行访问。

5 结语

微信小程序有“无需安装，即点即用”的特点，极大地方便了开发者和用户的使用。随着互联网的进一步发展，小程序开发者能够获取到的权限也在慢慢增加，方便开发者创造更多的功能。

小程序中使用ⅤR 技术，开发出一个拥有全新的创作体验和视听体验，可多人续写、多人参与一本书籍的创作的小程序，让写作也实现共同协作、共享发展的理念。同时还兼顾了出版服务等多元化方向，具有海纳百川的服务体系、鲜明的应用特色、无穷的创作潜力。通过创作，为中国建设成为文化强国作出贡献。