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

基于小程序的合作式创新著书《VR 合书》创作与搭建＊一文创作于：2023-04-12 06:34:51，全文字数：14467。

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

��参与续写的全部书籍。

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

《基于小程序的合作式创新著书《VR 合书》创作与搭建＊》在线阅读地址：基于小程序的合作式创新著书《VR 合书》创作与搭建＊