wedding card

E -Story

Нет сервера, используйте функцию Tencent Cloud Cloudbase, статическое содержание на веб -сайте, базу данных, чрезвычайно низкая стоимость (бесплатно бесплатно или одна копейка в день)

Администраторы могут генерировать приглашающие QR -коды

Используйте себя, когда вы выйдете замуж, теперь привыкли отмечать и записывать

Онлайн адрес: https://wedding.hal.wang

Веб -адрес является /admin и входит в страницу управления.

Содержание сгенерированного QR -кода - это URL, такой как https://wedding.hal.wang/#/?name=%E6%B1%AAP

Домашняя страница已相守... 天динамичен.

Если вы используете это сами, вам нужно это сделать:

1. Одно -клика развертывания

2. Добавить переменные среды

   • Администратор: пароль администратора
   • Жених: имя жениха
   • Невеста: имя невесты
   • Дата: время брака, формат yyyy-mm-dd HH: MM: SS
   • ADDR: подробный адрес
   • Телефон: Телефон
   • Обложка: Обложка Имя файла, загрузите соответствующий файл в каталог корней облачных хранилищ
   • Альбом: имя альбома, можно разделить запятой, например, 1.jpg , 2.png , ... соответствующий файл загружается в каталог альбомов Cloud Storage
   • Музыка: Имя файла фоновой музыки, загрузите соответствующий файл в каталог Cloud Storage Roots
   • Favicon: имя файла веб -значков, загрузка соответствующего файла в каталог корневых хранилищ облачного хранилища
   • MHID: идентификатор шаблона QR Code Flower, используемый для генерации QR -кода счастливого приглашения

О идентификаторе шаблона QR -кода соломенного QR

Посетите https://cli.im/api

Отрегулируйте шаблон благоустройства, соединение будет автоматически сгенерировано, где параметр mhid является идентификатором шаблона

Вторичное развитие

Если существующая функция не может быть выполнена, вы можете разработать вторичную разработку

API

Создание файлов .env.local под wedding-card-api , контент следующим образом

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

Запустить API

Сначала установите зависимости, выполните ее под wedding-card-api

npm install

Используйте VSCODE для открытия wedding-card-api , напрямую F5, чтобы начать отладку

Или выполнять в каталоге wedding-card-api

npm start

Веб -

Сначала установите зависимости, выполните его под wedding-card-web

npm install

Затем выполните следующую команду, запущенную

npm run dev:test

Или использовать опубликованный интерфейс, вам необходимо изменить VITE_GLOB_PROXY_API_URL в файле wedding-card-web/.env.development

Затем беги

npm run dev

выпускать

Вы можете использовать @cloudbase/cli локально, или вы можете использовать действие GitHub

CLI релиз

Создать .env.local в каталоге Project Root (обратите внимание, что это корневой каталог проекта, а не API или Интернет)

Содержание выглядит следующим образом

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

Запустите следующую команду в выпущенном каталоге Project Root

npm run deploy

Действия GitHub

Добавить секреты на складе, в Settings -> Secrets -> Actions нажмите кнопку New repository secret

• Tencent_secret_id: Tencent Cloud Secret ID
• Tencent_secret_key: Tencent Cloud Secret Key
• Env: содержание .env.local File cli 发布

После завершения конфигурации основной филиал подчиняется код автоматически публиковать в Cloudbase

Прогресс выпуска можно увидеть в Actions склада