Использование HealthKit с приложением Cordova

Отобразите три текстовых поля (рост, вес и витамин С) и кнопку для обновления данных. Поместите код в тег body файла index.html :

 <div data-role="page" id="add"> <div data-role="header"> <a target="_blank" href="#home" class="ui-btn ui-icon-home ui-btn-icon-left">Home</a> <h1>Enter</h1> </div> <div data-role="main" class="ui-content"> <input type="number" id="height" placeholder="Enter Height" /> <input type="number" id="weight" placeholder="Enter Weight" /> <input type="number" id="vitaminc" placeholder="Enter Vitamin C" /> <a target="_blank" href="javascript:add_data()" style="text-decoration: none"><button>Add</button></a> </div> </div> 

Вот код для обновления информации в хранилище данных HealthKit. Поместите этот код JavaScript в тег script :

 function add_data() { window.plugins.healthkit.checkAuthStatus({ "type" : "HKQuantityTypeIdentifierHeight" }, function(){ var height = document.getElementById("height").value; if(height != "") { window.plugins.healthkit.saveQuantitySample({ "sampleType": "HKQuantityTypeIdentifierHeight", "startDate": new Date(), "endDate": new Date(), "unit": "in", "amount": height } ); } } ); window.plugins.healthkit.checkAuthStatus({ "type" : "HKQuantityTypeIdentifierBodyMass" }, function(){ var weight = document.getElementById("weight").value; if(weight != "") { window.plugins.healthkit.saveQuantitySample({ "sampleType": "HKQuantityTypeIdentifierBodyMass", "startDate": new Date(), "endDate": new Date(), "unit": "kg", "amount": weight } ); } } ); window.plugins.healthkit.checkAuthStatus({ "type" : "HKQuantityTypeIdentifierDietaryVitaminC" }, function(){ var vitaminc = document.getElementById("vitaminc").value; if(vitaminc != "") { window.plugins.healthkit.saveCorrelation({ "startDate": new Date(), "endDate": new Date(), "correlationType": "HKCorrelationTypeIdentifierFood", "samples": [ { "startDate": Math.round(new Date().getTime()/1000), "endDate": Math.round(new Date().getTime()/1000), "sampleType": "HKQuantityTypeIdentifierDietaryVitaminC", "unit": "g", "amount": vitaminc }] } ); } } ); navigator.notification.alert("Updated Successfully"); } 

Рост, вес и витамин С обновляются с window.plugins.healthkit.saveQuantitySample функции window.plugins.healthkit.saveQuantitySample . window.plugins.healthkit.saveCorrelation демонстрирует корреляцию и HKCorrelationTypeIdentifierFood групп питания.

Перед обновлением каждого типа информации мы проверяем, предоставлено ли разрешение.

Вот как выглядит страница:

Создание страницы для отображения данных

Когда пользователь нажимает кнопку « Показать данные о работоспособности» , на новой странице отображается таблица их данных. Поместите этот код в тег body файла index.html :

 <div data-role="page" id="display"> <div data-role="header"> <a target="_blank" href="#home" class="ui-btn ui-icon-home ui-btn-icon-left">Home</a> <h1>Display</h1> </div> <div data-role="main" class="ui-content"> <table data-role="table" data-mode="column" id="allTable" class="ui-responsive table-stroke"> <thead> <tr> <th>Title</th> <th>Value</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> 

Затем получите данные из HealthKit и отобразите их. Поместите этот код в тег script :

 $(document).on("pagebeforeshow", "#display", function() { $("table#allTable tbody").empty(); window.plugins.healthkit.checkAuthStatus({ "type": "HKQuantityTypeIdentifierHeight" }, function() { window.plugins.healthkit.querySampleType({ "sampleType": "HKQuantityTypeIdentifierHeight", "startDate": new Date(new Date().getTime() - 90 * 24 * 60 * 60 * 1000), "endDate": new Date(), "unit": "in" }, function(value) { if (value[0] != undefined) { var html = ""; html = html + "<tr><td>" + "Height" + "</td><td>" + value[0].quantity + "in</td></tr>"; $("table#allTable tbody").append(html).closest("table#allTable").table("refresh").trigger("create"); } } ); } ); window.plugins.healthkit.checkAuthStatus({ "type": "HKQuantityTypeIdentifierBodyMass" }, function() { window.plugins.healthkit.querySampleType({ "sampleType": "HKQuantityTypeIdentifierBodyMass", "startDate": new Date(new Date().getTime() - 90 * 24 * 60 * 60 * 1000), "endDate": new Date(), "unit": "kg" }, function(value) { if (value[0] != undefined) { var html = ""; html = html + "<tr><td>" + "Weight" + "</td><td>" + value[0].quantity + "kg</td></tr>"; $("table#allTable tbody").append(html).closest("table#allTable").table("refresh").trigger("create"); } } ); } ); window.plugins.healthkit.checkAuthStatus({ "type": "HKQuantityTypeIdentifierDietaryVitaminC" }, function() { window.plugins.healthkit.queryCorrelationType({ "correlationType": "HKCorrelationTypeIdentifierFood", "startDate": new Date(new Date().getTime() - 90 * 24 * 60 * 60 * 1000), "endDate": new Date(), "unit": "g" }, function(value) { if (value[0].samples != undefined) { for (var count = 0; count < value[0].samples.length; count++) { if (value[0].samples[count].sampleType == "HKQuantityTypeIdentifierDietaryVitaminC") { var html = ""; html = html + "<tr><td>" + "Vitamin C" + "</td><td>" + value[0].samples[count].value + "g</td></tr>"; $("table#allTable tbody").append(html).closest("table#allTable").table("refresh").trigger("create"); break; } } } }); } ); }); 

Функция window.plugins.healthkit.querySampleType отображает рост и вес. Витамин C может отображаться с помощью window.plugins.healthkit.querySampleType но вместо этого я использую window.plugins.healthkit.queryCorrelationType для демонстрации корреляции.

Прежде чем запрашивать каждый тип информации, мы проверяем, предоставлено ли разрешение или нет.

Вот как выглядит страница дисплея:

Вывод

Приложение является функциональным и может быть развернуто на iOS8 или более поздней версии, но является базовым. Следующие шаги по созданию полноценного приложения позволят пользователям обновлять тренировки.

Дайте мне знать о вашем опыте использования этого учебника и идеях по его расширению.