1. أدوات التثبيت (أعمال التحضير)
تعقيد نشر هذا المشروع مرتفع نسبيًا (يمكن للمهتمين بتعلم مجموعة التكنولوجيا هذه تجربة النشر)
1. لنقم بتثبيت Node.js أولاً [http://nodejs.cn/download/]
2. Win+r أدخل cmd وانقر فوق "موافق" لفتح إدخال لوحة سطر الأوامر (تثبيت cnpm)
npm install -g cnpm --registry=https://registry.npm.taobao.org
3. يلزم وجود أداتين للتطوير على الأقل لتشغيل المشروع، واحدة من أدوات Hbuildex وأداة مطور WeChat واحدة
عنوان تنزيل Hbuildex: تنزيل إصدار تطوير التطبيق
أدوات مطور WeChat: قم بتنزيل الإصدار الثابت
4. افتح منصة WeChat العامة — سجل برنامجًا صغيرًا — احصل على معرف التطبيق — إدارة التطوير — احصل على معرف التطبيق في إعدادات التطوير
2. تكوين قاعدة البيانات السحابية
Diancan-user: حزمة التعليمات البرمجية هذه عبارة عن رمز برنامج صغير
1. ضع حزمة التعليمات البرمجية في Hbuildex، وافتح ملف Manifest.json، وقم بتغيير تطبيق WeChat Mini Program Appid إلى معرف البرنامج الصغير الذي قمت بتسجيله.
قم بتغيير env في ملف APP.vue إلى معرف البيئة الخاص بك (يتم الحصول على معرف البيئة في التطوير السحابي لأدوات مطور WeChat) واتبع المطالبات لإنشاء بيئة تطوير سحابية وتطوير سحابي.
2. حدد مستخدم diancan للمشروع باستخدام الماوس، ثم انقر فوق تشغيل في الجزء العلوي من المحرر - قم بالتشغيل إلى جهاز محاكاة التطبيق الصغير. قد لا يتم فتحه في الوقت الحالي، لذا افتح أدوات مطور WeChat يدويًا، وانقر فوق فتح منفذ الخدمة بأمان في إعدادات الوكيل، إذا تم تشغيل أدوات المطور بنجاح، فستبلغ وحدة التحكم عن خطأ.
3. انقر فوق Cloud Development أعلى أدوات WeChat Developer Tools (إذا لم يتم تنشيطها بعد، فاتبع المطالبات لتنشيطها) للدخول إلى Cloud Development Console، وانقر فوق Database لإنشاء كل مجموعة وفقًا للتسمية التالية:
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. قم بإنشاء مجلد في مدير الموارد على WeChat Developer Tools. يُسمى المجلد: cloudfunctions. انقر بزر الماوس الأيمن وأنشئ وظيفة سحابية لـnodejs باسم: Dish-manage، ثم سيتم إنشاؤها ضمن ملف Dish-manage في بعض الملفات، نحتاج فقط إلى استبدال ملف Index.js الموجود في الملف بملف Index.js الموجود في ملف وظيفة diancan-user/cloud.
ثم استبدل env الموجود في الملف بمعرف البيئة الخاص بك، ويكون الرمز كما يلي:
cloud.init({
env: '改为你自己的云环境id'
})
بعد ذلك، انقر بزر الماوس الأيمن على ملف Dish-manage: التحميل والنشر (اختر عدم تحميل وحدات العقدة)، ثم قم بتثبيت التبعيات على السحابة، وانتظر حتى يكتمل التحميل، بما في ذلك ملف search.js الخاص بالملف الموجود في السحابة الوظيفة (الخطوات هي نفسها المذكورة أعلاه)
3. تعديلات الكود
1. ارجع إلى حزمة رمز المستخدم، وافتح الأسطر 15-16 من ملف main.js وsrc/main.js على جانب الكمبيوتر الشخصي، كما يلي:
Vue . prototype . goeasy = GoEasy . getInstance ( {
host : "改为你自己的区域" , //改为：区域.goeasy.io
appkey : "改为你自己的appkey" , //进入详情Common key
modules : [ 'pubsub' ] //根据需要，传入‘pubsub’或'im’，或数组方式同时传入
} ) ; 2. قم بتكوين اسم مجال الخادم (اسم المجال القانوني للمقبس) wss://wx-hangzhou.goeasy.io في إعدادات تطوير النظام الأساسي في إدارة التطوير العام WeChat
3. فتح عقدة diancan: حزمة التعليمات البرمجية هذه هي نهاية الواجهة
4. افتح السطر 7 و8 من الملف config/databaseapi.js كما يلي، وقم بتغيير معرف التطبيق المصغر ومفتاح المفتاح السري إلى معرفك الخاص
let param = qs . stringify ( {
grant_type : 'client_credential' ,
appid : '改为你自己的' ,
secret : '改为你自己的' （微信公众平台进入开发管理-开发设置生成一个APPsecret）
} ) 5. خطوات الحصول على معرف القالب:
5.1 افتح منصة WeChat العامة وحدد معلومات الاشتراك، وحدد مكتبة النماذج العامة للبحث عن إدخال القالب - إشعار طلب تأكيد التاجر - حدد مبلغ الدفع ووقت الدفع ورقم الطلب.
ملحوظة: يجب أن تكون فئة الخدمة المسجلة في البرنامج المصغر هي خدمة معلومات تقديم الطعام في خدمات تقديم الطعام قبل أن تتمكن من استرجاعها. إذا لم تكن معلومات تقديم الطعام، يمكنك العثور على فئة الخدمة في إعدادات منصة WeChat العامة الخاصة بنا لتغييرها أو إضافتها هو - هي.
5.2 بعد تحديد القالب، يمكنك عرض معرف القالب في "القوالب الخاصة بي". نقوم بنسخه وفتح السطر 70 من ملف config/databaseapi.js لتغيير معرف رسالة الاشتراك إلى معرف القالب الخاص بك.
6. افتح ملف router/order/order.js وقم بتغيير أسماء الحقول الثلاثة (amount1، time2، Character_string3) في السطر 75. (تحقق من الحقول الثلاثة في القالب الخاص بي - التفاصيل. تأكد مما إذا كانت مماثلة لهذا الحقل، وإذا لم تكن كذلك، قم بإجراء التغييرات)
7. نفتح pages/home-page/page.vue في diancan-user مرة أخرى ونغير template_id في السطر 121 إلى معرفنا الخاص.
4. تكوين Tencent Cloud Storage (cos)
1. افتح الأسطر 4-11 من ملف cos/cos.js في كود العقدة كما يلي:
var cos = new COS({
SecretId: '改为你自己的', （在腾讯云的密钥管理中获取）
SecretKey: '改为你自己的', （同上）
Protocol:'https:'
});
افتح هذا الرابط للتسجيل [https://cloud.tencent.com/login?s_url=https%3A%2F%2Fconsole.cloud.tencent.com%2Fcos]. أدخل إلى Tencent Cloud Object Storage واختر ذلك إنشاء مجموعة (نحتاج فقط إلى تعديل الأذونات من أجل: القراءة العامة والكتابة الخاصة، واختيار المنطقة الأقرب إليك)
let Bucket = '改为你自己的' （这个为创建的存储桶名称）
let Region = '改为你自己的' （这个为所属的地域）
2. أدخل المجموعة وقم بإنشاء مجلد لتخزين الملفات التي تم تحميلها.
السطر 18 و36: المفتاح: "التغيير إلى اسم المجلد الخاص بك" + اسم الملف، (المفتاح هو المجلد الذي قمت بإنشائه)
3. انقر بزر الماوس الأيمن على diancan-node في HbuliderX واستخدم سطر الأوامر لفتح الدليل الذي توجد به النافذة. أدخل npm install --save بعد النجاح، ستظهر حزمةNode_modules. ثم قم بتنفيذ Nodemon app.js لبدء الخادم. إذا لم ينجح، استخدم اختبار تشغيل npm.
5. بدء تشغيل محطة إدارة الخلفية
saoma-diancan-pc: محطة إدارة الخلفية لحزمة التعليمات البرمجية هذه
1. انقر بزر الماوس الأيمن فوق saoma-diancan-pc في HbuliderX واستخدم سطر الأوامر لفتح الدليل الذي توجد به النافذة وأدخل npm install --save
2. ثم قم بتنفيذ npm runserv لبدء المشروع، وافتح العنوان في المتصفح، وقم بتسجيل حساب وتسجيل الدخول.
3. قم بإنشاء معلومات العمل وفقًا للمطالبات، ويمكنك في هذا الوقت إضافة رمز الطلب وتحميل فئات الأطباق والأرفف.
4. بعد إضافة رمز الطلب وإدراج الأطباق في إدارة الخلفية في الخطوة السابقة، انتقل إلى أداة مطور WeChat وقم بتجميع وإدخال رمز QR الذي أضفته.
6. قم بتوصيل الطابعة
1. يجب علينا شراء طابعة Xinye السحابية
2. نقوم بتوصيل الطابعة بشبكة wifi وفقًا لدليل التعليمات
3. أدخل إلى النظام الأساسي لإدارة الواجهة الخلفية للطابعة السحابية Xinye [https://admin.xpyun.net/#/login?redirect=%2Fpersonal] لتسجيل حساب، ثم قم بالمصادقة للدخول.
4. ثم نختار - إدارة الأجهزة في إدارة الطباعة ونقوم بإدخال رقم الطابعة، وهو الرقم التسلسلي الموجود على الطابعة، لإضافة الطابعة إلى أجهزتنا.
5. نفتح ملف diancan-user الخاص بنا ونفتح ملف Xpyun.js في الطابعة
تعديل التعليمات البرمجية التالية
let xpYun = {
user : '在芯烨云后端管理平台中的账号信息把开发者id拷贝过来' ,
timestamp : new Date ( ) . getTime ( ) ,
UserKEY : '这个为开发者密钥在开发者id下面' ,
sn : '打印机身上的sn' ,
name : '设置成自己的店铺名称'
} 6. إذا أردنا تغيير المحتوى الذي تطبعه الطابعة، نقوم بإدخال ملف print_content.js وإجراء التغييرات وفقًا لمتجرنا وعنواننا ورقم الهاتف.
7. يتم نشر الكود عبر الإنترنت (يجب اختباره محليًا دون أي مشاكل، ثم نشره عبر الإنترنت إذا كان من الممكن تشغيله بسلاسة)
1.عقدة ديانكان
نفتح أولاً [https://cloud.weixin.qq.com/cloudrun?utm_source=idecloudconsole] ثم نقوم بمسح الرمز ضوئيًا لتسجيل الدخول ثم نحدد البرنامج الصغير الذي نريد تسجيل الدخول إليه. اسحب للأسفل في لوحة المطالبة وحدد نشر إطار عمل Koa (قد يستغرق وقتًا طويلاً)، انتظر بصبر). بعد انتظار نجاح النشر، حدد نشر، ثم اختر تحميل حزمة التعليمات البرمجية يدويًا وحدد المجلد. في هذا الوقت، نفتح محررنا أولاً لمعرفة ما إذا كانت هناك وحدات عقدة في عقدة diancan الخاصة بنا ونحذفها. ثم حدد المجلد diancan-node. قم بتغيير المنفذ إلى 5000 وحدد نشر. بعد اكتمال الإصدار، نختار الوصول إليه باستخدام اسم المجال العام.
2.saoma-diancan-pc
2.1 نستخدم Hbuildex لفتحه وتحديد api.js في مجلد api. قم بتغيير الكود التالي const url = 'http://localhost:5000/api/ إلى اسم المجال الذي حصلنا عليه للتو في الاستضافة السحابية.
例如：const url = 'https://koa-bu8u-166122-1309878414.ap-shanghai.run.tcloudbase.com/api/'
2.2 انقر بزر الماوس الأيمن فوق saoma-diancan-pc في hbulider، واستخدم سطر الأوامر لفتح الدليل الذي توجد به النافذة، وأدخل npm run build، وسيظهر ملف dist ضمن المجلد saoma-diancan-pc.
2.3 لنفتح أداة تطوير WeChat ونختار Cloud Development - حدد المزيد وحدد موقع ويب ثابت. إذا لم يتم تنشيطه، فستحتاج إلى تنشيطه بعد اكتمال التنشيط، نختار تحميل الملفات وتحميل جميع الملفات الموجودة في التوزيع بعد اكتمال التحميل، حدد تكوين موقع الويب وانسخ اسم المجال، ويمكنك الوصول إليه مباشرة.
2.4.diancan-user
نختار الإصدار في محرر Hbulid - برنامج WeChat المصغر - ثم نفتح أداة تطوير WeChat - ندخل إلى أداة تطوير WeChat ونختار الإصدار
