我們這一節(jié)課的內(nèi)容主要是教大家搭建一款自助點(diǎn)餐的小程序。移動(dòng)支付是未來(lái)的趨勢(shì),而手機(jī)點(diǎn)餐用起來(lái)非常方便,備受消費(fèi)者的青睞。那么餐飲行業(yè)的老板做一個(gè)自助點(diǎn)餐的小程序,客人入座后即可拿手機(jī)掃一掃點(diǎn)餐、下單、自助結(jié)賬,非常的便捷。接下來(lái)我們就來(lái)搭建一款自助點(diǎn)餐的小程序吧!
準(zhǔn)備:
域名已備案
SSL證書(shū)(已申請(qǐng)并安裝https)
服務(wù)器(已搭建BT寶塔和環(huán)境配置)
微擎平臺(tái)(已架設(shè))
小程序賬號(hào)(已注冊(cè)配置)
小程序開(kāi)發(fā)工具(已安裝)
微信支付(涉及交易環(huán)節(jié)需要)
自助點(diǎn)餐小程序源碼
步驟:
和我們上一節(jié)課的內(nèi)容類(lèi)似,在我們搭建自助點(diǎn)餐小程序前,我們需要注冊(cè)一個(gè)餐飲行業(yè)的小程序賬號(hào)。
第一步,登錄你BT寶塔后臺(tái),把deam_food文件夾壓縮打包成ZIP格式,再上傳到你的微擎網(wǎng)站addons文件夾下,并解壓。
第二步,打開(kāi)微擎后臺(tái),進(jìn)入系統(tǒng),點(diǎn)擊小程序應(yīng)用,找到未安裝的應(yīng)用,自助點(diǎn)餐小程序,點(diǎn)擊安裝應(yīng)用模塊,并根據(jù)流程安裝。
第三步,點(diǎn)擊系統(tǒng),點(diǎn)擊微信小程序,選擇手動(dòng)添加小程序,新建單個(gè)小程序。
第四步,把我們注冊(cè)的餐飲小程序賬號(hào)資料填寫(xiě)進(jìn)來(lái),并再填加應(yīng)用中選擇自助點(diǎn)餐小程序,點(diǎn)擊下一步,生成新的小程序版本。
第五步,進(jìn)入自助點(diǎn)餐小程序,先設(shè)置系統(tǒng)資料,把系統(tǒng)設(shè)定、門(mén)店管理、幻燈片管理、營(yíng)銷(xiāo)管理、支付設(shè)置、商品管理、員工管理等填寫(xiě)完整后,我們?cè)賮?lái)設(shè)置前端信息。
后臺(tái)搭建完成,接下來(lái)就進(jìn)入前端代碼的配置及上傳審核了。
前端配置:
第一步,打開(kāi)微信web開(kāi)發(fā)者工具,登錄,選擇導(dǎo)入項(xiàng)目,打開(kāi)目錄選擇自助點(diǎn)餐小程序文件夾內(nèi)的wxapp文件夾,輸入小程序AppID。
第二步,找到siteinfo.js文件,把uniacid與acid換成微擎消息推送配置的id,下面的網(wǎng)站域名換成你自己的域名即可。
第三步,點(diǎn)擊編譯測(cè)試一下效果,在右上角點(diǎn)擊上傳代碼,上傳完成后,在微信公眾平臺(tái)小程序賬號(hào)后臺(tái)可以提交發(fā)布或設(shè)置為體驗(yàn)版。
第四步,提交審核后,等待官方審核通過(guò),再手動(dòng)發(fā)布小程序,小程序就正式上線了。
小結(jié):這一節(jié)課的內(nèi)容和上一節(jié)課是類(lèi)似的,通過(guò)這兩個(gè)小程序搭建的練習(xí),相信大家已經(jīng)熟練掌握了微擎搭建小程序的方法,從而可以搭建各種各樣的小程序了。微擎上搭建公眾號(hào)、網(wǎng)站之類(lèi)的應(yīng)用都是相同的流程,大家可以嘗試著去操作一下。
版權(quán)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn),該文觀點(diǎn)僅代表作者本人。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權(quán)/違法違規(guī)的內(nèi)容, 請(qǐng)發(fā)送郵件至 舉報(bào),一經(jīng)查實(shí),本站將立刻刪除。