Introduce You with LiCount

Simple lightweight counting component.

中文文档

Story Behind LiCount

After developing the LCookie, I think Lcookie Project Documents needs a page visit count, so I think of LeanCloud's data storage service, I made this .js, but this API is very fast, so don't worry about speed.

Description

licount is a JavaScript based web component that can bind DOM display and update counts, currently only supports counting page access.

LF112/licount is an open source project, released under the GNU General Public License v3.0 as a part of LF112 personal project.

How to Setup

The configuration is easy. We made it!

First step

You need to first introduce JavaScript on </body>.

     <script src="licount.js"></script>

Need to use the LeanCloud Javascript SDK here, LiCount supports automatic dynamic import of LeanCloud Javascript SDK, you can add or let LiCount yourself!

Second step

Now you must visit the official LeanCloud website and register to create an account. Then visit the '应用列表' and click '创建应用'. You only need to fill in the "新应用名称" and click "创建".

After creation, you need to wait 5 minutes for LeanCloud to initialize, then find the '创建 Class' button, enter LiCount in the input box of 'Class 名称', here must be LiCount, otherwise the LiCount component will not be recognized, then select None Restrict click on "创建 Class" again.

Then click the '设置' button in the left column, find '应用 KEY' and copy the APPID and APPKEY to fill in the LiCount configuration.

  <script src="licount.js"></script>
  <script>
      licount({APPID:'_Your APPID_',APPKEY:'_Your APPKEY_'});
  </script>

Third step

Now, you must create several DOMs for displaying LiCount, Show to display the count after loading, Add to display and update the count after loading, and ViewCount to display the DOM on the screen and count.

   <div id="licount_Show_demo">0</div>
   <div id="licount_ViewCount_demo">0</div>
   <div id="licount_Add_demo">0</div>
   <script src="licount.js">0</script>
   <script>
       licount({APPID:'_Your APPID_',APPKEY:'_Your APPKEY_',Main:[
           ['licount_Show_demo','Show'], //Display count.
           ['licount_Add_demo','Add'], //Automatic update and display count.
           ['licount_ViewCount_demo','ViewCount'] //The screen displays the DOM count.
       ]});
   </script>

Enjoy it!