wedding card

E -Story

Tidak ada server, gunakan fungsi cloud Tencent Cloud Cloudbase, hak asuh situs web statis, basis data, biaya sangat rendah (gratis tampilan gratis atau satu sen per hari)

Administrator dapat menghasilkan kode QR yang mengundang

Gunakan diri Anda saat Anda menikah, sekarang terbiasa memperingati dan merekam

Alamat online: https://wedding.hal.wang

Alamat web adalah /admin dan memasuki halaman manajemen.

Konten kode QR yang dihasilkan adalah URL seperti https://wedding.hal.wang/#/?name=%E6%B1%AAP

Beranda已相守... 天itu dinamis.

Jika Anda menggunakannya sendiri, Anda perlu melakukannya:

1. Satu -klik penempatan

2. Tambahkan variabel lingkungan

   • Admin: Kata Sandi Administrator
   • Pengantin pria: nama pengantin pria
   • Pengantin: nama pengantin wanita
   • Tanggal: Waktu Pernikahan, format yyyy-mm-dd hh: mm: ss
   • Addr: Alamat terperinci
   • Telepon: Telepon
   • Cover: Nama file sampul, unggah file yang sesuai ke direktori root penyimpanan cloud
   • Album: Nama file album, dapat dipisahkan dengan koma, seperti 1.jpg , 2.png , ... file yang sesuai diunggah ke direktori album penyimpanan cloud
   • Musik: Nama File Musik Latar Belakang, Unggah File yang sesuai ke Direktori Root Penyimpanan Cloud
   • Favicon: Nama file ikon web, unggah file yang sesuai ke direktori root penyimpanan cloud
   • MHID: ID Template Kode QR Bunga, Digunakan untuk Menghasilkan Kode QR Undangan Bahagia

Tentang ID Template Kode QR

Kunjungi https://cli.im/api

Sesuaikan template kecantikan, koneksi akan secara otomatis dihasilkan, di mana parameter mhid adalah ID templat

Pengembangan Sekunder

Jika fungsi yang ada tidak dapat dipenuhi, Anda dapat mengembangkan pengembangan sekunder

API

Buat file .env.local di bawah wedding-card-api , kontennya adalah sebagai berikut

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

Jalankan API

Instal Ketergantungan terlebih dahulu, jalankan di bawah wedding-card-api

npm install

Gunakan vScode untuk membuka wedding-card-api , langsung F5 untuk memulai debugging

Atau eksekusi di direktori wedding-card-api

npm start

Web

Pasang dependensi terlebih dahulu, jalankan di bawah wedding-card-web

npm install

Kemudian jalankan perintah berikut

npm run dev:test

Atau gunakan antarmuka yang diterbitkan, Anda perlu memodifikasi VITE_GLOB_PROXY_API_URL di file wedding-card-web/.env.development file

Lalu jalankan

npm run dev

melepaskan

Anda dapat menggunakan @cloudbase/cli secara lokal, atau Anda dapat menggunakan aksi github

Rilis CLI

Buat .env.local di direktori root proyek (perhatikan bahwa itu adalah direktori root proyek, bukan API atau web)

Kontennya adalah sebagai berikut

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

Jalankan perintah berikut di direktori root proyek yang dikeluarkan

npm run deploy

Tindakan GitHub

Tambahkan Rahasia di Gudang, Di Settings -> Secrets -> Actions , klik tombol New repository secret

• Tencent_secret_id: Tencent Cloud Secret ID
• Tencent_secret_key: Kunci rahasia Tencent Cloud
• Env: Isi file .env.local cli 发布

Setelah konfigurasi selesai, cabang utama mengirimkan kode akan secara otomatis diterbitkan ke CloudBase

Kemajuan rilis dapat dilihat dalam Actions gudang