How to develop a Heart rate reader application in Harmony Lite wearable - Huawei Developers

Introduction
In this article, will explain how to develop heart reading health application integration on Harmony lite wearable. Following are the APIs we are going to integrate with this application.
1) On Body status API: To detect the watch is tied with the user’s wrist.
2) Heart rate API: To read the heart rate.
3) Memory storage API: To cache the previous reading.
4) Keep screen on API: To keep the screen on for 5 minutes.
Moving to this article if you are new to the Harmony platform, you can check this article: Huawei Lite Wearable Application Development using HUAWEI DevEco Studio (HamonyOS)
Requirements
1) DevEco IDE
2) Lite wearable watch (Can use simulator also)
Steps to create the project
1) Open the DevEco studio, choose File > New > New Project to create the new project.
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
2) Select the Lite Wearable project and select Template.
3) Enter Project Name and Package name, and then click Finish.
Flow chart
Here is the flow chart of the application that we are going to integrate.
Integration process
Step 1: Design the UI
As the first step, we can create a UI that contains two texts, one for the heading and another for showing the result.
index.html
Code:
<div class="container" onswipe="touchMove">
<text class="title"> Your Heart Rate is </text>
<text class="title2"> {{title}} bpm </text>
</div>
index.css
Code:
.container {
display: flex;
justify-content: center;
align-items: center;
left: 0px;
top: 0px;
width: 454px;
height: 454px;
flex-direction:column;
}
.title {
font-size: 30px;
text-align: center;
width: 200px;
height: 100px;
}
.title2 {
font-size: 30px;
text-align: center;
width: 400px;
height: 40px;
flex-wrap:wrap;
background-color: cornflowerblue;
}
Run the application, and you can see an output as given below.
Step 2: Integrate On Body State API
Now we will move to the API part. Firstly we have to add code to check if the user is tied with the watch or not. For that, we have on body state API.
More details, you can check https://forums.developer.huawei.com/forumPortal/en/topic/0202454821219350012

---

Can we use any other IDE ?