Web Beauty Template

This template supports Tencent's Web Beauty Filters, allowing you to experience various beauty effects.

1. Deploy to Edgeone Pages and get the project preview link address

You can copy the project domain in the project list

Or copy the project domain name in the project overview

Be careful not to use the preview address domain of the deployment record. Each time you redeploy, a new deployment record will be generated and bound to a new domain. The domain of each deployment record is different, and the preview address of the project is fixed. You can view the latest deployment results by visiting the preview address of the project.

2. Create a license，Getting App ID,License Key and Licene Token

Reference Documentation ：Getting Web Beauty LIcense

1. Create a license Log in to TRTC Console > Beauty AR, and click Create Trial License Select Web&H5, and fill in the Project Name and Domain obtained in the first step. Once completed, click Confirm.
2. Getting App ID, License Key and License Token Getting the App ID, License Key and License Token from License Management. Web Domain: The domain information entered during project creation. The license can be used only under this domain or development environment.

3. Set environment variables and redeploy

1. Add environment variables in Edgeone Pages console Project Settings/Environment Variables

   NEXT_PUBLIC_APPID = 'your App ID'
   NEXT_PUBLIC_LICENSE_KEY = 'your License Key'
   NEXT_PUBLIC_LICENSE_TOKEN = 'your License Token'
   

   2. After redeployment, visit the project preview link again

Local Development

Project Setup

npm install

Setting Environment Variables

1. Get environment variables

Getting Web Beauty LIcense

2. Create .env.local

3. Write environment variables in .env.local:

NEXT_PUBLIC_APPID = 'your App ID'
NEXT_PUBLIC_LICENSE_KEY = 'your License Key'
NEXT_PUBLIC_LICENSE_TOKEN = 'your License Token'

Compile and Minify for Production

npm run build