U ovom ću blog postu pokazati kako koristiti Uber API tj. Ride Request Button unutar Ionic 4 aplikacije.
Ride Request Button je najjednostavniji i najbrži način da se unutar Ionic aplikacije omogući korištenje Ubera tj. slanje zahtjeva za vožnjom.
Dovoljno je kliknuti na gumb i korisnik će automatski biti preusmjeren unutar Uber aplikacije kojoj će biti prosljeđeni parametri kao što su mjesto preuzimanja i mjesto odredišta, uz ostale opcionalne parametre.
Developer Dashboard
Prije svega potrebno je kreirati korisnički računa unutar Developer Dashboard sučelja. Također, potrebno je kreirati i profil za mobilnu aplikaciju koja će koristiti Uber API.
Od podataka ovdje su mi najvažniji Client ID, Server Token i Client Secret.
| Parametar | Opis |
| client_id | Služi kao identifikator aplikacije, nešto kao korisničko ime aplikacije. |
| client_secret | Služi kao lozinka aplikacije. |
| server_token | Omogućava slanje zahtjeva prema API-ju. |
Slanje upita na API
Sada se prebacujem na Uber API dokumentaciju.
Ekran će se sastojati od prikaza Google karte na većem dijelu ekrana i Uber gumba na dnu ekrana. Klikom na taj gumb poziva se Uber aplikacija kojoj prosljeđujem parametre:
- clientID – obavezno
- pickupLat
- pickupLng
- dropoffLat – obavezno
- dropoffLng – obavezno
|
1 2 3 4 5 6 7 8 9 10 |
<ion-header> <ion-navbar> <ion-title>Steakhouse Club</ion-title> </ion-navbar> </ion-header> <div #mapa id="mapa"></div> <a href="https://m.uber.com/ul/?client_id=**********************&action=setPickup&pickup[latitude]={{pickupLat}}&pickup[longitude]={{pickupLng}}&dropoff[latitude]={{dropoffLat}}&dropoff[longitude]={{dropoffLng}}"> <div tappable><img src="assets/imgs/uber.png"></div> </a> |
Na slici iznad vidim ekran sa Google kartom na kojoj se nalazi lokacija gdje želim da me Uber odveze. Ako mu i ne proslijedim svoju lokaciju Uber aplikacija će ju sama dohvatiti.
Čak niti Uber aplikacije ne mora, u trenutku klika na gumb, biti instalirana na mobilnom uređaju.
