HMS AnalyticsKit Demo for Javascript

English | 中文

Table of Contents

• Introduction
• Getting Started
• Installation
• Configuration
• Environment requirements
• Result
• License

Introduction

HmsAnalyticsKitDemo is a web client that applying HUAWEI Hianalytics SDK used for showing how to collect user engagement and user preference. Read more about Hianalytics.

Getting Started

For more development guidance, please refer to the links below:

Development Guide.

API References.

We also provide an example to demonstrate the use of analytics SDK for Web.

This sample uses the npm package manager.

First download the demo by cloning this repository or downloading an archived snapshot.

In VS Code, use the "File -> Open Folder", and select the directory of "analytics-demo".

We provide two demos:

1. hmsanalyticskitdemo: this is a completed code for the sample app
2. hmsanalyticskitdemo-start: this is a starting code that you'll build upon during this codelab.

You can switch to the hmsanalyticskitdemo directory, use the command npm install to install the dependencies, then run command npm run dev to run the project directly.

You should create an app in AppGallery Connect, and obtain the project configuration then copy to your web project.Development Process.

Installation

1. Use VS Code to open the decompressed project
2. Switch to the right demo directory, use the command npm install to install the dependencies.
3. After the configuration is complete, run npm run dev to start the demo project.

Configuration

Create a web app in AppGallery Connect and obtain the project configuration, then copy it to your web project.

Environment requirements

Hardware requirements:

1. A computer
2. A browser, such as Chrome

Software requirements:

1. The IDE/text editor such as VS Code or WebStorm
2. The package manager npm , which typically comes with Node.js
3. The codelab's sample code
4. A terminal/console

Result

After running the app you should see a screen like this:

Click the button TRUE or FALSE to answer the question; Click POST SCORE, log the score user got. All the infomations will be upload to Hianalytics, and you can see these infomations in real time using Real-time.

Click button SETTINGS:

You will be asked what your favorite sport is. This choice will be logged to Hianalytics as a User Property.

Question or issues

If you want to evaluate more about HMS Core, r/HMSCore on Reddit is for you to keep up with latest news about HMS Core, and to exchange insights with other developers.

If you have questions about how to use HMS samples, try the following options:

• Stack Overflow is the best place for any programming questions. Be sure to tag your question with huawei-mobile-services.
• Huawei Developer Forum HMS Core Module is great for general questions, or seeking recommendations and opinions.

If you run into a bug in our samples, please submit an issue to the Repository. Even better you can submit a Pull Request with a fix.

License

HmsAnalyticsKitDemo is licensed under the Apache License, version 2.0.