公眾號(hào)小程序百科-公眾號(hào)小程序制作

公眾號(hào)小程序

公眾號(hào)小程序是依附在公眾號(hào)上的一個(gè)輕量級(jí)應(yīng)用。它可以幫助公眾號(hào)提供更多互動(dòng)性、便捷性的服務(wù)，比如在線預(yù)約、購(gòu)物、信息查詢等。用戶無(wú)需下載安裝，可直接通過(guò)微信訪問(wèn)，實(shí)現(xiàn)了應(yīng)用 “觸手可及” 的理念。

1. 公眾號(hào)小程序制作

明確需求與規(guī)劃：在制作公眾號(hào)小程序前，需明確其功能和目標(biāo)用戶群體。例如，若為餐飲企業(yè)制作，核心功能可能是在線點(diǎn)餐、預(yù)約座位等，目標(biāo)用戶就是周邊居民、上班族等。

準(zhǔn)備工作：要擁有已認(rèn)證的公眾號(hào)賬號(hào)，無(wú)論是訂閱號(hào)還是服務(wù)號(hào)都可。同時(shí)，準(zhǔn)備好小程序名稱、簡(jiǎn)介等基本信息。

注冊(cè)小程序：登錄微信公眾平臺(tái)，在左側(cè)菜單欄找到 “小程序” 選項(xiàng)，點(diǎn)擊 “立即創(chuàng)建”，選擇小程序類型后，填寫相關(guān)信息。

開(kāi)發(fā)方式選擇：可選擇自己開(kāi)發(fā)，需要掌握 WXML、WXSS、JavaScript 等技術(shù)，使用微信官方提供的開(kāi)發(fā)工具進(jìn)行開(kāi)發(fā)56。若沒(méi)有開(kāi)發(fā)能力，也可找專業(yè)的第三方平臺(tái)或開(kāi)發(fā)者代為開(kāi)發(fā)。

設(shè)計(jì)與開(kāi)發(fā)：自行開(kāi)發(fā)的話，需進(jìn)行界面設(shè)計(jì)，確保界面簡(jiǎn)潔、美觀、易用。接著編寫代碼實(shí)現(xiàn)各項(xiàng)功能，并整合后端服務(wù)，如需與數(shù)據(jù)庫(kù)交互，要開(kāi)發(fā)相應(yīng)的后端服務(wù)以確保數(shù)據(jù)流暢與安全。開(kāi)發(fā)完成后需針對(duì)各個(gè)設(shè)備進(jìn)行全面測(cè)試，保證功能完備、性能優(yōu)良。

提交審核與發(fā)布：完成測(cè)試后，在微信公眾平臺(tái)后臺(tái)找到 “我的小程序”，點(diǎn)擊 “提交審核”。審核通過(guò)后，點(diǎn)擊 “發(fā)布”，即可正式上線。

2. 公眾號(hào)小程序登錄

開(kāi)通小程序功能：進(jìn)入微信公眾平臺(tái)官網(wǎng)，在菜單欄中選擇 “設(shè)置 - 帳號(hào)信息 - 小程序管理”，點(diǎn)擊 “申請(qǐng)小程序” 按鈕，填寫小程序名稱、APPID、開(kāi)發(fā)者類型等相關(guān)信息，提交審核并等待審核通過(guò)。

登錄小程序后臺(tái)：在微信公眾平臺(tái)官網(wǎng)上找到已開(kāi)通的小程序并點(diǎn)擊進(jìn)入，點(diǎn)擊右上角的 “進(jìn)入小程序后臺(tái)” 按鈕，輸入微信開(kāi)發(fā)者賬號(hào)密碼即可登錄。

了解后臺(tái)管理界面：登錄后臺(tái)后，概況頁(yè)面可查看小程序的基本信息、訪問(wèn)量等數(shù)據(jù)。開(kāi)發(fā)頁(yè)面能進(jìn)行小程序的代碼開(kāi)發(fā)、上傳等操作。運(yùn)營(yíng)頁(yè)面可進(jìn)行頁(yè)面配置、內(nèi)容管理、審核等操作。數(shù)據(jù)分析頁(yè)面則能查看用戶數(shù)量、留存率、轉(zhuǎn)化率等數(shù)據(jù)。

在小程序中引入微信公眾號(hào)：在小程序代碼中添加相關(guān)代碼引入微信公眾號(hào)，進(jìn)入微信公眾平臺(tái)官網(wǎng)，在菜單欄中選擇 “設(shè)置 - 公眾號(hào)設(shè)置 - 功能設(shè)置”，開(kāi)啟 “關(guān)聯(lián)小程序” 功能，選擇對(duì)應(yīng)的小程序，完成公眾號(hào)與小程序的綁定。

3. 公眾號(hào)小程序開(kāi)發(fā)

開(kāi)發(fā)前準(zhǔn)備：在微信公眾號(hào)平臺(tái)mp.weixin.qq.com注冊(cè)小程序，完成注冊(cè)后可同步進(jìn)行信息完善，包括填寫小程序基本信息，如頭像、介紹及服務(wù)范圍等。同時(shí)，完成小程序開(kāi)發(fā)者綁定、開(kāi)發(fā)信息配置后，開(kāi)發(fā)者可下載開(kāi)發(fā)者工具、參考開(kāi)發(fā)文檔進(jìn)行開(kāi)發(fā)和調(diào)試。

小程序代碼構(gòu)成：

JSON 配置文件：以.json 后綴的文件，是一種數(shù)據(jù)格式，在小程序中扮演靜態(tài)配置的角色。如 app.json 是當(dāng)前小程序的全局配置，包括所有頁(yè)面路徑、界面表現(xiàn)、網(wǎng)絡(luò)超時(shí)時(shí)間、底部 tab 等;project.config.json 是工具配置文件，可記錄開(kāi)發(fā)者在工具上的個(gè)性化配置;page.json 用于表示和小程序頁(yè)面相關(guān)的配置。

WXML 模板文件：以.wxml 后綴的文件，充當(dāng)類似 HTML 的角色，用于描述頁(yè)面的結(jié)構(gòu)，使用 view、button、text 等標(biāo)簽，還多了 wx:if 等屬性以及 {{}} 這樣的表達(dá)式。

WXSS 樣式文件：以.wxss 后綴的文件，用于描述頁(yè)面的樣式，可對(duì)頁(yè)面中的組件進(jìn)行樣式設(shè)置。

JS 腳本邏輯文件：以.js 后綴的文件，用于處理頁(yè)面和用戶的交互，實(shí)現(xiàn)小程序的各種邏輯功能。

開(kāi)發(fā)流程：除了前期的準(zhǔn)備工作，開(kāi)發(fā)中要根據(jù)需求設(shè)計(jì)小程序的界面。開(kāi)發(fā)者使用微信小程序官方提供的開(kāi)發(fā)工具進(jìn)行代碼編寫。開(kāi)發(fā)完成后需進(jìn)行嚴(yán)格測(cè)試，確保在不同設(shè)備、不同場(chǎng)景下功能都能正常運(yùn)行。測(cè)試通過(guò)后提交代碼至微信團(tuán)隊(duì)審核，審核通過(guò)即可發(fā)布。

公眾號(hào)小程序相關(guān)問(wèn)答

問(wèn)：公眾號(hào)小程序如何免費(fèi)開(kāi)通?

答：目前沒(méi)有完全免費(fèi)開(kāi)通公眾號(hào)小程序的途徑，但注冊(cè)等基礎(chǔ)操作是不收費(fèi)的。首先要注冊(cè)微信公眾號(hào)，如果已有公眾號(hào)則可跳過(guò)此步。登錄微信公眾平臺(tái)(mp.weixin.qq.com)，點(diǎn)擊 “立即注冊(cè)”，選擇訂閱號(hào)或服務(wù)號(hào)等類型進(jìn)行注冊(cè)4。注冊(cè)好公眾號(hào)后，登錄微信公眾平臺(tái)，在左側(cè)菜單欄找到 “小程序” 選項(xiàng)，點(diǎn)擊 “立即創(chuàng)建”，按提示填寫小程序名稱、賬號(hào)信息等相關(guān)信息即可完成小程序的注冊(cè)。后續(xù)若涉及開(kāi)發(fā)，自己開(kāi)發(fā)需購(gòu)買開(kāi)發(fā)工具等，費(fèi)用幾百到幾千元不等;找第三方平臺(tái)或開(kāi)發(fā)者代為開(kāi)發(fā)，費(fèi)用一般在幾千到幾萬(wàn)元不等。

問(wèn)：公眾號(hào)小程序和服務(wù)號(hào)有什么區(qū)別?

答：從開(kāi)發(fā)角度，公眾號(hào)服務(wù)號(hào)需要一個(gè)獨(dú)立的服務(wù)號(hào)賬戶，使用專用的 Web 門戶來(lái)設(shè)置和管理帳戶信息，通過(guò)面向第三方應(yīng)用的 API 訪問(wèn)平臺(tái)功能;小程序開(kāi)發(fā)環(huán)境(IDE)易于使用，開(kāi)發(fā)者可使用類似網(wǎng)頁(yè)開(kāi)發(fā)的前端技術(shù)直接開(kāi)發(fā)，開(kāi)發(fā)完成后一次性注冊(cè)即可上傳到微信服務(wù)器。從用戶體驗(yàn)看，小程序啟動(dòng)和加載快，可直接嵌入微信聊天，還能離線運(yùn)行;服務(wù)號(hào)操作可能需多次跳轉(zhuǎn)，代碼在服務(wù)器運(yùn)行，等待時(shí)間長(zhǎng)，界面和交互設(shè)計(jì)也有局限。從功能用途講，服務(wù)號(hào)主要用于推廣品牌、吸引粉絲、發(fā)布信息和用戶互動(dòng);小程序更側(cè)重于功能和用戶體驗(yàn)，能包含各種應(yīng)用場(chǎng)景和功能