wedding card

E -Story

Kein Server, verwenden Sie die Cloud -Funktion von Tencent Cloud Cloudbase, statische Website -Sorgerecht, Datenbank, extrem kostengünstige (kostenlose Anzeige kostenlos oder ein Penny pro Tag)

Administratoren können einladende QR -Codes generieren

Verwenden Sie sich selbst, wenn Sie heiraten, jetzt zum Gedenken und Aufzeichnung verwendet

Online -Adresse: https://wedding.hal.wang

Die Webadresse lautet /admin und gibt die Verwaltungsseite ein.

Der generierte QR -Code -Inhalt ist eine URL wie https://wedding.hal.wang/#/?name=%E6%B1%AAP

Die Homepage已相守... 天ist dynamisch.

Wenn Sie es selbst verwenden, müssen Sie es tun:

1. Ein -Klick -Bereitstellung

2. Umgebungsvariablen hinzufügen

   • Administrator: Administrator Passwort
   • Bräutigam: Der Name des Bräutigams
   • Braut: Braut der Name
   • Datum: Heiratszeit, Format yjyy-mm-dd hh: mm: ss
   • ADDR: Detaillierte Adresse
   • Telefon: Telefon
   • Abdeckung: Cover Dateiname und laden Sie die entsprechende Datei in das Verzeichnis Cloud Storage Roots hoch
   • Album: Album -Dateiname, kann von Comma getrennt 2.png , wie 1.jpg
   • Musik: Hintergrundmusik -Dateiname und laden Sie die entsprechende Datei in das Cloud Storage Roots -Verzeichnis hoch
   • Favicon: Web -Symbol -Dateiname, Hochladen der entsprechenden Datei in das Cloud -Speicher -Root -Verzeichnis hoch
   • MHID: Blume QR -Code -Vorlagen -ID, verwendet, um einen glücklichen Einladungs ​​-QR -Code zu generieren

Über die ID der Stroh -QR -Code -Vorlagen -ID

Besuchen Sie https://cli.im/api

Passen Sie die Verschönerungsvorlage an, die Verbindung wird automatisch generiert, wobei mhid -Parameter die Vorlagen -ID ist

Sekundärentwicklung

Wenn die vorhandene Funktion nicht erfüllt werden kann, können Sie eine sekundäre Entwicklung entwickeln

API

Erstellen Sie Dateien .env.local unter wedding-card-api , der Inhalt ist wie folgt

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

API laufen

Installieren Sie zuerst die Abhängigkeiten und führen Sie sie unter wedding-card-api aus

npm install

Verwenden Sie VSCODE, um wedding-card-api zu öffnen, direkt F5, um mit dem Debuggen zu beginnen

Oder im Verzeichnis wedding-card-api Verzeichnis ausführen

npm start

Netz

Installieren Sie die Abhängigkeiten zuerst und führen Sie sie unter wedding-card-web aus

npm install

Führen Sie dann den folgenden Befehl aus, der ausgeführt wird

npm run dev:test

VITE_GLOB_PROXY_API_URL wedding-card-web/.env.development

Dann rennen

npm run dev

freigeben

Sie können @cloudbase/cli lokal oder GitHub -Aktion verwenden

CLI -Veröffentlichung

Create .env.local im Projekt rootverzeichnis (Beachten Sie, dass es sich um das Stammverzeichnis des Projekts handelt, nicht die API oder das Web)

Der Inhalt ist wie folgt

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

Führen Sie den folgenden Befehl im herausgegebenen Projekt Root Directory aus

npm run deploy

Github -Aktionen

Fügen Sie Geheimnisse im Lagerhaus hinzu, in Settings -> Secrets -> Actions , klicken Sie auf die Schaltfläche New repository secret

• Tencent_secret_id: Tencent Cloud Secret ID
• Tencent_secret_key: Tencent Cloud Secret Key
• Env: Der Inhalt der cli 发布.env.local -Datei veröffentlicht

Nach Abschluss der Konfiguration gibt der Hauptzweig der Code automatisch an CloudBase aus

Der Veröffentlichungsfortschritt ist in den Actions zu sehen