基于小程序的合作式創新著書《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 技術，開發出一個擁有全新的創作體驗和視聽體驗，可多人續寫、多人參與一本書籍的創作的小程序，讓寫作也實現共同協作、共享發展的理念。同時還兼顧了出版服務等多元化方向，具有海納百川的服務體系、鮮明的應用特色、無窮的創作潛力。通過創作，為中國建設成為文化強國作出貢獻。