# xcx-single-shop [github地址](https://github.com/lpbird/xcx-single-shop)
全棧點餐小程式(單店版，包含支付，後臺)
## 寫在前面
本專案是微信點餐類小程式全棧程式碼(包含支付，實時通知，列印等邏輯)，後端使用koa2 資料庫mysql 僅做交流學習使用
## 專案效果
更多預覽圖片請前往本專案screenshot目錄下檢視

## 專案配置與說明
1.配置後端配置檔案（如是個人小程式則無法使用支付功能）<br>
 1）`server/config/wxConfig.js`  此檔案中填入`appid` `appsecert` `Mch_id`(商戶id) `Mch_key`(商戶key) 並將controllers目錄下的`wx_pay` 下的三個證書換成自己的（微信支付平臺證書下載）<br>
 2）七牛雲（暫時不開源後臺關係，也可不配置，後期會陸續上傳） 由於後臺管理中需要對商品進行管理 用到了圖片上傳介面，這邊使用的是七牛雲的檔案平臺，配置了cdn與水印 大家自己申請賬號後（免費的）在`server/controller/index.js` 下配置<br>
 3）mysql 資料庫 `server/sql.js` 中進行資料庫配置 建立 名為rest的資料庫後倒入本專案中的 rest.sql（資料庫結構＋測試資料） 可直接本地測試<br>
2.小程式端配置<br>
小程式端根目錄下的`app.js`下 `apiHost` 為所有介面baseUrl統一配置  <br>

## 回答大傢俬信最多的問題：無伺服器，如何手機預覽本專案？
1.進入server 目錄 執行以下命令：<br>
 ```javascript
 npm i 
 node app.js 
 `````
 成功啟動本地服務（先確保mysql資料庫服務成功啟動）<br>
2.手機開啟熱點 電腦端連線  檢視電腦端ip 將小程式的apiHost替換成http://+電腦ip+:7002  <br>
此時即可手機預覽小程式<br>

希望大家隨手star下哈～ 後面會把後臺管理端也放上來<br>
微信交流群：<br>