UniApp menyedari integrasi dan penggunaan kecergasan dan penjejakan senaman
Pengenalan: Kesihatan dan senaman adalah penting untuk mengekalkan gaya hidup yang baik. Dalam era digital ini, kami boleh menjejaki kemajuan sukan dan kecergasan kami dengan bantuan apl mudah alih. Artikel ini akan memperkenalkan cara menggunakan rangka kerja UniApp untuk menyepadukan penjejakan kecergasan dan sukan serta menunjukkan penggunaan khusus melalui contoh kod.
Ambil API Huawei HiHealthKit sebagai contoh Kami boleh menggunakannya untuk menjejak data kecergasan dan senaman pengguna, termasuk bilangan langkah, penggunaan kalori, dsb. Pertama, kita perlu memasang pemalam dan kebergantungan yang berkaitan dalam projek UniApp.
Jalankan arahan berikut dalam baris arahan untuk memasang pemalam HiHealthKit:
npm install @hmscore/hms-health npm install @hmscore/hms-health-n-plugin
Dalam fail "FitnessTracking.vue", kami boleh menggunakan contoh kod berikut untuk mendapatkan data kecergasan pengguna:
<template> <view> <text>{{ steps }}</text> <text>{{ calories }}</text> </view> </template> <script> import { HMSHealth } from '@hmscore/hms-health' export default { data () { return { steps: 0, calories: 0 } }, mounted () { this.getFitnessData() }, methods: { async getFitnessData () { try { const authResult = await HMSHealth.requestAuthorization() if (authResult.resultCode === 0) { const summaryOptions = { startTime: new Date().setHours(0, 0, 0, 0), endTime: new Date(), dataType: HMSHealth.HEALTH_DATA_TYPE_TOTAL_STEPS } const summaryResult = await HMSHealth.getTodaySummation(summaryOptions) this.steps = summaryResult.dataValue summaryOptions.dataType = HMSHealth.HEALTH_DATA_TYPE_CALORIES_CONSUMED const caloriesResult = await HMSHealth.getTodaySummation(summaryOptions) this.calories = caloriesResult.dataValue } } catch (e) { console.error('Failed to get fitness data:', e) } } } } </script>
Contoh ini akan memaparkan kiraan langkah pengguna dan penggunaan kalori hari ini di halaman. Dalam kod, kami mula-mula mengimport modul HMSHealth dan menggunakan kaedah requestAuthorization
untuk meminta kebenaran pengguna. Kemudian, kita boleh mendapatkan data kecergasan hari ini melalui kaedah getTodaySummation
. requestAuthorization
方法来请求用户授权。然后,我们可以通过getTodaySummation
方法来获取今天的健身数据。
"pages"
"pages"
: { "path": "pages/FitnessTracking/FitnessTracking", "style": { "navigationBarTitleText": "健身追踪" } }
Selepas pendaftaran selesai, kami boleh melompat ke halaman penjejakan kecergasan di halaman lain dengan cara berikut:
<navigator url="/pages/FitnessTracking/FitnessTracking"> 跳转到健身追踪 </navigator>
Dengan cara ini, kita boleh Sangat mudah untuk menyepadukan dan menggunakan fungsi penjejakan kecergasan dalam UniApp.
Atas ialah kandungan terperinci UniApp merealisasikan penyepaduan dan penggunaan penjejakan kecergasan dan sukan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!