我們這一節(jié)課的內(nèi)容主要是教大家搭建一款自助點餐的小程序。移動支付是未來的趨勢，而手機點餐用起來非常方便，備受消費者的青睞。那么餐飲行業(yè)的老板做一個自助點餐的小程序，客人入座后即可拿手機掃一掃點餐、下單、自助結(jié)賬，非常的便捷。接下來我們就來搭建一款自助點餐的小程序吧!

準備：

域名已備案

SSL證書(已申請并安裝https)

服務器(已搭建BT寶塔和環(huán)境配置)

微擎平臺(已架設(shè))

小程序賬號(已注冊配置)

小程序開發(fā)工具(已安裝)

微信支付(涉及交易環(huán)節(jié)需要)

自助點餐小程序源碼

步驟：

和我們上一節(jié)課的內(nèi)容類似，在我們搭建自助點餐小程序前，我們需要注冊一個餐飲行業(yè)的小程序賬號。

第一步，登錄你BT寶塔后臺，把deam_food文件夾壓縮打包成ZIP格式，再上傳到你的微擎網(wǎng)站addons文件夾下，并解壓。

第二步，打開微擎后臺，進入系統(tǒng)，點擊小程序應用，找到未安裝的應用，自助點餐小程序，點擊安裝應用模塊，并根據(jù)流程安裝。

第三步，點擊系統(tǒng)，點擊微信小程序，選擇手動添加小程序，新建單個小程序。

第四步，把我們注冊的餐飲小程序賬號資料填寫進來，并再填加應用中選擇自助點餐小程序，點擊下一步，生成新的小程序版本。

第五步，進入自助點餐小程序，先設(shè)置系統(tǒng)資料，把系統(tǒng)設(shè)定、門店管理、幻燈片管理、營銷管理、支付設(shè)置、商品管理、員工管理等填寫完整后，我們再來設(shè)置前端信息。

后臺搭建完成，接下來就進入前端代碼的配置及上傳審核了。

前端配置：

第一步，打開微信web開發(fā)者工具，登錄，選擇導入項目，打開目錄選擇自助點餐小程序文件夾內(nèi)的wxapp文件夾，輸入小程序AppID。

第二步，找到siteinfo.js文件，把uniacid與acid換成微擎消息推送配置的id，下面的網(wǎng)站域名換成你自己的域名即可。

第三步，點擊編譯測試一下效果，在右上角點擊上傳代碼，上傳完成后，在微信公眾平臺小程序賬號后臺可以提交發(fā)布或設(shè)置為體驗版。

第四步，提交審核后，等待官方審核通過，再手動發(fā)布小程序，小程序就正式上線了。

小結(jié)：這一節(jié)課的內(nèi)容和上一節(jié)課是類似的，通過這兩個小程序搭建的練習，相信大家已經(jīng)熟練掌握了微擎搭建小程序的方法，從而可以搭建各種各樣的小程序了。微擎上搭建公眾號、網(wǎng)站之類的應用都是相同的流程，大家可以嘗試著去操作一下。