Otomatis Plugin Capacitor

Menggunakan @capgo/capacitor-auto

@capgo/capacitor-auto menghubungkan aplikasi Capacitor ke permukaan template CarPlay dan Android Auto yang disetujui. Aplikasi Anda mengirimkan daftar template kecil ke layar mobil, dan layar mobil mengirimkan aksi yang dipilih kembali ke JavaScript.

Dibangun untuk alur kerja yang aman dan terkendali oleh pengemudi. Tidak menampilkan tampilan WebView Anda di dalam mobil.

Instal dan sinkronkan

npm install @capgo/capacitor-auto
npx cap sync

Kirim template ke mobil

import { Auto } from '@capgo/capacitor-auto';

await Auto.setRootTemplate({
  title: 'Garage',
  sections: [
    {
      header: 'Doors',
      items: [
        {
          id: 'open-main-door',
          title: 'Open main door',
          subtitle: 'Tap to send the action to the phone app',
          payload: { doorId: 'main' },
        },
      ],
    },
  ],
});

Dengarkan aksi pengemudi

await Auto.addListener('carAction', async (event) => {
  if (event.id === 'open-main-door') {
    await openGarageDoor(event.payload?.doorId);
  }
});

Perhatikan status koneksi

const status = await Auto.isAvailable();
console.log(status.available, status.connected, status.platform);

await Auto.addListener('connectionChanged', (event) => {
  console.log('Car connected:', event.connected, event.platform);
});

Spesifikasi iOS

CarPlay memerlukan hak akses yang disetujui oleh Apple untuk kategori aplikasi Anda. Tambahkan konfigurasi layar CarPlay yang dijelaskan dalam iOS pengaturan dokumen dan jaga tampilan mobil Anda di dalam template yang disetujui Apple.

Pengaturan Android

Penggunaan Android Auto menggunakan AndroidX Car App Library. Plugin ini mencakup CarAppService, mengumumkan Capgo. template kategori. Tinjau dokumen pengaturan Android IOT Kategori. Tinjau Panduan desain Pakai permukaan mobil untuk aksi singkat dan dapat diprediksi:

__CAPGO_KEEP_0__

Gunakan permukaan mobil untuk aksi singkat dan dapat diprediksi:

• status bar
• perintah satu sentuhan
• konfirmasi aman pengemudi
• pindah ke keadaan sederhana dari aplikasi ponsel

Tetapkan aliran kompleks di UI ponsel dan gunakan carAction acara sebagai pengaktif niat asli.

Tetapkan pergi dari Menggunakan @capgo/capacitor-auto

Jika Anda menggunakan Menggunakan @capgo/capacitor-auto untuk merencanakan media dan perilaku antarmuka asli, hubungkannya dengan @capgo/capacitor-auto untuk detail implementasi di @capgo/capacitor-auto, Mulai Menggunakan untuk detail implementasi di Getting Started, Menggunakan @capgo/capacitor-aktivitas-hidup untuk kemampuan asli di Menggunakan @capgo/capacitor-aktivitas-hidup, @capgo/capacitor-aktivitas-hidup untuk detail implementasi di @capgo/capacitor-aktivitas-hidup, dan Menggunakan @capgo/capacitor-pemain-video untuk kemampuan asli di Menggunakan @capgo/capacitor-pemain-video.