我們這一節(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)容類似，在我們搭建自助點(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)銷管理、支付設(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é)課是類似的，通過(guò)這兩個(gè)小程序搭建的練習(xí)，相信大家已經(jīng)熟練掌握了微擎搭建小程序的方法，從而可以搭建各種各樣的小程序了。微擎上搭建公眾號(hào)、網(wǎng)站之類的應(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í)，本站將立刻刪除。