Waline

A safe comment system with backend.

Install

npm i -D @waline/client

LeanCloud Settings (Database)

1. Sign in or sign up to LeanCloud and enter the Console.

2. Click the Create app button to create a new app and enter a name you like:

   

3. Enter the app, then select Settings > App Keys in the left bottom corner. You will see APP ID, APP Key and Master Key of your app. We will use them later.

   

Deploy to Vercel (Server)

1. Click the button above to redirect to Vercel and deploy with the Waline template.

   Tips

   If you haven't logged in, we recommend you sign in with GitHub.

2. Input your Vercel project name then click Create.

   

3. A repository named as your input will be created and initialized automatically based on the Waline example template by Vercel.

   

   After a minute or two, Vercel should finish the deployment. Click Go to Dashboard to redirect to your application dashboard.

   

4. Click Settings menu on the top, and Environment Variables button on the side to go to environment variables setting page. Then set LEAN_ID, LEAN_KEY and LEAN_MASTER_KEY. The variables' values should be the ones you got in the previous step. APP ID is the value of LEAN_ID, and APP Key to LEAN_KEY, Master Key to LEAN_MASTER_KEY.

   

5. To let your environment variables setting take effect, you need to redeploy your application. Click Deployments menu on the top and find the latest deployment at the top of list, click Redeploy button in the right dropdown menu.

   

6. If everything is ok, Vercel will redirect to Overview page to start redeployment. Wait a moment and the STATUS will change to Ready. Now you can click Visit to visit the site. This link is your server address.

   

Assign Domain (Optional)

1. Click Settings - Domains to go to domain setting page.

2. Input domain you want to assign and click Add button.

   

3. Add a new CNAME record in your domain service server.

   Type	Name	Value
   CNAME	example	cname.vercel-dns.com

4. You can use your own domain to visit the Waline comment system after it goes into effect. 🎉

   • serverURL: example.your-domain.com
   • admin panel: example.your-domain.com/ui

   

Client

Using plugin

Set provider: "Waline" in the plugin options, and set serverURL as the link obtained in the previous step.

Then, place the <CommentService> component at a suitable location in your site (usually at the bottom of the page), you will be able to see the comment box.

Comment Management (Management)

1. After the deployment is complete, please visit <serverURL>/ui/register to register. The first person to register will be set as an administrator.
2. After you log in as administrator, you can see the comment management interface. You can edit, mark or delete comments here.
3. Users can also register their account through comment box, and they will be redirected to their profile page after logging in.