1. Herramientas de instalación (trabajos de preparación)
La complejidad de implementación de este proyecto es relativamente alta (aquellos interesados en aprender esta pila de tecnología pueden intentar la implementación)
1. Primero instalemos node.js [http://nodejs.cn/download/]
2. Win + r ingrese cmd y haga clic en Aceptar para abrir la entrada del panel de línea de comando (instalar cnpm)
npm install -g cnpm --registry=https://registry.npm.taobao.org
3. Se requieren al menos dos herramientas de desarrollo para ejecutar el proyecto: una Hbuildex y una herramienta de desarrollo WeChat;
Dirección de descarga de Hbuildex: Descargar la versión de desarrollo de la aplicación
Herramientas para desarrolladores de WeChat: descargue la versión estable
4. Abra la plataforma pública WeChat—Registrar miniprograma—Obtener Appid—Desarrollar gestión—Obtener Appid en la configuración de desarrollo
2. Configuración de la base de datos en la nube
diancan-user: este paquete de código es un código de programa pequeño
1. Coloque el paquete de código en Hbuildex, abra el archivo manifest.json y cambie la aplicación del miniprograma WeChat al ID del miniprograma que registró.
Cambie env en el archivo APP.vue a su propia identificación de entorno (la identificación de entorno se obtiene en el desarrollo en la nube de las herramientas de desarrollo de WeChat) y siga las instrucciones para crear un desarrollo en la nube y un entorno de desarrollo en la nube.
2. Seleccione el proyecto diancan-user con el mouse y luego haga clic en Ejecutar en la parte superior del editor: ejecute el simulador del subprograma. Es posible que no se abra en este momento, así que abra manualmente las herramientas de desarrollador de WeChat, haga clic en Abrir con seguridad el puerto de servicio en la configuración del proxy en la configuración. Si las herramientas de desarrollador se ejecutan correctamente, la consola informará un error.
3. Haga clic en Desarrollo de la nube en la parte superior de WeChat Developer Tools (si aún no se ha activado, siga las instrucciones para activarlo) para ingresar a la Consola de desarrollo de la nube, haga clic en Base de datos para crear cada colección de acuerdo con el siguiente nombre:
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. Cree una carpeta en el administrador de recursos en WeChat Developer Tools. La carpeta se llama: cloudfunctions. Haga clic derecho y cree una función de nube de nodejs llamada: Dish-manage, y luego se generará en nuestro archivo Dish-manage. Para algunos archivos, solo necesitamos reemplazar el archivo index.js en el archivo con index.js en el archivo de función diancan-user/cloud.
Luego reemplace el env en el archivo con su propia identificación de entorno. El código es el siguiente:
cloud.init({
env: '改为你自己的云环境id'
})
A continuación, haga clic derecho en el archivo de administración de Dish: cargar e implementar (elija no cargar node_modules), instale las dependencias en la nube y espere a que se complete la carga, incluido el archivo search.js del archivo en la nube. función (los pasos son los mismos que los anteriores)
3. Modificaciones de código
1. Regrese al paquete de código de usuario, abra las líneas 15-16 del archivo main.js y src/main.js en el lado de la PC, de la siguiente manera:
Vue . prototype . goeasy = GoEasy . getInstance ( {
host : "改为你自己的区域" , //改为：区域.goeasy.io
appkey : "改为你自己的appkey" , //进入详情Common key
modules : [ 'pubsub' ] //根据需要，传入‘pubsub’或'im’，或数组方式同时传入
} ) ; 2. Configure el nombre de dominio del servidor (nombre de dominio legal del socket) wss://wx-hangzhou.goeasy.io en la configuración de desarrollo de la plataforma en la gestión de desarrollo público de WeChat.
3. Abra diancan-node: este paquete de código es el final de la interfaz
4. Abra las líneas 7 y 8 del archivo config/databaseapi.js de la siguiente manera, cambie el miniprograma appid y la clave secreta por su cuenta.
let param = qs . stringify ( {
grant_type : 'client_credential' ,
appid : '改为你自己的' ,
secret : '改为你自己的' （微信公众平台进入开发管理-开发设置生成一个APPsecret）
} ) 5. Pasos para obtener la identificación de la plantilla:
5.1 Abra la plataforma pública WeChat y seleccione la información de suscripción, seleccione la biblioteca de plantillas públicas para buscar entradas de plantillas - notificación de pedido de confirmación del comerciante - seleccione el monto del pago, el tiempo de pago y el número de pedido.
Nota: La categoría de servicio registrada en el mini programa debe ser el servicio de información de catering en servicios de catering antes de poder recuperarla. Si no es información de catering, puede encontrar la categoría de servicio en la configuración de nuestra plataforma pública WeChat para cambiarla o agregarla. él.
5.2 Después de seleccionar la plantilla, puede ver la identificación de la plantilla en Mis plantillas. La copiamos y abrimos la línea 70 del archivo config/databaseapi.js para cambiar el mensaje de suscripción template_id a su propia identificación de plantilla.
6. Abra el archivo router/order/order.js y cambie los tres nombres de campo (cantidad1, hora2, cadena_carácter3) en la línea 75. (Verifique sus tres campos en Mi plantilla - Detalles. Vea si son iguales a este campo, si no, realice cambios)
7. Abrimos páginas/página de inicio/página.vue en diancan-user nuevamente y cambiamos el template_id en la línea 121 por el nuestro.
4. Configuración de Tencent Cloud Storage (cos)
1. Abra las líneas 4 a 11 del archivo cos/cos.js en el código del nodo de la siguiente manera:
var cos = new COS({
SecretId: '改为你自己的', （在腾讯云的密钥管理中获取）
SecretKey: '改为你自己的', （同上）
Protocol:'https:'
});
Abra este enlace para registrarse [https://cloud.tencent.com/login?s_url=https%3A%2F%2Fconsole.cloud.tencent.com%2Fcos]. Ingrese a Tencent Cloud Object Storage. Buscamos el depósito y elegimos. crear un depósito (Solo necesitamos modificar los permisos a: lectura pública y escritura privada, y elegir la región más cercana a usted)
let Bucket = '改为你自己的' （这个为创建的存储桶名称）
let Region = '改为你自己的' （这个为所属的地域）
2. Ingrese al depósito y cree una carpeta para almacenar los archivos cargados.
Líneas 18 y 36: Clave: 'Cambiar a su propio nombre de carpeta' + nombre de archivo (la clave es la carpeta que creó)
3. Haga clic derecho en diancan-node en HbuliderX y use la línea de comando para abrir el directorio donde se encuentra la ventana. Ingrese npm install --save. Después del éxito, aparecerá un paquete node_modules. Luego ejecute nodemon app.js para iniciar el servidor. Si no tiene éxito, use npm run test.
5. Inicio del terminal de gestión en segundo plano.
saoma-diancan-pc: el terminal de gestión en segundo plano de este paquete de código
1. Haga clic derecho en saoma-diancan-pc en HbuliderX y use la línea de comando para abrir el directorio donde se encuentra la ventana e ingrese npm install --save
2. Luego ejecute npm runserve para iniciar el proyecto, abra la dirección en el navegador, registre una cuenta e inicie sesión.
3. Cree información comercial de acuerdo con las indicaciones. En este momento, puede agregar el código de pedido y cargar las categorías de platos y estantes.
4. Después de agregar el código de pedido y enumerar los platos en la administración en segundo plano en el paso anterior, vaya a la herramienta de desarrollo de WeChat, compile e ingrese a través del código QR que agregó.
6. Conecte la impresora
1. Debemos comprar la impresora en la nube Xinye
2. Conectamos la impresora a wifi según el manual de instrucciones
3. Ingrese a la plataforma de administración back-end de la impresora en la nube Xinye [https://admin.xpyun.net/#/login?redirect=%2Fpersonal] para registrar una cuenta y luego autenticarse para ingresar.
4. Luego seleccionamos - Administración de dispositivos en Administración de impresión e ingresamos el número de impresora, que es el sn de la impresora, para agregar la impresora a nuestro dispositivo.
5. Abrimos nuestro archivo diancan-user y abrimos el archivo Xpyun.js en la impresora
Modifica el siguiente código
let xpYun = {
user : '在芯烨云后端管理平台中的账号信息把开发者id拷贝过来' ,
timestamp : new Date ( ) . getTime ( ) ,
UserKEY : '这个为开发者密钥在开发者id下面' ,
sn : '打印机身上的sn' ,
name : '设置成自己的店铺名称'
} 6. Si queremos cambiar el contenido impreso por la impresora, ingresamos al archivo print_content.js y realizamos cambios según nuestra tienda, dirección y número de teléfono.
7. El código se conecta (debe probarse localmente sin ningún problema y luego implementarse en línea si puede ejecutarse sin problemas)
1.nodo-diancan
Primero abrimos [https://cloud.weixin.qq.com/cloudrun?utm_source=idecloudconsole] y luego escaneamos el código para iniciar sesión y luego seleccionamos el mini programa en el que queremos iniciar sesión. Despliegue el panel de solicitud y seleccione implementación del marco koa (puede llevar mucho tiempo, espere pacientemente). Después de esperar a que la implementación sea exitosa, seleccione Publicar, luego elija cargar manualmente el paquete de código y seleccione la carpeta. En este momento, primero abrimos nuestro editor para ver si hay node_modules en nuestro nodo diancan y lo eliminamos. luego seleccione nuestra carpeta diancan-node. Cambie el puerto a 5000 y seleccione Publicar. Una vez completado el lanzamiento, elegimos acceder a él utilizando un nombre de dominio público.
2.saoma-diancan-pc
2.1 Usamos Hbuildex para abrirlo y seleccionamos api.js en la carpeta api. Cambie el siguiente código const url = 'http://localhost:5000/api/ al nombre de dominio que acabamos de obtener en el alojamiento en la nube.
例如：const url = 'https://koa-bu8u-166122-1309878414.ap-shanghai.run.tcloudbase.com/api/'
2.2 Haga clic derecho en saoma-diancan-pc en hbulider, use la línea de comando para abrir el directorio donde se encuentra la ventana, ingrese npm run build y aparecerá un archivo dist en la carpeta saoma-diancan-pc.
2.3 Abramos la herramienta de desarrollo WeChat y seleccionemos Desarrollo en la nube: seleccione Más y seleccione Sitio web estático. Si no está activado, debe activarlo. Una vez completada la activación, elegimos cargar archivos y cargar todos los archivos en la dist. Una vez completada la carga, seleccione Configurar sitio web y copie el nombre de dominio, y podrá acceder a él directamente.
2.4.diancan-usuario
Seleccionamos lanzamiento en el editor Hbulid - mini programa WeChat - y luego abrimos la herramienta de desarrollo WeChat - ingresamos a la herramienta de desarrollo WeChat y seleccionamos lanzamiento
