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