我們這一節(jié)課的內(nèi)容主要是教大家搭建一款自助點餐的小程序。移動支付是未來的趨勢,而手機點餐用起來非常方便,備受消費者的青睞。那么餐飲行業(yè)的老板做一個自助點餐的小程序,客人入座后即可拿手機掃一掃點餐、下單、自助結(jié)賬,非常的便捷。接下來我們就來搭建一款自助點餐的小程序吧!
準備:
域名已備案
SSL證書(已申請并安裝https)
服務(wù)器(已搭建BT寶塔和環(huán)境配置)
微擎平臺(已架設(shè))
小程序賬號(已注冊配置)
小程序開發(fā)工具(已安裝)
微信支付(涉及交易環(huán)節(jié)需要)
自助點餐小程序源碼
步驟:
和我們上一節(jié)課的內(nèi)容類似,在我們搭建自助點餐小程序前,我們需要注冊一個餐飲行業(yè)的小程序賬號。
第一步,登錄你BT寶塔后臺,把deam_food文件夾壓縮打包成ZIP格式,再上傳到你的微擎網(wǎng)站addons文件夾下,并解壓。
第二步,打開微擎后臺,進入系統(tǒng),點擊小程序應(yīng)用,找到未安裝的應(yīng)用,自助點餐小程序,點擊安裝應(yīng)用模塊,并根據(jù)流程安裝。
第三步,點擊系統(tǒng),點擊微信小程序,選擇手動添加小程序,新建單個小程序。
第四步,把我們注冊的餐飲小程序賬號資料填寫進來,并再填加應(yī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)站之類的應(yīng)用都是相同的流程,大家可以嘗試著去操作一下。
版權(quán)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔相關(guān)法律責任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權(quán)/違法違規(guī)的內(nèi)容, 請發(fā)送郵件至 舉報,一經(jīng)查實,本站將立刻刪除。