Hubungkan Stripe, Twilio, dan layanan lain
SingkatnyaKonektor menghubungkan layanan luar ke aplikasi Anda — Stripe untuk pembayaran, Twilio untuk SMS, Resend untuk domain email Anda sendiri, dan lainnya. Minta fiturnya di percakapan, lalu MonstarX menampilkan kartu untuk memasukkan kunci, atau buka Backend → Cloud → Konektor dan klik Hubungkan. Belum punya kunci? Klik Nanti, dan MonstarX tetap membangun semuanya.
Aplikasi Anda sudah dilengkapi database, akun, email, penyimpanan file, dan AI. Konektor menambahkan semua hal lainnya: menerima pembayaran dengan Stripe, mengirim SMS dengan Twilio, mengambil data dari situs web mana pun dengan Firecrawl, dan banyak lagi. Setiap konektor menghubungkan satu layanan luar ke satu aplikasi, memakai kunci (kata sandi rahasia yang diberikan layanan untuk API-nya) dari akun Anda sendiri di layanan tersebut.
Anda jarang perlu mencarinya. Saat Anda meminta fitur yang memerlukan suatu layanan — “biarkan anggota membeli paket kelas” — MonstarX menulis kodenya dan langsung meminta kunci Anda di percakapan.
Layanan apa saja yang bisa dihubungkan ke aplikasi saya?
Section titled “Layanan apa saja yang bisa dihubungkan ke aplikasi saya?”Konektor berikut untuk hal-hal yang dilakukan aplikasi Anda bagi penggunanya. Semuanya ada di BackendCloud, pada daftar Konektor.
| Konektor | Yang bisa dilakukan aplikasi Anda | Yang Anda tempel |
|---|---|---|
| Stripe | Menerima pembayaran, langganan, dan checkout. Kunci sandbox (uji) atau produksi (transaksi nyata). | Kunci rahasia, kunci publik, rahasia penandatanganan webhook (opsional) |
| Twilio | Mengirim pesan SMS dan WhatsApp, serta melakukan panggilan suara. | SID akun, token autentikasi, nomor pengirim |
| Resend | Mengirim email dari domain Anda sendiri sebagai pengganti MonstarX Email. | Kunci API, alamat pengirim |
| OpenAI | Memakai kunci OpenAI Anda sendiri sebagai pengganti MonstarX AI. | Kunci API |
| OpenRouter | Memakai kunci OpenRouter Anda sendiri (model apa saja) sebagai pengganti MonstarX AI. | Kunci API |
| Google Maps | Pencarian tempat dan pelengkapan otomatis, detail bisnis, dan petunjuk arah berkendara. | Kunci API |
| Mapbox | Geocoding (mengubah alamat menjadi posisi di peta), petunjuk arah, dan gaya peta Mapbox, termasuk satelit. | Token akses publik |
| Firecrawl | Mengubah situs web apa pun menjadi teks yang rapi atau data terstruktur (scraping, crawling, pencarian). | Kunci API |
| Zernio | Menghubungkan akun media sosial pengguna Anda (X, Instagram, Facebook, LinkedIn, TikTok, YouTube, dan lainnya) serta menerbitkan atau menjadwalkan postingan. | Kunci API |
| ElevenLabs | Mengubah teks menjadi ucapan dan membuat suara. | Kunci API |
| Google Analytics | Menghitung tampilan halaman dan event dengan GA4. | ID pengukuran |
Sebagian konektor mengerjakan tugas yang lebih besar dan punya halaman sendiri:
- Supabase dan Railway bisa menyimpan data aplikasi Anda di database Postgres milik Anda sendiri — lihat Supabase dan Railway.
- Firebase memberi aplikasi Anda Firestore, fitur masuk, penyimpanan file, dan notifikasi push milik Anda sendiri — lihat Firebase.
- Cloudflare menjalankan seluruh aplikasi di akun Cloudflare Anda sendiri — lihat Akun Cloudflare Anda sendiri.
- Azure, AWS, Vercel, dan Google Cloud adalah tempat untuk menerbitkan aplikasi Anda — lihat Terbitkan ke host lain.
Bagaimana cara menghubungkan layanan dari percakapan?
Section titled “Bagaimana cara menghubungkan layanan dari percakapan?”Minta fiturnya dengan bahasa sehari-hari, misalnya “biarkan orang membayar paket kelas dengan Stripe”. MonstarX membangunnya dan menampilkan kartu yang meminta Anda menghubungkan layanan tersebut, beserta alasannya.
-
Baca kartunya. Di mana menemukan kuncinya membuka halaman milik layanan tersebut yang menjelaskan letak kuncinya.
-
Untuk Stripe, pilih Lingkungan: Sandbox (kunci uji) selama Anda mencoba-coba, Produksi (kunci transaksi nyata) saat pelanggan sungguhan membayar.
-
Tempel kunci di kolomnya, lalu klik Hubungkan Stripe (tombol ini selalu menyebut nama layanannya).
-
Kartu berubah hijau: Stripe terhubung. Pratinjau Anda dimulai ulang dengan kunci tersebut, sehingga Anda bisa langsung mencoba fiturnya.
Hanya pemilik proyek yang bisa menghubungkan layanan. Orang lain yang melihat proyek akan melihat kartu bertuliskan “Hanya pemilik proyek yang dapat menghubungkannya.”
Bagaimana jika saya belum punya kuncinya?
Section titled “Bagaimana jika saya belum punya kuncinya?”Klik Nanti. Kartu menciut menjadi satu baris — “Stripe · dihubungkan nanti” — dan MonstarX tetap membangun semuanya. Di bagian aplikasi yang memerlukan layanan itu, aplikasi menampilkan pesan yang jelas bahwa Stripe belum terhubung, alih-alih rusak. Klik Hubungkan sekarang kapan pun Anda sudah punya kuncinya.
Pilihan Anda tersimpan bersama proyek, jadi kartu tetap menciut di setiap perangkat sampai Anda menghubungkannya.
Bagaimana jika MonstarX tidak bisa melanjutkan tanpa layanan itu?
Section titled “Bagaimana jika MonstarX tidak bisa melanjutkan tanpa layanan itu?”Kadang seluruh permintaan bergantung pada isi akun Anda, misalnya “impor produk Stripe saya”. Dalam hal ini, kartu berwarna kuning tua, bertuliskan MonstarX memerlukan Stripe untuk melanjutkan, dan tidak memiliki tombol Nanti. MonstarX membangun bagian yang tidak memerlukan layanan itu, lalu menunggu. Begitu Anda menghubungkannya, MonstarX otomatis melanjutkan.
Bagaimana cara menghubungkan layanan dari tab Backend?
Section titled “Bagaimana cara menghubungkan layanan dari tab Backend?”-
Buka proyek Anda, klik Backend di bilah atas, lalu Cloud.
-
Gulir ke Konektor, lalu klik Hubungkan di samping layanan yang diinginkan.
-
Isi kolom-kolomnya. Kolom opsional bertanda “(opsional)”, dan banyak kolom punya keterangan bantuan di bawahnya.
-
Klik Hubungkan yang diikuti nama layanannya.
Layanan yang sudah terhubung menampilkan label hijau Terhubung (untuk Stripe, Terhubung · sandbox atau Terhubung · produksi), serta dua tombol:
- Perbarui kunci untuk mengganti satu kunci atau lebih. Biarkan kolom kosong untuk mempertahankan nilainya saat ini.
- Putuskan koneksi untuk menghapus layanan beserta kuncinya dari aplikasi ini.
Ikon panah kecil di samping setiap konektor membuka dokumentasi milik layanan tersebut.
Bagaimana saya tahu layanan mana yang masih ditunggu aplikasi saya?
Section titled “Bagaimana saya tahu layanan mana yang masih ditunggu aplikasi saya?”MonstarX menyadari saat kode aplikasi Anda memakai layanan yang belum terhubung, lalu memberi tahu Anda di tiga tempat:
- Backend → Cloud mencantumkan konektor tersebut paling atas, dengan label Dipakai aplikasi · dihubungkan nanti, Dipakai aplikasi · belum terhubung, atau Perlu untuk melanjutkan.
- Terbitkan mendapat titik kuning tua, dan di dalamnya ada catatan seperti “Stripe dan Twilio belum terhubung”, dengan tombol Hubungkan untuk masing-masing. Anda tetap bisa menerbitkan; bagian-bagian itu tidak akan berfungsi bagi siapa pun sampai kuncinya dimasukkan.
- Pengujian QA memeriksa alur sampai langkah yang memerlukan layanan itu dan menandainya sebagai perlu kunci, alih-alih menganggapnya gagal. Lihat Pengujian QA.
Jika Anda menghapus fitur yang memakai suatu layanan, pengingatnya hilang dengan sendirinya.
Ke mana kunci-kunci itu disimpan?
Section titled “Ke mana kunci-kunci itu disimpan?”Kunci disimpan terenkripsi bersama aplikasi, dengan nama tetap seperti STRIPE_SECRET_KEY. Anda bisa melihat namanya (tidak pernah nilainya) di BackendRahasia, di samping kunci yang Anda tambahkan sendiri. Lihat Rahasia.
- Kunci rahasia hanya dipakai oleh server aplikasi Anda. Tidak ada pengunjung aplikasi yang bisa melihatnya.
- Kunci publik, seperti kunci publik (publishable key) Stripe, kunci Google Maps, atau ID pengukuran Google Analytics, memang dibuat untuk dipakai di browser. Hal itu aman untuk kunci-kunci tersebut, dan karena itulah layanan memberi Anda dua jenis kunci.
- Kunci hanya milik satu aplikasi. Aplikasi Anda yang lain tidak pernah melihatnya.
Bisakah saya memakai layanan sendiri sebagai pengganti layanan bawaan?
Section titled “Bisakah saya memakai layanan sendiri sebagai pengganti layanan bawaan?”Bisa. Sebagian konektor memang dibuat untuk menggantikan layanan MonstarX Cloud, dan daftarnya menandai konektor itu dengan menggantikan MonstarX …:
| Layanan bawaan | Ganti dengan |
|---|---|
| Email (mengirim dari domain email MonstarX) | Resend, untuk mengirim dari domain Anda sendiri |
| AI (model terkelola dengan model cadangan) | OpenAI atau OpenRouter, ditagihkan ke akun Anda sendiri |
| Database | Supabase — atau Postgres Railway, yang tidak diberi tanda tetapi juga bisa menyimpan datanya. Lihat Supabase dan Railway. |
Hubungkan penggantinya, lalu minta MonstarX memakainya — misalnya “kirim email aplikasi melalui Resend”. Setelah tidak ada lagi bagian aplikasi yang memakai layanan bawaan, Anda bisa menonaktifkan Email, AI, Pencarian Web, atau Penyimpanan di BackendCloud. Lihat Ringkasan MonstarX Cloud.
Perlu diketahui
Section titled “Perlu diketahui”- Proses membangun tidak pernah menunggu kunci. MonstarX menulis kode berdasarkan dokumentasi layanan, jadi kunci yang belum ada hanya membuat satu fitur itu tidak berfungsi.
- Uji dulu. Kunci sandbox Stripe memungkinkan Anda menjalankan checkout dengan kartu uji tanpa uang sungguhan.
- Akun Anda, tagihan Anda. Layanan yang terhubung menagih akun Anda di layanan tersebut, sesuai harganya sendiri. MonstarX tidak menambahkan biaya apa pun.
- Konektor untuk MonstarX sendiri berbeda: Alat bisnis memungkinkan pembuat aplikasi MonstarX membaca Google Sheets, HubSpot, atau Jira Anda, dan konektor MCP memberinya alat lain.
Pertanyaan umum
Section titled “Pertanyaan umum”Apakah saya perlu bisa coding untuk menghubungkan Stripe?
Tidak. Minta fiturnya di percakapan, tempel dua kunci Stripe Anda ke kartu yang ditampilkan MonstarX, lalu klik Hubungkan Stripe. MonstarX menulis semua kodenya.
Bisakah saya membangun aplikasi sebelum punya kuncinya?
Bisa. Klik Nanti pada kartu. MonstarX membangun semuanya, menampilkan pesan ramah bahwa layanan belum terhubung di bagian yang memerlukannya, dan mengingatkan Anda di Terbitkan sebelum aplikasi ditayangkan.
Di mana saya mengubah atau menghapus kunci?
Di Backend → Cloud → Konektor, klik Perbarui kunci atau Putuskan koneksi di samping layanan tersebut. Nama-nama kunci juga tercantum di Backend → Rahasia.
Bisakah orang yang memakai aplikasi saya melihat kunci saya?
Kunci rahasia tidak — kunci itu tetap di server aplikasi Anda. Hanya kunci publik yang memang dibuat untuk browser, seperti kunci publik Stripe, yang sampai ke halaman.
Apakah kunci saya berfungsi di pratinjau dan di aplikasi yang sudah diterbitkan?
Ya. Menghubungkan layanan memulai ulang pratinjau dengan kunci baru, dan saat Anda menerbitkan berikutnya, aplikasi yang aktif juga mendapatkannya.
Apakah ada konektor untuk layanan yang tidak ada di daftar?
Anda tetap bisa memakainya. Minta MonstarX mengintegrasikan layanan itu, lalu tambahkan sendiri kuncinya di Backend → Rahasia. Aplikasi membacanya dengan cara yang sama.