Dengan JavaScript Consumer SDK, aplikasi konsumen Anda dapat menampilkan lokasi kendaraan dan lokasi minat lainnya yang dilacak di Fleet Engine pada platform berbasis web peta. Hal ini memungkinkan pengguna konsumen Anda melihat progres pengiriman mereka. Panduan ini mengasumsikan bahwa Anda telah menyiapkan Fleet Engine dengan Kunci API dan project Google Cloud. Lihat Fleet Engine untuk mengetahui detailnya.
Siapkan JavaScript Consumer SDK dengan mengikuti langkah-langkah berikut:
Mengaktifkan Maps JavaScript API
Mengaktifkan Maps JavaScript API di project Konsol Google Cloud yang Anda gunakan untuk instance Fleet Engine Anda. Untuk detail selengkapnya, lihat Mengaktifkan API dalam dokumentasi Maps JavaScript API.
Menyiapkan otorisasi
Untuk panggilan metode API dari lingkungan low-trust, Fleet Engine memerlukan penggunaan Token Web JSON (JWT) yang ditandatangani oleh akun layanan yang sesuai. Lingkungan kepercayaan rendah mencakup smartphone dan browser. JWT berasal dari server Anda, yang merupakan lingkungan yang sepenuhnya tepercaya. JWT ditandatangani, dienkripsi, dan diteruskan ke klien untuk selanjutnya interaksi hingga kedaluwarsa atau tidak lagi valid. Untuk daftar peran akun layanan, lihat peran akun layanan Fleet Engine di Dasar-Dasar Armada Engine.
Aplikasi konsumen Anda harus mengautentikasi pengguna akhir dengandelivery_consumer
peran dari project Google Cloud Anda hanya ditampilkan
informasi khusus konsumen. Dengan cara ini, Fleet Engine
memfilter dan menyamarkan semua
informasi lain dalam responsnya. Misalnya, selama tugas ketidaktersediaan,
tidak ada informasi lokasi yang dibagikan kepada pengguna akhir. Lihat Akun layanan
peran untuk tugas terjadwal.
Sebaliknya, backend Anda harus mengautentikasi dan memberikan otorisasi ke Fleet Engine menggunakan mekanisme Kredensial Default Aplikasi standar.
Bagaimana cara kerja otorisasi?
Otorisasi dengan data Fleet Engine melibatkan sisi server dan sisi klien terlepas dari implementasi layanan.
Otorisasi sisi server
Sebelum Anda menyiapkan otorisasi di aplikasi berbasis web, backend Anda server harus dapat menyajikan Token Web JSON. Dengan cara ini, Fleet Engine mengenali permintaan yang berasal dari aplikasi Anda sebagai diizinkan untuk mengakses data dalam permintaan. Untuk petunjuk implementasi JWT sisi server, lihat Terbitkan Token Web JSON di bagian Fleet Engine Essentials.
Secara khusus, perhatikan hal-hal berikut untuk JavaScript Consumer SDK untuk melacak pengiriman:- Panduan umum untuk penerbitan Token Web JSON
- Panduan JWT tugas terjadwal
- Contoh token untuk aplikasi konsumen
Otorisasi sisi klien
Saat Anda menggunakan JavaScript Consumer SDK, JavaScript akan meminta token dari server menggunakan pengambil token otorisasi. Hal ini dilakukan jika salah satu hal berikut benar:
Tidak ada token yang valid, seperti saat SDK belum memanggil pengambil di pemuatan halaman baru, atau saat pengambil belum menampilkan token.
Masa berlaku token telah berakhir.
Masa berlaku token akan berakhir dalam waktu satu menit.
Jika tidak, JavaScript Consumer SDK akan menggunakan token valid yang dikeluarkan sebelumnya dan melakukan tidak memanggil pengambil.
Membuat pengambil token otorisasi
Buat pengambil token otorisasi Anda menggunakan panduan ini:
Pengambil harus menampilkan struktur data dengan dua kolom, yang digabungkan dengan
Promise
sebagai berikut:String
token
.Nomor
expiresInSeconds
. Masa berlaku token berakhir dalam jangka waktu ini setelah pengambilan. Pengambil token autentikasi harus meneruskan masa berlaku waktu dalam detik, dari waktu pengambilan ke koleksi seperti yang ditampilkan di contoh.
Pengambil harus memanggil URL di server Anda untuk mengambil token. URL ini--
SERVER_TOKEN_URL
--bergantung pada implementasi backend Anda. Tujuan contoh URL berikut adalah untuk contoh backend aplikasi di GitHub:https://SERVER_URL/token/delivery_consumer/TRACKING_ID
Contoh - Membuat pengambil token autentikasi
Contoh berikut menunjukkan cara membuat pengambil token otorisasi:
JavaScript
async function authTokenFetcher(options) {
// options is a record containing two keys called
// serviceType and context. The developer should
// generate the correct SERVER_TOKEN_URL and request
// based on the values of these fields.
const response = await fetch(SERVER_TOKEN_URL);
if (!response.ok) {
throw new Error(response.statusText);
}
const data = await response.json();
return {
token: data.Token,
expiresInSeconds: data.ExpiresInSeconds
};
}
TypeScript
function authTokenFetcher(options: {
serviceType: google.maps.journeySharing.FleetEngineServiceType,
context: google.maps.journeySharing.AuthTokenContext,
}): Promise<google.maps.journeySharing.AuthToken> {
// The developer should generate the correct
// SERVER_TOKEN_URL based on options.
const response = await fetch(SERVER_TOKEN_URL);
if (!response.ok) {
throw new Error(response.statusText);
}
const data = await response.json();
return {
token: data.token,
expiresInSeconds: data.ExpiresInSeconds,
};
}