ดาวน์โหลด wedding card - ดาวน์โหลดซอร์สโค้ด wedding card

wedding card

หมวดหมู่อื่นๆ

1.0.0

ดาวน์โหลด

E -story

ไม่มีเซิร์ฟเวอร์ใช้ฟังก์ชั่นคลาวด์ของ Tencent Cloudbase, การดูแลเว็บไซต์แบบคงที่ฐานข้อมูลราคาต่ำมาก (ดูฟรีฟรีหรือเพนนีต่อวัน)

ผู้ดูแลระบบสามารถสร้างรหัส QR ที่เชิญชวน

ใช้ตัวเองเมื่อคุณแต่งงานตอนนี้ใช้เพื่อรำลึกและบันทึก

ที่อยู่ออนไลน์: https://wedding.hal.wang

ที่อยู่เว็บคือ /admin และเข้าสู่หน้าการจัดการคุณสามารถเพิ่มคำเชิญและสร้างรหัส QR คำเชิญ

เนื้อหารหัส QR ที่สร้างขึ้นเป็น URL เช่น https://wedding.hal.wang/#/?name=%E6%B1%AAP

โฮมเพจ已相守... 天ทรงพลัง

ถ้าคุณใช้มันเองคุณต้องทำ:

การปรับใช้หนึ่งครั้ง
เพิ่มตัวแปรสภาพแวดล้อม
- ผู้ดูแลระบบ: รหัสผ่านผู้ดูแลระบบ
- เจ้าบ่าว: ชื่อของเจ้าบ่าว
- เจ้าสาว: ชื่อเจ้าสาว
- วันที่: เวลาแต่งงาน, รูปแบบ yyyy-mm-dd hh: mm: ss
- Addr: ที่อยู่โดยละเอียด
- โทรศัพท์: โทรศัพท์
- Cover: Cover File Name, อัปโหลดไฟล์ที่เกี่ยวข้องไปยังไดเรกทอรี Roots Cloud Storage Roots
- อัลบั้ม: ชื่อไฟล์อัลบั้มสามารถคั่นด้วยเครื่องหมายจุลภาคเช่น 1.jpg , 2.png , ... ไฟล์ที่เกี่ยวข้องถูกอัปโหลดไปยังไดเรกทอรีอัลบั้มที่จัดเก็บข้อมูลคลาวด์
- เพลง: ชื่อไฟล์เพลงพื้นหลังอัปโหลดไฟล์ที่เกี่ยวข้องไปยังไดเรกทอรี Roots Cloud Storage Roots
- Favicon: ชื่อไฟล์ไอคอนเว็บอัปโหลดไฟล์ที่เกี่ยวข้องไปยังไดเรกทอรีรูทที่เก็บข้อมูลคลาวด์
- MHID: ID เทมเพลตรหัส QR Flower ใช้เพื่อสร้างรหัส QR คำเชิญที่มีความสุข

เกี่ยวกับรหัสเทมเพลตรหัส QR ฟางฟาง

เยี่ยมชม https://cli.im/api

ปรับเทมเพลตความงามการเชื่อมต่อจะถูกสร้างขึ้นโดยอัตโนมัติโดยที่พารามิเตอร์ mhid คือ ID เทมเพลต

การพัฒนาทุติยภูมิ

หากฟังก์ชั่นที่มีอยู่ไม่สามารถพึงพอใจได้คุณสามารถพัฒนาการพัฒนารอง

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 Release

สร้าง .env.local ในไดเรกทอรีรูทโครงการ (โปรดทราบว่ามันเป็นไดเรกทอรีรากของโครงการไม่ใช่ 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，用于生成喜帖二维码

เรียกใช้คำสั่งต่อไปนี้ในไดเรกทอรีรูทของโครงการที่ออก