微信小程序—智能停車

微信小程序-智能停車

(Author:chimuuu,CommunicationHeart)

停車小程序項目結構圖


小程序主要功能包括:

(1)微信用戶一鍵註冊登錄 
(2)微信掃碼停車
(3)停車計時計費(帶有使用者頭像及暱稱)
(4)微信支付演示(暫無:這需要企業身份申請開通)
(5)基於LeanCloud的後臺數據管理
(6)停車記錄查詢:停車開始時間,停車時長,費用,地理位置等信息(後臺數據實時刷新)
(7)新添加小程序分享功能
(8)停車位二維碼生成器(帶BudParking-logo)
   注:{此功能不屬於小程序,用於停車場的車位二維碼生成,是停車系統的一部分} 
代碼:https://github.com/chimuuu/qrcode-python

一、Demo

1.掃碼停車演示(停車時間,車位,計費,用戶頭像及暱稱顯示,小程序分享功能)

(微信支付功能需要企業身份申請開通,所以只做演示)


2.用戶停車記錄查詢(含地圖查詢)


3.三個一級界面(主界面,歷史記錄查詢界面,版本界面)


4.後臺數據管理(用戶註冊信息,用戶查詢自己的使用歷史記錄)

(1)註冊用戶信息管理(來源於用戶微信註冊信息)


(2)用戶的使用歷史記錄(時間、地點、時長、費用以及車位等等)


(3)停車位數據及每個停車位的使用狀態(是否正被使用-01表示)


5.停車場二維碼生成器(python寫,帶空餘車位查詢後用於生成二維碼)


二、配置所需工具:

(1)微信小程序開發者賬號
(2)微信web開發者工具
(3)LeanCloud帳號
(4)LeanCloud工具類av-weapp.js

1.微信小程序開發者賬號註冊

首先在微信公衆號平臺註冊

2.獲取AppID和AppSecret

登錄登錄https://mp.weixin.qq.com,在網站的「設置」-「開發者設置」中,查看微信小程序的AppID和AppSecret; 

3.創建項目

添加你自己的AppID,新建項目-BudParking  

4.註冊LeanCloud賬號

傳送https://leancloud.cn/ 

5.配置LeanCloud應用

登錄https://leancloud.cn/applist.html#/apps
在網站的「創建應用」中創建應用
在leancloud控制檯配置AppID(小程序ID)和AppSecret(小程序密鑰)

6.設置微信小程序域名白名單

登錄https://mp.weixin.qq.com, 在網站的「設置」-「開發者設置」中,點擊「服務器配置」下的「修改」鏈接,增加域名
具體域名通過https://leancloud.cn/docs/weapp-domains.html查詢
{同時在request合法域名下添加https://cli.im(這是在線對二維碼進行在線識別的網站)}此功能已移除,採用了微信新開放的掃一掃API,提升了掃碼體驗
微信限制每月只能修改三次域名白名單

7.獲取LeanCloud應用AppID和AppKey

登錄https://leancloud.cn/,在網站的「設置」-「應用Key」中,查看App ID,App Key 

8.OK! 終於可以進入小程序了!

1)將下載的av-weapp.js(https://unpkg.com/[email protected]/dist/av-weapp.js)放到utils下
2)使用const AV = require('../../utils/av-weapp.js');路徑根據具體情況而定
3)做初始化:
AV.init({
appId: '你的LeanCloud-appId',
appKey: '你的LeanCloud-appKey',
});
注:在微信小程序中使用 LeanCloud詳見 https://leancloud.cn/docs/weapp.html

GitHub傳送門:https://github.com/chimuuu/BUDPARKING
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章