1. Outils d'installation (travaux de préparation)
La complexité de déploiement de ce projet est relativement élevée (ceux qui souhaitent apprendre cette pile technologique peuvent essayer le déploiement)
1. Installons d'abord node.js [http://nodejs.cn/download/]
2. Win+r entrez cmd et cliquez sur OK pour ouvrir l'entrée du panneau de ligne de commande (installer cnpm)
npm install -g cnpm --registry=https://registry.npm.taobao.org
3. Au moins deux outils de développement sont requis pour exécuter le projet : un outil de développement Hbuildex ;
Adresse de téléchargement Hbuildex : Télécharger la version de développement de l'application
Outils de développement WeChat : téléchargez la version stable
4. Ouvrez la plateforme publique WeChat—Enregistrer le mini-programme—Obtenir Appid—Développer la gestion—Obtenir Appid dans les paramètres de développement
2. Configuration de la base de données cloud
diancan-user : Ce package de code est un petit code de programme
1. Placez le package de code dans Hbuildex, ouvrez le fichier manifest.json et remplacez l'ID du mini programme WeChat par l'ID du mini programme que vous avez enregistré.
Remplacez env dans le fichier APP.vue par votre propre identifiant d'environnement (l'identifiant d'environnement est obtenu lors du développement cloud des outils de développement WeChat) et suivez les instructions pour créer un environnement de développement cloud et un environnement de développement cloud.
2. Sélectionnez le projet diancan-user avec la souris, puis cliquez sur Exécuter en haut de l'éditeur - exécutez vers le simulateur d'applet. Il se peut qu'il ne s'ouvre pas pour le moment, alors ouvrez manuellement les outils de développement WeChat, cliquez sur Ouvrir le port de service en toute sécurité dans les paramètres de proxy dans les paramètres, si les outils de développement sont exécutés avec succès, la console signalera une erreur.
3. Cliquez sur Développement Cloud en haut des outils de développement WeChat (s'il n'a pas encore été activé, suivez les instructions pour l'activer) pour accéder à la console de développement Cloud, cliquez sur Base de données pour créer chaque collection selon le nom suivant :
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. Créez un dossier dans le gestionnaire de ressources sur WeChat Developer Tools. Le dossier est nommé : cloudfunctions. Cliquez avec le bouton droit et créez une fonction cloud nodejs nommée : Dish-manage, puis elle sera générée sous notre fichier Dish-manage. certains fichiers, il suffit de remplacer le fichier index.js dans le fichier par index.js dans le fichier de fonction diancan-user/cloud.
Remplacez ensuite l'env dans le fichier par votre propre identifiant d'environnement. Le code est le suivant :
cloud.init({
env: '改为你自己的云环境id'
})
Ensuite, faites un clic droit sur le fichier Dish-manage : téléchargez et déployez (choisissez de ne pas télécharger node_modules), installez les dépendances sur le cloud et attendez la fin du téléchargement, y compris le fichier search.js du fichier dans le cloud. fonction (les étapes sont les mêmes que ci-dessus)
3. Modifications des codes
1. Revenez au package de code utilisateur, ouvrez les lignes 15 et 16 du fichier main.js et src/main.js côté PC, comme suit :
Vue . prototype . goeasy = GoEasy . getInstance ( {
host : "改为你自己的区域" , //改为：区域.goeasy.io
appkey : "改为你自己的appkey" , //进入详情Common key
modules : [ 'pubsub' ] //根据需要，传入‘pubsub’或'im’，或数组方式同时传入
} ) ; 2. Configurez le nom de domaine du serveur (nom de domaine légal du socket) wss://wx-hangzhou.goeasy.io dans les paramètres de développement de la plateforme dans la gestion du développement public WeChat.
3. Ouvrez diancan-node : ce package de code est la fin de l'interface
4. Ouvrez les lignes 7 et 8 du fichier config/databaseapi.js comme suit, remplacez l'appid du mini-programme et la clé secrète par les vôtres.
let param = qs . stringify ( {
grant_type : 'client_credential' ,
appid : '改为你自己的' ,
secret : '改为你自己的' （微信公众平台进入开发管理-开发设置生成一个APPsecret）
} ) 5. Étapes pour obtenir l'identifiant du modèle :
5.1 Ouvrez la plateforme publique WeChat et sélectionnez les informations d'abonnement, sélectionnez la bibliothèque de modèles publics pour rechercher l'entrée du modèle - notification de commande de confirmation du commerçant - sélectionnez le montant du paiement, l'heure de paiement et le numéro de commande.
Remarque : la catégorie de service enregistrée dans le mini programme doit être le service d'informations sur la restauration dans les services de restauration avant de pouvoir être récupérée. S'il ne s'agit pas d'informations sur la restauration, vous pouvez trouver la catégorie de service dans les paramètres de notre plateforme publique WeChat pour la modifier ou l'ajouter. il.
5.2 Après avoir sélectionné le modèle, vous pouvez afficher l'identifiant du modèle dans Mes modèles. Nous le copions et ouvrons la ligne 70 du fichier config/databaseapi.js pour remplacer le message d'abonnement template_id par votre propre identifiant de modèle.
6. Ouvrez le fichier router/order/order.js et modifiez les trois noms de champs (amount1, time2, Character_string3) à la ligne 75. (Vérifiez vos trois champs dans Mon modèle - Détails. Vérifiez s'ils sont identiques à ce champ, sinon, apportez des modifications)
7. Nous ouvrons à nouveau pages/home-page/page.vue dans diancan-user et modifions le template_id de la ligne 121 par le nôtre.
4. Configuration de Tencent Cloud Storage (cos)
1. Ouvrez les lignes 4 à 11 du fichier cos/cos.js dans le code du nœud comme suit :
var cos = new COS({
SecretId: '改为你自己的', （在腾讯云的密钥管理中获取）
SecretKey: '改为你自己的', （同上）
Protocol:'https:'
});
Ouvrez ce lien pour vous inscrire [https://cloud.tencent.com/login?s_url=https%3A%2F%2Fconsole.cloud.tencent.com%2Fcos] Entrez dans Tencent Cloud Object Storage et choisissez de le faire. créez un bucket. (Il suffit de modifier les autorisations en : lecture publique et écriture privée, et de choisir la région la plus proche de chez vous)
let Bucket = '改为你自己的' （这个为创建的存储桶名称）
let Region = '改为你自己的' （这个为所属的地域）
2. Entrez dans le compartiment et créez un dossier pour stocker les fichiers téléchargés.
Lignes 18 et 36 : Clé : "Changer le nom de votre propre dossier" + nom de fichier (la clé est le dossier que vous avez créé)
3. Cliquez avec le bouton droit sur diancan-node dans HbuliderX et utilisez la ligne de commande pour ouvrir le répertoire où se trouve la fenêtre. Entrez npm install --save. Après succès, un package node_modules apparaîtra. Exécutez ensuite nodemon app.js pour démarrer le serveur. Si cela ne réussit pas, utilisez npm run test.
5. Démarrage du terminal de gestion en arrière-plan
saoma-diancan-pc : Le terminal de gestion en arrière-plan de ce package de code
1. Cliquez avec le bouton droit sur saoma-diancan-pc dans HbuliderX et utilisez la ligne de commande pour ouvrir le répertoire où se trouve la fenêtre et entrez npm install --save
2. Exécutez ensuite npm run serve pour démarrer le projet, ouvrez l'adresse dans le navigateur, créez un compte et connectez-vous.
3. Créez des informations commerciales en fonction des invites. À ce stade, vous pouvez ajouter le code de commande et télécharger les catégories de plats et les étagères.
4. Après avoir ajouté le code de commande et répertorié les plats dans la gestion en arrière-plan à l'étape précédente, accédez à l'outil de développement WeChat, compilez et saisissez via le code QR que vous avez ajouté.
6. Connectez l'imprimante
1. Nous devons acheter une imprimante cloud Xinye
2. Nous connectons l'imprimante au wifi selon le manuel d'instructions
3. Accédez à la plateforme de gestion back-end de l'imprimante cloud Xinye [https://admin.xpyun.net/#/login?redirect=%2Fpersonal] pour enregistrer un compte, puis authentifiez-vous pour entrer.
4. Ensuite, nous sélectionnons - Gestion des périphériques dans Gestion de l'impression et entrons le numéro d'imprimante, qui est le sn sur l'imprimante, pour ajouter l'imprimante à notre appareil.
5. Nous ouvrons notre fichier diancan-user et ouvrons le fichier Xpyun.js dans l'imprimante
Modifiez le code suivant
let xpYun = {
user : '在芯烨云后端管理平台中的账号信息把开发者id拷贝过来' ,
timestamp : new Date ( ) . getTime ( ) ,
UserKEY : '这个为开发者密钥在开发者id下面' ,
sn : '打印机身上的sn' ,
name : '设置成自己的店铺名称'
} 6. Si nous souhaitons modifier le contenu imprimé par l'imprimante, nous entrons dans le fichier print_content.js et apportons des modifications en fonction de notre magasin, de notre adresse et de notre numéro de téléphone.
7. Le code est mis en ligne (il doit être testé localement sans problème, puis déployé en ligne s'il fonctionne correctement)
1.diancan-nœud
Nous ouvrons d'abord [https://cloud.weixin.qq.com/cloudrun?utm_source=idecloudconsole], puis scannons le code pour nous connecter, puis sélectionnons le mini-programme auquel nous voulons nous connecter. Déroulez le panneau d'invite et sélectionnez déploiement du framework koa (cela peut prendre beaucoup de temps, attendez patiemment). Après avoir attendu que le déploiement réussisse, sélectionnez Publier, puis choisissez de télécharger manuellement le package de code et sélectionnez le dossier. À ce stade, nous ouvrons d'abord notre éditeur pour voir s'il y a des node_modules dans notre nœud diancan et le supprimons, et. puis sélectionnez notre dossier diancan-node. Changez le port en 5000 et sélectionnez Publier. Une fois la version terminée, nous choisissons d'y accéder en utilisant un nom de domaine public.
2.saoma-diancan-pc
2.1 Nous utilisons Hbuildex pour l'ouvrir et sélectionner api.js dans le dossier api. Modifiez le code suivant const url = 'http://localhost:5000/api/ par le nom de domaine que nous venons d'obtenir dans l'hébergement cloud.
例如：const url = 'https://koa-bu8u-166122-1309878414.ap-shanghai.run.tcloudbase.com/api/'
2.2 Cliquez avec le bouton droit sur saoma-diancan-pc dans hbulider, utilisez la ligne de commande pour ouvrir le répertoire où se trouve la fenêtre, entrez npm run build et un fichier dist apparaîtra sous le dossier saoma-diancan-pc.
2.3 Ouvrons l'outil de développement WeChat et sélectionnons Développement Cloud - sélectionnez Plus et sélectionnez Site Web statique. S'il n'est pas activé, vous devez l'activer. Une fois l'activation terminée, nous choisissons de télécharger les fichiers et de télécharger tous les fichiers de la distribution. Une fois le téléchargement terminé, sélectionnez Configurer le site Web et copiez le nom de domaine, et vous pourrez y accéder directement.
2.4.diancan-utilisateur
Nous sélectionnons la version dans l'éditeur Hbulid - mini programme WeChat - puis ouvrons l'outil de développement WeChat - entrons dans l'outil de développement WeChat et sélectionnons la version
