wedding card

E -STORY

Sem servidor, use a função em nuvem do Tencent Cloudbase, custódia estática do site, banco de dados, custo extremamente baixo (visualização gratuita gratuita ou um centavo por dia)

Os administradores podem gerar códigos QR convidativos

Use a si mesmo quando se casar, agora costumava comemorar e gravar

Endereço online: https://wedding.hal.wang

O endereço da web é /admin e insere a página de gerenciamento.

O conteúdo de código QR gerado é um URL como https://wedding.hal.wang/#/?name=%6%B1%AAP

A página inicial已相守... 天é dinâmico.

Se você usar você mesmo, precisará fazer isso:

1. Implantação de um clique

2. Adicione variáveis ​​de ambiente

   • Admin: senha do administrador
   • Noivo: o nome do noivo
   • Noiva: o nome da noiva
   • Data: Hora do casamento, formato aaaaa-dd hh: mm: ss
   • AddR: endereço detalhado
   • Telefone: telefone
   • Capa: Nome do arquivo de capa, envie o arquivo correspondente ao diretório de raízes de armazenamento em nuvem
   • Álbum: Nome do arquivo do álbum, pode ser separado por vírgula, como 1.jpg , 2.png , ... o arquivo correspondente é carregado no diretório do álbum de armazenamento em nuvem
   • Música: Nome do arquivo de música de fundo, envie o arquivo correspondente ao diretório de raízes de armazenamento em nuvem
   • Favicon: Nome do arquivo do ícone da web, upload do arquivo correspondente no diretório raiz de armazenamento em nuvem
   • MHID: ID do modelo de código QR da flor, usado para gerar um código QR de convite feliz

Sobre o ID do modelo de código QR de palha

Visite https://cli.im/api

Ajuste o modelo de embelezamento, a conexão será gerada automaticamente, onde mhid é o ID do modelo

Desenvolvimento secundário

Se a função existente não puder ser satisfeita, você pode desenvolver desenvolvimento secundário

API

Crie arquivos .env.local sob wedding-card-api , o conteúdo é o seguinte

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

Execute API

Instale as dependências primeiro, execute-as sob wedding-card-api

npm install

Use o vscode para abrir wedding-card-api , diretamente F5 para começar a depurar

Ou execute no diretório wedding-card-api

npm start

Web

Instale as dependências primeiro, execute-as em wedding-card-web

npm install

Em seguida, execute o seguinte comando em execução

npm run dev:test

Ou use a interface publicada, você precisa modificar VITE_GLOB_PROXY_API_URL no arquivo de wedding-card-web/.env.development

Em seguida, corra

npm run dev

liberar

Você pode usar @cloudbase/cli localmente, ou pode usar a ação do GitHub

Liberação da CLI

Crie .env.local no diretório raiz do projeto (observe que é o diretório raiz do projeto, não a API ou a Web)

O conteúdo é o seguinte

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

Execute o seguinte comando no diretório raiz do projeto emitido

npm run deploy

Ações do GitHub

Adicione segredos no armazém, em Settings -> Secrets -> Actions , clique no New repository secret

• Tencent_secret_id: tencent em nuvem ID secreta
• Tencent_secret_key: tencent nuvem secreta chave
• Env: O conteúdo do arquivo .env.local cli 发布

Após a conclusão da configuração, a filial principal envia o código publicado automaticamente no CloudBase

O progresso da liberação pode ser visto nas Actions do armazém