Téléchargement de wedding card - Téléchargement du code source wedding card

wedding card

Autres catégories

1.0.0

Télécharger

E-Story

Aucun serveur, utilisez la fonction cloud de Tencent Cloud CloudBase, garde de site Web statique, base de données, extrêmement faible (visualisation gratuite gratuite ou un centime par jour)

Les administrateurs peuvent générer des codes QR invitants

Utilisez-vous lorsque vous vous mariez, maintenant habitué pour commémorer et enregistrer

Adresse en ligne: https://wedding.hal.wang

L'adresse Web est /admin et entre dans la page de gestion.

Le contenu du code QR généré est une URL telle que https://wedding.hal.wang/#/?name=%E6%B1%AAP

La page d'accueil已相守... 天est dynamique.

Si vous l'utilisez vous-même, vous devez le faire:

Déploiement d'un clic
Ajouter des variables d'environnement
- Admin: mot de passe administrateur
- Marié: le nom du marié
- Mariée: le nom de la mariée
- Date: temps de mariage, format yyyy-mm-dd hh: mm: ss
- Addr: adresse détaillée
- Téléphone: téléphone
- COUVERTURE: Nom du fichier de couverture, téléchargez le fichier correspondant dans le répertoire des racines de stockage cloud
- Album: nom du fichier d'album, peut être séparé par une virgule, comme 1.jpg , 2.png , ... le fichier correspondant est téléchargé dans le répertoire de l'album de stockage cloud
- Musique: nom de fichier de musique de fond, téléchargez le fichier correspondant dans le répertoire des racines de stockage cloud
- FAVICON: Nom du fichier d'icône Web, téléchargement du fichier correspondant dans le répertoire racine de stockage cloud
- MHID: ID de modèle de code Flower QR, utilisé pour générer un code QR de l'invitation heureuse

À propos de l'ID de modèle de code QR de paille

Visitez https://cli.im/api

Ajustez le modèle d'embellissement, la connexion sera générée automatiquement, où mhid est l'ID de modèle

Développement secondaire

Si la fonction existante ne peut pas être satisfaite, vous pouvez développer un développement secondaire

API

Créer des fichiers .env.local sous wedding-card-api , le contenu est le suivant

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

Exécuter l'API

Installez d'abord les dépendances, exécutez-la sous wedding-card-api

npm install

Utilisez VScode pour ouvrir wedding-card-api , directement F5 pour commencer à déboguer

Ou exécuter dans le répertoire wedding-card-api

npm start

Web

Installez d'abord les dépendances, exécutez-la sous wedding-card-web

npm install

Puis exécutez la commande suivante en cours d'exécution

npm run dev:test

Ou utilisez l'interface publiée, vous devez modifier VITE_GLOB_PROXY_API_URL dans le fichier wedding-card-web/.env.development

Puis courez

npm run dev

libérer

Vous pouvez utiliser @cloudbase/cli localement, ou vous pouvez utiliser l'action GitHub

Libération de CLI

Créer .env.local dans le répertoire racine du projet (notez qu'il s'agit du répertoire racine du projet, pas de l'API ou du Web)

Le contenu est le suivant

 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，用于生成喜帖二维码

Exécutez la commande suivante dans le répertoire racine du projet émis