基于微信小程序的公益服務平臺的設計與實現

林合斌　胡逸　廖健龍　謝瑞靈

摘要：針對廣州市特殊兒童相關公益活動的知情程度較低、公益活動的信息獲取難度較大、公益項目報名方式不統一、不夠透明等問題，設計了一款基于微信小程序的公益服務平臺。該平臺在微信客戶端運行，依托微信廣大的用戶基數與強大的小程序開發API接口，實現了對廣州各大公益活動的信息進行統一整理，允許用戶集中查看活動詳情與報名，讓更多愛心人士及時了解特殊兒童的公益項目活動動向，擴大參加公益活動人群。為公益人士提供便捷、信息化的使用體驗。

關鍵詞：微信小程序;服務平臺;信息整理;移動端

引言

微信小程序是一種全新的連接用戶與服務的方式，它是附屬于微信 App 的功能，可直接在微信上測試和運行，具有無需安裝卸載、即開即用的特點。騰訊官方為開發者提供了微信開發者工具，用于小程序普通開發和云開發，其中，云開發無需搭建服務器，使用平臺提供的應用程序接口（API）即可開發核心業務，實現小程序的快速上線和迭代。

特殊兒童是指與正常兒童在智力、感官、情緒、肢體、行為或語言等方面與正常兒童有顯著差異的各類兒童。在2011年中山大學和廣州殘聯開展的流行病學調查發現，在廣州市普通幼兒園自閉癥患病率為1/133。特殊兒童是折翼的天使，需要來自于我們更多的關愛。而當前社會中對于關愛特殊兒童的公益活動信息多而雜亂，普通群體很難從眾多信息中過濾有用的信息。這無疑加大了廣大愛心人士幫助特殊兒童的阻力，也不利于關愛特殊兒童公益事業的長久發展。

近年來，隨著公益志愿服務事業的迅速發展，志愿服務已成為社會生活領域發展不可分割的重要組成部分。微信求助、網絡籌款等互聯網公益形式日益興盛，民眾也可以通過網絡發聲，積極參與到社會公益活動中，以全民公益為目標的微公益理念應運而生。因此，志愿服務工作所覆蓋的范圍越來越廣，從中受益的人也越來越多。但志愿服務的現狀尚不能滿足社會公益的發展需要，如新冠肺炎疫情暴發期間，出現了信息不對稱、互聯網公益數據庫缺失、相關法律法規不完善等問題，引發了巨大社會輿論。因此，開展新型志愿服務模式，提供充分有效的志愿信息，創建新型的志愿服務平臺迫在眉睫。隨著“互聯網+”和“大數據”的不斷發展，利用網絡平臺，聯結潛在志愿者與公益需求，打通志愿服務線上線下“瓶頸”，促進有效對接，是目前市場所需的關鍵。

1 系統分析與設計

1.1系統開發分析

微信小程序或移動終端 App 開發工具，均可用于開發公益服務平臺。

由于APP開發周期長、成本高，因此平臺功能有限，可擴展性低。在推廣過程中需要下載才可以使用，導致平臺推廣難度大、用戶下載使用意愿低，在實際應用過程中效果不佳。

若使用 App 開發工具開發軟件系統，由于不同的移動終端使用不同的操作系統（如 Android、IOS 等），導致需要根據不同的操作系統開發相應的軟件，同時還需要進行嚴格的版本管理，數據庫開發、軟件開發成本較高，下載安裝麻煩，普及困難。

使用微信小程序開發的軟件系統具有如下優勢：

（1）開發的小程序適配性高，在微信中使用，無需下載安裝，不占用內存、不受操作系統的限制;

（2）微信小程序提供的云服務器使得數據存儲、數據查看高效快捷;

易學性高，開發成本低。

（3）微信用戶基數大，依托微信平臺的公益服務小程序傳播效果更好、傳播范圍更廣。

互聯網PC時代，用戶通過電腦網頁獲取信息，基于電腦服務器帶來的網絡體驗，較目前來看極其笨重不便。手機應用軟件使用時，需要下載并占用手機內部儲存空間，但對于現階段渴望多種需求的用戶而言，手機軟件占用的內存空間居高不下，也會影響到用戶體驗。微信小程序目前處于手機應用軟件時代的發展飽和時期，抓住手機軟件發展的漏洞，做到“觸手可及”“隨處可用”的特點，利用微信掃一掃或搜一搜的功能，無須下載過程，不占據手機內存，為用戶帶來高滿足感的體驗。

進入互聯網時代，網絡社交的特性擴大了公益傳播中的信息量與接收范圍，并增加了參與者所能感受的互動性。這種新型公益方式扎根于網絡交流，具有節約時間成本與物質成本的特點。對于青年志愿者，這些創新型公益更具吸引力，是近年來青年公益發展的推動力之一。

綜上，本文結合實際需要，選擇基于微信小程序開發工具來開發此公益服務平臺。

1.2設計原則

（1）功能完備性原則。系統應具備清晰、簡潔的人機交互界面，提供使用者實際工作中需要的功能。

（2）可靠實用性原則。系統能夠長期安全、可靠、穩定地運行、實現數據收集和活動內容展示功能，真正提供便捷化的公益活動報名服務。

（3）簡單易用性原則。系統應操作簡便、靈活、易學易用，能夠讓不同學歷使用者快速掌握并使用。

1.3開發流程

系統開發流程如圖1所示。

2 系統功能模塊與實現

2.1功能模塊

公益服務平臺功能模塊分為信息展示模塊、用戶預約行為模塊、用戶信息模塊，如圖2所示。

（1）信息展示模塊。信息展示模塊主要呈現小程序功能說明文本與當前的公益活動項目，幫助用戶理解平臺使用方法，并展示公益活動項目的具體內容。如圖3所示。

（2）用戶預約行為模塊。用戶首次登錄平臺后需要錄入基本信息。當用戶報名公益活動時，小程序將會把用戶的基本信息提交至相應平臺報名，并展示該活動相關負責人老師的聯系方式，供用戶直接聯系活動開展方。

（3）用戶信息模塊。用戶個人信息通過微信小程序開發提供的云服務器API存儲用戶的單位、地址、聯系方式、姓名和年齡等數據，當用戶的報名成功后，活動主辦方可以通過這些信息聯系用戶方。

2.2功能實現

該系統通過對互聯網上零碎的公益活動消息進行收集匯總，并將詳細信息展示于活動信息板塊。用戶通過驗證登錄并留存個人信息后可對平臺中的活動預約報名。報名成功后用戶的聯系方式將遞交給主辦 方，并可以查看報名情況和活動詳細時間。如圖 4 所示。

微信小程序的開發采用的是 wxml、wxss、js三種代碼共同編譯的方法。其中，wxml用于描述當前頁面的結構;wxss 用于描述頁面的樣式;js用于處理頁面和用戶間的邏輯交互，并且通過代碼完成調用微信小程序云數據庫API與認證API接口的操作，實現用戶登錄、信息錄入、驗證用戶等行為。

2.2.1頁面樣式實現

如圖 5 所示，在活動頁面的wxml代碼中包括了視圖容器view控件，對每一個活動展示卡劃分為一個card 容器，并在wxss中設定card選擇器樣式大小、透明度。每一個card容器內包含Image、Info、Title、date、button五個控件，并在wxss內統一規劃這五個控件在card容器中的布局。頁面背景圖片通過background-image設定。

2.2.2頁面邏輯實現

（1）用戶登錄邏輯設計思路

用戶點擊登錄按鈕，通過微信getUserProfile接口獲取用戶手機號，并向后端API發送HTTP請求，后端返回一串驗證碼，輸入正確驗證碼后顯示登錄成功提示標志。如圖6所示。

（2）后端驗證碼接口設計思路

驗證碼的發送依托騰訊短信云服務器API。首先先在騰訊云中注冊并開通短信服務，設置短信簽名，新建應用并獲取SDK ID。當小程序向Django后端發送HTTP 請求時，后端檢驗手機號后會生成隨機四位數并調用騰訊云API短信云服務器發送至用戶手機中。驗證碼校驗核心代碼如圖7所示。

（3）用戶錄入信息思路

用戶第一次登錄從未填寫過信息需要填寫基本信息。通過設定globalData全局變量初始值為null判斷是否需要填寫信息，當值為null時，通過wx：if接口跳入信息錄入窗口，信息錄入窗口由表單控件form控制，當點擊提交button時，input框內的所有detail.value值將修改globalData中的基本信息，再次點擊個人信息時顯示錄入完畢的信息。

3 應用效果

該公益服務平臺于2021年6月10日正式上線，在華立校園校內進行推廣使用，取得了較好的反響。該公益服務平臺很好地將廣州市內時下正在舉行或者將要舉行的關愛特殊兒童公益活動信息進行了收集匯總，并將報名人士的基本信息進行了匯總，方便了主辦方核對與統籌安排。本小程序提供的平臺詳細得介紹了公益活動的具體內容與細節，使得用戶能夠快速獲取所有關于該活動的信息與細節，大大拉近了社會愛心人士與公益活動之間的距離，使得人們更方便也更容易地投入到愛心公益事業中去。也促進了相關公益事業的發展，擴大了公益慈善事業的利益，吸引更多的投資者加入到公益事業中去。

4 結束語

本公益服務平臺由微信小程序打造，依托于龐大的微信用戶基數與龐大的市場，皆在為了宣傳與吸引更多的人們關注我們身邊的特殊兒童，關注離我們最近的公益活動。很顯然，那些不能以普通人的眼光與要求去看待的特殊兒童在各方面所遇到的困難與偏見不僅僅是我們投身于公益活動就可以改變的，但是我們也希望所有的特殊兒童、特殊群體都能夠被廣大社會所接受、幫助與認同。希望能夠有更多的人們對他們有所了解，發自內心地愿意去幫助他們。

參考文獻

[1]微信公眾平臺網站.微信小程序開發文檔[EB/OL].https：//mp.weixin.qq.com/debug/wxadoc/dev/api

[2]趙佳寶，孟楠.公益志愿服務的運營模式及發展研究[J].經營與管理.2021，（04）：1-3.

[3]劉建東.基于微信小程序的校園服務平臺設計與應用[J].電子世界.2021，（08）：1-2.

[4]劉儀，張雪冰.大數據背景下微信小程序的應用與分析[J]無線互聯科技.2021，18（07）：2-4.

[5]張雯婷，黃悅迪，韓雨蓉.互聯網時代的大學生公益互動平臺研究[J].科學大眾（科學教育）.2019，（02）：2-4.