Membuat Kiblat dengan 리액션

후광semuanya.Kembali lagi sama krisna
Pada kesempatan kali ini kita akan belajar membuat aplikasi di mobile atau HP atau smartphone yaitu membuat aplikasi kompas kiblat.Pembuatan aplikasi ini menggunakan yang namanya 반응이 자연스럽다.React Native ini adalah sebuah framework untuk menghasilkan sebuah aplikasi pada mobile.Apaitu framework,menurut saya framework itu seperti kerangka untuk kita menciptakan suatu 프로그램,ada framework untuk 프로그램 di mobile atau juga untuk sebuah 사이트 dll.이 컴퓨터의menggunakanpemrograman Javascript에 반응합니다.Selengkap nya kalian bisa lihat lihat disinidocumentnya.
Untuk bisa membangun sebuah aplikasi menggunakan react native ada beberapa syarat yang harus kalian lakukan terlebih dahulu.Maksudnya ibarat akan masak kalian perlu alat alat untuk memasaknya kan jadi seperti itu.
Syarat Syarat yang perlu kalian lakukan bisa dilihat disiniSetting up the development environment.

Untuk jenis React Native nya pilih yang CLI

Kemudian sesuaikan jenis komputer/laptop apa yang kamu gunakan mac atau window,untuk saat ini target aplikasi nya kita pilih membuat aplikasi Android

Kemudian kalian langsung ikuti saja petunjuk disitu untuk bisa membuat aplikasi react native.Kamu juga bisa는 구글에서 tahap ini를 검색합니다.
Mari buat aplikasi kompas kiblat menggunakan 본토박이.
Pertama mari kita init sebuah projek baru dengan perintah sebagai berikut.npx react-native init KompasKiblat
Bila sudah selesai akan ada folder baru bernama KompasKiblat yang tadi sudah di init.
Untuk menjalankan programnya kamu bisa menggunakan emulator android yang sudah di terinstall atau bisa juga menggunakan HP android.Aku disini pake HP android yang di colokke 노트북,pastikan 설정 HP 디버깅nya dinyalakan pada 메뉴 설정 개발자.피자 구글 잡기debug mode.
Untuk cek apakah HP sudah terhubung dengan 노트북 bisa dengan 명령adb devices
Mari kita jalankan aplikasi.Masuk kedalam foldernya pastikan kamu sudah ada di dalam folder 프로젝트

벨리쿠트 Lalu jalankan 사령부npx react-native run-android
Sekarang buka 폴더 프로젝트 kita dengan 텍스트 편집기 yang kamu suka, Disi aku pakeVisual Code Studiobuat ngetik ngetik kodenya.

Kompas 설치


Sekarang kita akan menggunakan library inireact-native-compass-headinguntuk kompas nya.
Kita 설치 라이브러리Baik nya kita matikan dulu server React Native kita nya denganctrl+c
kita에 라이브러리 melalui terminal di tempat Visual 코드, cari cara buka terminalnya를 설치하라고 알립니다.
Kita 설치 라이브러리 dengan 명령 berikut:npm install react-native-compass-heading
Setelah berhasil di 설치,kita 업데이트 kode yang di 응용 프로그램.회사 명

Kamu juga perlu memasukan gambar untuk kompasnya lalu simpat di folder projek.Gambar kompas 다운로드disini


Coba jalankan lagi projek RN kita


npx react-native run-android



Sekarang kompas kita sudah berhasil jalan

Bagaimana kode ini berjalan,jadi pada 스마트폰 ini mempunyai 센서 팽이 dengan 가속도계.센서 ini memberikan nilai angka 0 derajat sampai 360 derajat.Gambar yang ada di aplikasi menjadi animasi dan menjadi patokan kalau 360 itu adalah utara


Langkah selanjutnya menentukan lokasi kita untuk dihitung posisinya mengarah ke arah kiblat.Lokasi ini yaitu menggunakan 위도와 경도


kita 설치 라이브러리untukmendapatkan latitude dan longitude


npm install @react-native-community/geolocation --save


setelah itu tambah juga kode ini ke dalam AndroidManifest.xml untuk izin lokasi


// KomplasKiblat/android/app/src/main/AndroidManifest.xml
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />

Setelah itu kitaakan membutuhkan gambar panah yang selalu mengarah ke kiblat kamubisa 다운로드.Masukan ke dalam 폴더 프로젝트 kita


Sekarang kita 업데이트 kode kita





Coba jalankan lagi projek RN kita


npx react-native run-android



Lalu kita buat fungsi untuk mengambil arah kiblat kita

Fungsi ini namanya 베어링.Untuk Selengkanya kamu bisa belajardisini


Mari kita 업데이트 kode kita






Selamat kamu berhasil membuat kompas

Kamubisa liat projek 폴더 파일 ini disiigithub.com/krisnailafat/KompasKiblat.Terimakasih sudah mencoba


Kalau ada pertanyaan kamu bisa kontak saja:)

Kalau boleh kamu bisa bantu kirim dukungan buat team inisaweria.co/krisnailafat

Ig:krisnailafat

좋은 웹페이지 즐겨찾기