wedding card

Eストーリー

サーバーなし、Tencent Cloud CloudBaseのクラウド機能、静的なWebサイトの管理、データベース、非常に低コスト（無料表示無料または1日あたり1ペニー）を使用してください）

管理者は、魅力的なQRコードを生成できます

あなたが結婚するときに自分自身を使用してください、今は記念して記録するために使用されます

オンラインアドレス：https：//wedding.hal.wang

Webアドレスは/adminであり、管理ページを入力して、招待状QRコードを生成できます。

生成されたQRコードコンテンツは、https：//wedding.hal.wang/#/?name=%E6%B1%AAPなどのURLです。

ホームページは已相守... 天結婚前のものである場合、結婚式のカウントダウンとして表示されます。

自分で使用する場合は、それを行う必要があります。

1. 1つの展開をクリックします

2. 環境変数を追加します

   • 管理者：管理者パスワード
   • 新郎：新郎の名前
   • 花嫁：花嫁の名前
   • 日付：結婚時間、フォーマットyyyy-mm-dd hh：mm：ss
   • ADDR：詳細なアドレス
   • 電話：電話
   • カバー：カバーファイル名、対応するファイルをクラウドストレージルーツディレクトリにアップロードします
   • アルバム：アルバムファイル名は、 1.jpg 、 2.pngなどのコンマで区切ることができます...対応するファイルはクラウドストレージアルバムディレクトリにアップロードされます
   • 音楽：バックグラウンドミュージックファイル名、対応するファイルをクラウドストレージルーツディレクトリにアップロードします
   • Favicon：Webアイコンファイル名、クラウドストレージルートディレクトリへの対応するファイルのアップロード
   • MHID：Happy Invitation QRコードを生成するために使用されるフラワーQRコードテンプレートID

Straw QRコードテンプレートIDについて

https://cli.im/apiにアクセスしてください

美化テンプレートを調整すると、接続が自動的に生成され、 mhidパラメーターはテンプレートIDです

二次発達

既存の関数が満たされない場合、二次開発を開発できます

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またはWebではなく、プロジェクトのルートディレクトリであることに注意してください）

コンテンツは次のとおりです

 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で見ることができます