wedding card

Historia e

Sin servidor, use la función de nube de Tencent Cloud CloudBase, custodia estática del sitio web, base de datos, un costo extremadamente bajo (visualización gratuita gratuita o un centavo por día)

Los administradores pueden generar códigos QR acogedores

Úsase cuando te cases, ahora solía conmemorar y grabar

Dirección en línea: https://wedding.hal.wang

La dirección web es /admin y ingresa a la página de administración.

El contenido de código QR generado es una URL como https://wedding.hal.wang/#/?name=%E6%B1%AAP

La página de inicio已相守... 天es dinámico.

Si lo usa usted mismo, debe hacerlo:

1. Implementación de un clic

2. Agregar variables de entorno

   • Administrador: contraseña del administrador
   • Novio: el nombre del novio
   • Novia: el nombre de la novia
   • Fecha: hora de matrimonio, formato aaa yyyy-mm-dd hh: mm: ss
   • ADDR: dirección detallada
   • Teléfono: teléfono
   • Cubierta: Cubra el nombre del archivo, cargue el archivo correspondiente en el directorio de Roots de almacenamiento en la nube
   • Álbum: Nombre del archivo del álbum, se puede separar por coma, como 1.jpg , 2.png , ... el archivo correspondiente se carga en el directorio de álbum de almacenamiento en la nube
   • Música: Nombre del archivo de música de fondo, cargue el archivo correspondiente en el directorio de Roots Roots de almacenamiento en la nube
   • FAVICON: Nombre del archivo del icono web, carga del archivo correspondiente al directorio root de almacenamiento en la nube
   • MHID: ID de plantilla de código Flower QR, utilizado para generar un código QR de feliz invitación

Acerca de la ID de plantilla de código de Straw QR

Visite https://cli.im/api

Ajuste la plantilla de embellecimiento, la conexión se generará automáticamente, donde mhid es la ID de plantilla

Desarrollo secundario

Si no se puede satisfacer la función existente, puede desarrollar el desarrollo secundario

API

Crear archivos .env.local bajo wedding-card-api , el contenido es el siguiente

 SCF_NAMESPACE=cloudbase环境id
SECRET_KEY=腾讯云 secret key
SECRET_ID=腾讯云 secret id
ADMIN=管理员密码
COVER=封面文件名，对应文件上传至云存储根目录
ALBUM=相册文件名，可多个，使用逗号分隔，如 1.jpg,2.png,...。对应文件上传至云 album 目录中
MUSIC=背景音乐文件名，对应文件上传至云存储根目录
FAVICON=网页图标文件名，对应文件上传至云存储根目录

Run API

Instale las dependencias primero, ejecútelo bajo wedding-card-api

npm install

Use VScode para abrir wedding-card-api , directamente F5 para comenzar a depurar

O ejecutar en el directorio de wedding-card-api

npm start

Web

Instale las dependencias primero, ejecútelo bajo wedding-card-web

npm install

Luego ejecute el siguiente comando ejecutándose

npm run dev:test

O use la interfaz publicada, debe modificar VITE_GLOB_PROXY_API_URL en wedding-card-web/.env.development File

Luego corre

npm run dev

liberar

Puede usar @cloudbase/cli localmente, o puede usar GitHub Action

Liberación de CLI

Crear .env.local en el directorio raíz del proyecto (tenga en cuenta que es el directorio raíz del proyecto, no la API o la web)

El contenido es el siguiente

 ENV_ID=cloudbase环境id
ADMIN=管理员密码
GROOM=新郎姓名
BRIDE=新娘姓名
DATE=结婚时间，格式 yyyy-MM-dd HH:mm:ss
ADDR=详细地址
PHONE=电话
COVER=封面文件名，对应文件上传至云存储根目录
ALBUM=相册文件名，可多个，使用逗号分隔，如 1.jpg,2.png,...。对应文件上传至云 album 目录中
MUSIC=背景音乐文件名，对应文件上传至云存储根目录
FAVICON=网页图标文件名，对应文件上传至云存储根目录
MHID=草料二维码 ID，用于生成喜帖二维码

Ejecute el siguiente comando en el directorio de Project Root emitido

npm run deploy

Acciones de Github

Agregue secretos en el almacén, en Settings -> Secrets -> Actions , haga clic en el botón New repository secret

• Tencent_secret_id: Tencent Cloud Secret ID
• Tencent_secret_key: Tencent Cloud Secret Key
• Env: El contenido del archivo .env.local cli 发布

Después de completar la configuración, la rama principal envía el código se publicará automáticamente en CloudBase

El progreso del lanzamiento se puede ver en las Actions del almacén