wedding card

E- 스토리

서버 없음, Tencent Cloudbase의 클라우드 기능, 정적 웹 사이트 양육권, 데이터베이스, 매우 저렴한 비용 (무료 또는 1 페니를 하루에 1 페니) 사용하십시오.

관리자는 초대 QR 코드를 생성 할 수 있습니다

결혼 할 때 자신을 사용하십시오. 이제 기념하고 기록하는 데 사용됩니다.

온라인 주소 : https://wedding.hal.wang

웹 주소는 /admin 이며 관리 페이지를 입력하고 초대장을 추가하고 초대장 QR 코드를 생성 할 수 있습니다.

생성 된 QR 코드 컨텐츠는 https://wedding.hal.wang/#/?name=%E6%B1%AAP와 같은 URL입니다.

홈페이지는已相守... 天현재의 날짜가 결혼하기 전에, 그것은 결혼식의 카운트 다운으로 표시 될 것이다.

직접 사용하면 다음을 수행해야합니다.

1. 하나 -Click 배포

2. 환경 변수를 추가하십시오

   • 관리자 : 관리자 비밀번호
   • 신랑 : 신랑의 이름
   • 신부 : 신부의 이름
   • 날짜 : 결혼 시간, 형식 YYYY-MM-DD HH : MM : SS
   • ADDR : 자세한 주소
   • 전화 : 전화
   • 표지 : 표지 이름, 해당 파일을 클라우드 스토리지 루츠 디렉토리에 업로드
   • 앨범 : 앨범 파일 이름, 1.jpg , 2.png 등 Comma에 의해 분리 될 수 있습니다 ... 해당 파일은 클라우드 스토리지 앨범 디렉토리에 업로드됩니다.
   • 음악 : 배경 음악 파일 이름, 해당 파일을 클라우드 스토리지 루츠 디렉토리에 업로드
   • Favicon : 웹 아이콘 파일 이름, 해당 파일의 클라우드 스토리지 루트 디렉토리에 업로드
   • MHID : Flower QR 코드 템플릿 ID, 행복한 초대장 QR 코드를 생성하는 데 사용됩니다.

밀짚 QR 코드 템플릿 ID 정보

https://cli.im/api를 방문하십시오

미화 템플릿을 조정하면 연결이 자동으로 생성됩니다. 여기서 mhid 매개 변수는 템플릿 ID입니다.

이차 개발

기존 기능을 만족시킬 수없는 경우 2 차 개발을 개발할 수 있습니다.

API

wedding-card-api 아래에있는 파일 만들기 .env.local , 내용은 다음과 같습니다.

 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

또는 게시 된 인터페이스를 사용하려면 wedding-card-web/.env.development 파일에서 VITE_GLOB_PROXY_API_URL 수정해야합니다.

그런 다음 실행하십시오

npm run dev

풀어 주다

로컬로 @cloudbase/cli 사용할 수 있거나 GitHub 작업을 사용할 수 있습니다.

CLI 릴리스

프로젝트 루트 디렉토리에서 .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，用于生成喜帖二维码

발행 된 프로젝트 루트 디렉토리에서 다음 명령을 실행하십시오.

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 : cli 发布.env.local 파일의 내용

구성이 완료되면 기본 분기는 코드가 자동으로 CloudBase에 게시됩니다.

릴리스 진행 상황은 창고 Actions 에서 볼 수 있습니다.