1. Installationswerkzeuge (Vorbereitungsarbeiten)
Die Bereitstellungskomplexität dieses Projekts ist relativ hoch (Wer diesen Technologie-Stack erlernen möchte, kann die Bereitstellung ausprobieren).
1. Lassen Sie uns zuerst node.js installieren [http://nodejs.cn/download/]
2. Win+r geben Sie cmd ein und klicken Sie auf OK, um die Eingabe des Befehlszeilenpanels zu öffnen (cnpm installieren).
npm install -g cnpm --registry=https://registry.npm.taobao.org
3. Zum Ausführen des Projekts sind mindestens zwei Entwicklungstools erforderlich: ein Hbuildex und ein WeChat-Entwicklertool
Hbuildex-Download-Adresse: App-Entwicklungsversion herunterladen
WeChat-Entwicklertools: Laden Sie die stabile Version herunter
4. Öffnen Sie die öffentliche WeChat-Plattform – Mini-Programm registrieren – Appid abrufen – Verwaltung entwickeln – Appid abrufen in den Entwicklungseinstellungen
2. Konfiguration der Cloud-Datenbank
diancan-user: Dieses Codepaket ist ein kleiner Programmcode
1. Fügen Sie das Codepaket in Hbuildex ein, öffnen Sie die Datei manifest.json und ändern Sie die WeChat Mini-Programm-App-ID in die von Ihnen registrierte Mini-Programm-ID.
Ändern Sie env in der APP.vue-Datei in Ihre eigene Umgebungs-ID (die Umgebungs-ID wird in der Cloud-Entwicklung der WeChat-Entwicklertools abgerufen) und befolgen Sie die Anweisungen zum Erstellen einer Cloud-Entwicklung und einer Cloud-Entwicklungsumgebung.
2. Wählen Sie mit der Maus das Projekt „diancan-user“ aus und klicken Sie dann oben im Editor auf „Ausführen“ – zum Applet-Simulator ausführen. Möglicherweise wird es zu diesem Zeitpunkt nicht geöffnet. Öffnen Sie daher die WeChat-Entwicklertools manuell und klicken Sie in den Proxy-Einstellungen in den Einstellungen auf „Service-Port sicher öffnen“. Wenn die Entwicklertools erfolgreich ausgeführt werden, meldet die Konsole einen Fehler.
3. Klicken Sie oben in den WeChat-Entwicklertools auf „Cloud-Entwicklung“ (falls noch nicht aktiviert, befolgen Sie die Anweisungen zur Aktivierung), um die Cloud-Entwicklungskonsole aufzurufen. Klicken Sie auf „Datenbank“, um jede Sammlung gemäß der folgenden Benennung zu erstellen:
business - acc :商家账号：权限{所有用户可读，仅创建者可读写}
shop - infor :商家信息：同上
dishes - category :菜品类目：同上
dishunit:菜品单位：同上
dishes - data :菜品管理：自定义权限把以下代码粘贴进去{ "read" : true , "write" : true }
order - data：存储订单：权限{仅创建者可读写}
seven_day_sales:存储每一天的销售额：自定义权限把以下代码粘贴覆盖进去
{ "read" : true , "write" : true }
table_qr_code:桌号管理：权限{所有用户可读，仅创建者可读写} 4. Erstellen Sie einen Ordner im Ressourcenmanager der WeChat Developer Tools. Klicken Sie mit der rechten Maustaste und erstellen Sie eine Nodejs-Cloud-Funktion mit dem Namen „Dish-manage“, die dann unter unserer Dish-manage-Datei generiert wird Bei einigen Dateien müssen wir nur die Datei index.js in der Datei durch die Datei index.js in der Funktionsdatei diancan-user/cloud ersetzen.
Ersetzen Sie dann die Umgebung in der Datei durch Ihre eigene Umgebungs-ID. Der Code lautet wie folgt:
cloud.init({
env: '改为你自己的云环境id'
})
Klicken Sie anschließend mit der rechten Maustaste auf die Dish-Manage-Datei: Hochladen und bereitstellen (wählen Sie, node_modules nicht hochzuladen), installieren Sie die Abhängigkeiten in der Cloud und warten Sie, bis der Upload abgeschlossen ist, einschließlich der Datei search.js der Datei in der Cloud Funktion (die Schritte sind die gleichen wie oben)
3. Codeänderungen
1. Kehren Sie zum Benutzercodepaket zurück und öffnen Sie die Zeilen 15-16 der Datei main.js und src/main.js auf der PC-Seite wie folgt:
Vue . prototype . goeasy = GoEasy . getInstance ( {
host : "改为你自己的区域" , //改为：区域.goeasy.io
appkey : "改为你自己的appkey" , //进入详情Common key
modules : [ 'pubsub' ] //根据需要，传入‘pubsub’或'im’，或数组方式同时传入
} ) ; 2. Konfigurieren Sie den Serverdomänennamen (rechtlichen Socket-Domänennamen) wss://wx-hangzhou.goeasy.io in den Plattformentwicklungseinstellungen im öffentlichen WeChat-Entwicklungsmanagement
3. Öffnen Sie den Diancan-Knoten: Dieses Codepaket ist das Schnittstellenende
4. Öffnen Sie die Zeilen 7 und 8 der Datei config/databaseapi.js wie folgt und ändern Sie die App-ID und den geheimen Schlüssel des Miniprogramms in Ihre eigenen
let param = qs . stringify ( {
grant_type : 'client_credential' ,
appid : '改为你自己的' ,
secret : '改为你自己的' （微信公众平台进入开发管理-开发设置生成一个APPsecret）
} ) 5. Schritte zum Erhalten der Vorlagen-ID:
5.1 Öffnen Sie die öffentliche WeChat-Plattform und wählen Sie Abonnementinformationen aus, wählen Sie die öffentliche Vorlagenbibliothek aus, um nach Vorlageneingaben zu suchen – Händlerbestätigungsbestellungsbenachrichtigung – wählen Sie Zahlungsbetrag, Zahlungszeitpunkt und Bestellnummer aus.
Hinweis: Die im Miniprogramm registrierte Servicekategorie muss der Catering-Informationsdienst in Catering-Diensten sein, bevor sie abgerufen werden kann. Wenn es sich nicht um Catering-Informationen handelt, können Sie die Servicekategorie in den Einstellungen unserer öffentlichen WeChat-Plattform ändern oder hinzufügen Es.
5.2 Nachdem Sie die Vorlage ausgewählt haben, können Sie die Vorlagen-ID unter „Meine Vorlagen“ anzeigen. Wir kopieren sie und öffnen Zeile 70 der Datei config/databaseapi.js, um die Abonnementnachricht template_id in Ihre eigene Vorlagen-ID zu ändern.
6. Öffnen Sie die Datei router/order/order.js und ändern Sie die drei Feldnamen (amount1, time2, Character_string3) in Zeile 75. (Überprüfen Sie Ihre drei Felder in „Meine Vorlage – Details“. Prüfen Sie, ob sie mit diesem Feld identisch sind. Wenn nicht, nehmen Sie Änderungen vor.)
7. Wir öffnen erneut „pages/home-page/page.vue“ in „diancan-user“ und ändern die template_id in Zeile 121 in unsere eigene.
4. Konfiguration von Tencent Cloud Storage (cos)
1. Öffnen Sie die Zeilen 4–11 der Datei cos/cos.js im Knotencode wie folgt:
var cos = new COS({
SecretId: '改为你自己的', （在腾讯云的密钥管理中获取）
SecretKey: '改为你自己的', （同上）
Protocol:'https:'
});
Öffnen Sie diesen Link, um sich zu registrieren [https://cloud.tencent.com/login?s_url=https%3A%2F%2Fconsole.cloud.tencent.com%2Fcos]. Wir finden den Bucket und wählen ihn aus Erstellen Sie einen Bucket (Wir müssen nur die Berechtigungen ändern: öffentliches Lesen und privates Schreiben, und wählen Sie die Region aus, die Ihnen am nächsten liegt.)
let Bucket = '改为你自己的' （这个为创建的存储桶名称）
let Region = '改为你自己的' （这个为所属的地域）
2. Betreten Sie den Bucket und erstellen Sie einen Ordner zum Speichern der hochgeladenen Dateien.
Zeilen 18 und 36: Schlüssel: „Ändern Sie Ihren eigenen Ordnernamen“ + Dateiname, (Schlüssel ist der Ordner, den Sie erstellt haben)
3. Klicken Sie in HbuliderX mit der rechten Maustaste auf diancan-node und öffnen Sie über die Befehlszeile das Verzeichnis, in dem sich das Fenster befindet. Nach Erfolg wird ein node_modules-Paket angezeigt. Führen Sie dann nodemon app.js aus, um den Server zu starten. Wenn dies nicht gelingt, verwenden Sie npm run test.
5. Start des Hintergrundverwaltungsterminals
saoma-diancan-pc: Das Hintergrundverwaltungsterminal dieses Codepakets
1. Klicken Sie in HbuliderX mit der rechten Maustaste auf saoma-diancan-pc und öffnen Sie über die Befehlszeile das Verzeichnis, in dem sich das Fenster befindet, und geben Sie npm install --save ein
2. Führen Sie dann npm run sere aus, um das Projekt zu starten, öffnen Sie die Adresse im Browser, registrieren Sie ein Konto und melden Sie sich an.
3. Erstellen Sie Geschäftsinformationen gemäß den Anweisungen. Jetzt können Sie den Bestellcode hinzufügen und die Gerichtkategorien und Regale hochladen.
4. Nachdem Sie im vorherigen Schritt den Bestellcode hinzugefügt und die Gerichte in der Hintergrundverwaltung aufgelistet haben, gehen Sie zum WeChat-Entwicklertool und kompilieren Sie den von Ihnen hinzugefügten QR-Code und geben Sie ihn ein.
6. Schließen Sie den Drucker an
1. Wir müssen einen Xinye Cloud-Drucker kaufen
2. Wir verbinden den Drucker gemäß der Bedienungsanleitung mit dem WLAN
3. Rufen Sie die Back-End-Verwaltungsplattform des Xinye-Clouddruckers [https://admin.xpyun.net/#/login?redirect=%2Fpersonal] auf, um ein Konto zu registrieren, und authentifizieren Sie sich dann zur Eingabe.
4. Dann wählen wir – Geräteverwaltung in der Druckverwaltung und geben die Druckernummer ein, die die SN auf dem Drucker ist, um den Drucker zu unserem Gerät hinzuzufügen.
5. Wir öffnen unsere diancan-user-Datei und öffnen die Xpyun.js-Datei im Drucker
Ändern Sie den folgenden Code
let xpYun = {
user : '在芯烨云后端管理平台中的账号信息把开发者id拷贝过来' ,
timestamp : new Date ( ) . getTime ( ) ,
UserKEY : '这个为开发者密钥在开发者id下面' ,
sn : '打印机身上的sn' ,
name : '设置成自己的店铺名称'
} 6. Wenn wir den vom Drucker gedruckten Inhalt ändern möchten, geben wir die Datei print_content.js ein und nehmen Änderungen entsprechend unserem Geschäft, unserer Adresse und unserer Telefonnummer vor.
7. Der Code geht online (er muss lokal ohne Probleme getestet und dann online bereitgestellt werden, wenn er reibungslos läuft)
1.Diancan-Knoten
Wir öffnen zuerst [https://cloud.weixin.qq.com/cloudrun?utm_source=idecloudconsole] und scannen dann den Code zum Anmelden und wählen dann das Miniprogramm aus, bei dem wir uns anmelden möchten. Ziehen Sie im Eingabeaufforderungsfeld nach unten und wählen Sie aus Bereitstellung des Koa-Frameworks (es kann lange dauern, warten Sie geduldig). Nachdem Sie auf die erfolgreiche Bereitstellung gewartet haben, wählen Sie „Veröffentlichen“, wählen Sie dann das manuelle Hochladen des Codepakets und wählen Sie den Ordner aus. Zu diesem Zeitpunkt öffnen wir zunächst unseren Editor, um zu sehen, ob sich in unserem Diancan-Knoten Knotenmodule befinden, und löschen ihn Wählen Sie dann unseren Diancan-Node-Ordner aus. Ändern Sie den Port auf 5000 und wählen Sie „Veröffentlichen“. Nachdem die Veröffentlichung abgeschlossen ist, entscheiden wir uns dafür, über einen Public-Domain-Namen darauf zuzugreifen.
2.saoma-diancan-pc
2.1 Wir verwenden Hbuildex, um es zu öffnen und api.js im API-Ordner auszuwählen. Ändern Sie den folgenden Code const url = 'http://localhost:5000/api/ in den Domainnamen, den wir gerade im Cloud-Hosting erhalten haben.
例如：const url = 'https://koa-bu8u-166122-1309878414.ap-shanghai.run.tcloudbase.com/api/'
2.2 Klicken Sie mit der rechten Maustaste auf saoma-diancan-pc in hbulider, öffnen Sie über die Befehlszeile das Verzeichnis, in dem sich das Fenster befindet, geben Sie npm run build ein. Eine dist-Datei wird im Ordner saoma-diancan-pc angezeigt.
2.3 Öffnen wir das WeChat-Entwicklungstool und wählen Sie „Cloud-Entwicklung“ aus. Wählen Sie „Mehr“ und dann „Statische Website“ aus. Wenn die Aktivierung abgeschlossen ist, laden wir alle Dateien im Dist hoch Nachdem der Upload abgeschlossen ist, wählen Sie „Website konfigurieren“ und kopieren Sie den Domänennamen. Sie können dann direkt darauf zugreifen.
2.4.diancan-Benutzer
Wir wählen „Release“ im Hbulid-Editor – Miniprogramm WeChat – und öffnen dann das WeChat-Entwicklungstool – rufen das WeChat-Entwicklungstool auf und wählen „Release“.
