{"id":22441410,"url":"https://github.com/hms-core/hms-analytics-demo-javascript","last_synced_at":"2025-04-13T19:40:17.737Z","repository":{"id":45710472,"uuid":"281897979","full_name":"HMS-Core/hms-analytics-demo-javascript","owner":"HMS-Core","description":"HmsAnalyticsKitDemo is a app that applying HUAWEI Hianalytics SDK used for showing how to collect user engagement and user preference.","archived":false,"fork":false,"pushed_at":"2022-09-20T15:24:00.000Z","size":118,"stargazers_count":16,"open_issues_count":0,"forks_count":10,"subscribers_count":12,"default_branch":"master","last_synced_at":"2025-03-27T10:15:10.821Z","etag":null,"topics":["analyse-data","analytics-tracking","analyticsjs","hauwei","hms","huawei-analytics-kit","javascript-library"],"latest_commit_sha":null,"homepage":"https://developer.huawei.com/consumer/en/hms/huawei-analyticskit?ha_source=hms1","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/HMS-Core.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-07-23T08:40:06.000Z","updated_at":"2023-02-11T19:49:34.000Z","dependencies_parsed_at":"2022-09-24T14:20:23.684Z","dependency_job_id":null,"html_url":"https://github.com/HMS-Core/hms-analytics-demo-javascript","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HMS-Core%2Fhms-analytics-demo-javascript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HMS-Core%2Fhms-analytics-demo-javascript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HMS-Core%2Fhms-analytics-demo-javascript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HMS-Core%2Fhms-analytics-demo-javascript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/HMS-Core","download_url":"https://codeload.github.com/HMS-Core/hms-analytics-demo-javascript/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248770092,"owners_count":21158908,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["analyse-data","analytics-tracking","analyticsjs","hauwei","hms","huawei-analytics-kit","javascript-library"],"created_at":"2024-12-06T02:14:26.765Z","updated_at":"2025-04-13T19:40:17.707Z","avatar_url":"https://github.com/HMS-Core.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# HMS AnalyticsKit Demo for Javascript\n\n[![hms](https://img.shields.io/badge/hms-analytics-brightgreen)](https://developer.huawei.com/consumer/en/doc/development/HMS-References/3021004) \n\nEnglish | [中文](README_ZH.md)\n\n## Table of Contents\n\n* [Introduction](#introduction)\n* [Getting Started](#getting-started)\n* [Installation](#installation)\n* [Configuration ](#configuration )\n* [Environment requirements](#environment-requirements)\n* [Result](#result)\n* [License](#license)\n\n\n## Introduction\nHmsAnalyticsKitDemo is a web client that applying HUAWEI Hianalytics SDK used for showing how to collect user engagement and user preference.\n[Read more about Hianalytics](https://developer.huawei.com/consumer/en/doc/development/HMSCore-Guides/introduction-0000001050745149).\n\n## Getting Started\n\nFor more development guidance, please refer to the links below:\n\n[Development Guide](https://developer.huawei.com/consumer/en/doc/development/HMSCore-Guides/introduction-0000001050745149).\n\n[API References](https://developer.huawei.com/consumer/en/doc/development/HMSCore-References/javascript-api-huawei-analytics-overview-0000001051065713).\n\nWe also provide an example to demonstrate the use of analytics SDK for Web.\n\nThis sample uses the npm package manager.\n\nFirst download the demo by cloning this repository or downloading an archived snapshot.\n\nIn VS Code, use the \"File -\u003e Open Folder\", and select the directory of \"analytics-demo\".\n\nWe provide two demos:\n\n1.  hmsanalyticskitdemo: this is a completed code for the sample app\n2.  hmsanalyticskitdemo-start: this is a starting code that you'll build upon during this codelab.\n\n\nYou 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.\n\nYou should create an app in AppGallery Connect, and obtain the project configuration then copy to your web project.[Development Process](https://developer.huawei.com/consumer/en/doc/development/HMSCore-Guides/javascript-dev-process-0000001051145662).\n\n\n## Installation\n1.  Use VS Code to open the decompressed project\n2.  Switch to the right demo directory, use the command `npm install` to install the dependencies.\n3.  After the configuration is complete, run `npm run dev` to start the demo project.\n    \n\n## Configuration\nCreate a web app in AppGallery Connect and obtain the project configuration, then copy it to your web project.\n\n## Environment requirements\nHardware requirements:\n1. A computer\n2. A browser, such as Chrome\n   \n\nSoftware requirements:\n1. The IDE/text editor such as [VS Code](https://code.visualstudio.com) or [WebStorm](https://www.jetbrains.com/webstorm/)\n2. The package manager [npm](https://www.npmjs.com) , which typically comes with [Node.js](https://nodejs.org/en)\n3. The codelab's sample code\n4. A terminal/console\n\n## Result\nAfter running the app you should see a screen like this:\n\n\u003cimg src=\"screenshot/screen_0.PNG\" width=800 div align=center border=20\u003e\n\nClick 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.\n\nClick button SETTINGS:\n\n\u003cimg src=\"screenshot/screen_1.PNG\" width=800 div align=center border=20\u003e\n\nYou will be asked what your favorite sport is. This choice will be logged to Hianalytics as a User Property.\n\n## Question or issues\nIf you want to evaluate more about HMS Core,\n[r/HMSCore on Reddit](https://www.reddit.com/r/HuaweiDevelopers/) is for you to keep up with latest news about HMS Core, and to exchange insights with other developers.\n\nIf you have questions about how to use HMS samples, try the following options:\n- [Stack Overflow](https://stackoverflow.com/questions/tagged/huawei-mobile-services?tab=Votes) is the best place for any programming questions. Be sure to tag your question with \n`huawei-mobile-services`.\n- [Huawei Developer Forum](https://forums.developer.huawei.com/forumPortal/en/home?fid=0101187876626530001) HMS Core Module is great for general questions, or seeking recommendations and opinions.\n\nIf you run into a bug in our samples, please submit an [issue](https://github.com/HMS-Core/hms-analytics-demo-javascript/issues) to the Repository. Even better you can submit a [Pull Request](https://github.com/HMS-Core/hms-analytics-demo-javascript/pulls) with a fix.\n\n##  License\nHmsAnalyticsKitDemo is licensed under the [Apache License, version 2.0](http://www.apache.org/licenses/LICENSE-2.0).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhms-core%2Fhms-analytics-demo-javascript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhms-core%2Fhms-analytics-demo-javascript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhms-core%2Fhms-analytics-demo-javascript/lists"}