Email Dalam Aplikasi yang Disederhanakan dengan Appery.io & Plugin API SendGrid Mail Baru

Diterbitkan: 2015-06-09

Berikut postingan tamu dari Max Katz di Appery.io. Pelajari lebih lanjut tentang Max di bagian bawah posting ini.

SendGrid adalah salah satu layanan yang membuat penambahan kemampuan email dalam aplikasi menjadi terlalu sederhana. SendGrid adalah penyedia solusi email berbasis cloud dan menyediakan REST API yang elegan dan mudah digunakan untuk mengirim email dari aplikasi seluler. Kemungkinan besar aplikasi Anda perlu mengirim email, seperti konfirmasi pendaftaran, email pengaturan ulang kata sandi, email verifikasi dua langkah, email pemberitahuan umum, atau jenis komunikasi email lainnya. SendGrid adalah solusi sempurna.

Appery.io, platform seluler dan web terlengkap yang ditawarkan sebagai layanan, memungkinkan perusahaan membangun aplikasi seluler dan responsif dengan sangat cepat. Appery.io menggabungkan lingkungan pengembangan cepat berbasis cloud dengan layanan back-end terintegrasi dan katalog plugin API yang secara dramatis menyederhanakan integrasi dengan layanan cloud dan sistem perusahaan.

Integrasi luar biasa Appery.io dengan API pihak ketiga mana pun adalah pasangan yang sempurna untuk membangun aplikasi seluler yang mendukung perpesanan dengan cepat dengan API SendGrid. Untuk mempercepat penambahan kemampuan email ke aplikasi, Appery.io meluncurkan plugin API SendGrid Mail. Plugin dapat dengan cepat ditambahkan ke aplikasi baru atau yang sudah ada, dan menyediakan aplikasi sampel yang mengirim pesan email dengan lampiran. Pengembang dapat menyesuaikan atau memodifikasi plugin sesuai kebutuhan.

Dalam posting ini, saya akan menunjukkan cara menambahkan dan menggunakan plugin SendGrid Mail API.

Yang Anda perlukan:

Sebelum memulai, Anda memerlukan akun SendGrid dan Appery.io. Gunakan tautan di bawah ini untuk mendaftar akun gratis.

  • KirimGrid
  • Appery.io

Apa yang akan Anda bangun?

Anda akan membuat aplikasi seluler baru, dan menambahkan API SendGrid Mail untuk mengirim email. Aplikasi sampel dari plugin memungkinkan Anda untuk:

  • Kirim email dengan lampiran.
  • Ambil gambar dan sertakan foto sebagai lampiran.

Ini adalah tampilan aplikasi saat berjalan di perangkat Android:

Anda juga dapat melihat video tentang cara menggunakan plugin SendGrid:

Membuat aplikasi seluler baru:

Langkah pertama adalah membuat aplikasi baru di Appery.io:

  1. Setelah Anda berada di dalam platform, klik tombol Buat aplikasi baru . Untuk nama aplikasi, masukkan: SendGridApp (opsi PhoneApp default dipilih) dan klik tombol Buat .
  2. Dari tampilan Proyek , klik Pages > startScreen . Layar perangkat akan terbuka. Halamannya akan terlihat seperti ini:

Anda baru saja membuat aplikasi seluler baru. Itu mudah, bukan?

Menambahkan plugin SendGrid:

Sekarang Anda memiliki aplikasi baru, Anda akan menambahkan plugin SendGrid.

1. Untuk mengimpor plugin, klik Buat Baru > Dari Plug-in :

2. Dalam kategori Komunikasi , Anda akan melihat API SendGrid Mail :

3. Klik Impor plugin yang dipilih .

4. Anda akan ditanya apakah Anda ingin mengatur halaman awal. Silakan dan pilih halaman email . Anda selalu mengubah halaman awal dengan masuk ke Project > App settings > General .

5. Langkah ini opsional, tetapi Anda juga dapat mengubah tema yang digunakan dalam aplikasi ini.

Sebuah. Buka Proyek > Pengaturan aplikasi > Umum

B. Untuk Tema , pilih desain material

6. Buka Halaman > halaman surat . Halaman akan terlihat seperti ini (menggunakan tema desain material):

Plugin berisi aplikasi sampel. Untuk menguji aplikasi, Anda perlu mengonfigurasi plugin SendGrid API. Anda akan melakukan ini selanjutnya, tetapi pertama-tama, Anda perlu memastikan informasi akun SendGrid Anda terlindungi.

Menyiapkan proxy aman:

Saat Anda mendaftar untuk akun SendGrid, Anda mendapatkan nama pengguna dan kunci API (kata sandi Anda) untuk digunakan saat memanggil API. Anda ingin menyimpan informasi sensitif ini di server karena jika seseorang memperoleh akses ke informasi ini, mereka akan dapat mengirim email menggunakan akun Anda. Proxy aman akan melindungi informasi ini sehingga tidak pernah terlihat di klien.

Langkah pertama untuk membuat proxy yang aman adalah membuat database yang akan menyimpan username dan password.

1. Dari Pembuat Aplikasi, klik Basis Data (di bilah alat) atau buka http://appery.io/database.

2. Klik Buat database baru . Untuk nama database, masukkan: SendGridDB . Klik Buat .

3. Sekarang Anda perlu membuat koleksi baru. Klik Buat koleksi baru . Beri nama koleksi Kredensial .

4. Klik +Col untuk membuat kolom baru. Beri nama kolom: kunci.

5. Buat kolom lain dan beri nama: keyValue .

6. Sekarang Anda akan memasukkan kunci SendGrid ke dalam database.

Sebuah. Klik +Baris dan masukkan api_user_proxy dan nilainya (itu nama pengguna Anda).

B. Ulangi hal yang sama untuk api_key. Klik +Row dan masukkan api_key_proxy dan nilainya (itu kata sandi Anda). Koleksi Anda akan terlihat seperti ini:

Dengan data yang disimpan dalam database, sekarang aman dan pribadi. Selanjutnya, Anda akan membuat proxy aman yang akan menggunakan data yang baru saja Anda simpan di database:

1. Klik pada tab Proxy Aman atau buka http://appery.io/proxy.

2. Klik Create new proxy , beri nama proxy SendGridProxy . Klik Buat .

3. Pada halaman pengaturan proxy, centang Use proxy + store sensitive (private) data in database .

4. Untuk Database, pilih SendGridDB .

5. Untuk Koleksi, pilih Kredensial .

6. Untuk kolom Key , pilih key dan untuk kolom Value , pilih keyValue .

7. Klik Simpan .

Langkah terakhir adalah mengkonfigurasi layanan untuk menggunakan proxy ini. Plugin ini memiliki satu layanan, SendGrid_Mail, untuk mengirim email, jadi hanya ada beberapa hal yang perlu Anda konfigurasikan:

  1. Di dalam Pembuat Aplikasi, buka Layanan > layanan SendGrid_Mail .
  2. Untuk Menggunakan proxy Appery.io , klik tombol segarkan untuk memuat proxy baru yang baru saja Anda buat dan pilih (SendGridProxy).
  3. Beralih ke tab Permintaan . Tab ini berisi semua parameter permintaan layanan. Anda juga akan melihat bahwa layanan akan mendapatkan api_user dan api_key dari proxy. Satu parameter permintaan yang perlu Anda atur adalah dari . Ini adalah email "dari" Anda.

Tab Permintaan terlihat seperti ini:

  • api_key – Kunci API SendGrid (kata sandi Anda). Disimpan di database Appery.io untuk keamanan
  • api_user – nama pengguna SendGrid. Disimpan di database Appery.io untuk keamanan
  • ke – ke email
  • toname (opsional) – untuk nama
  • dari – dari email
  • fromname (opsional) – dari nama
  • subjek – subjek email
  • teks – teks email

Anda dapat memodifikasi layanan dan menambahkan lebih banyak parameter permintaan yang didukung oleh SendGrid Mail API.

Selain dari (dan toname dan fromname opsional ) , Anda tidak perlu menyetel nilai dalam layanan karena nilai tersebut akan dipetakan dari halaman. Beginilah tampilan pemetaan di halaman ( Pages > mail > Data > sendgrid_email service > Before send mapping ):

Jika Anda ingin mempelajari lebih lanjut tentang plugin, memodifikasi aplikasi sampel, atau mengirim email tanpa lampiran, silakan baca dokumentasi plugin.

Menguji aplikasi:

Anda siap untuk menguji aplikasi.

1. Klik tombol "Uji" untuk meluncurkan aplikasi di browser.

Sebuah. Jika Anda menguji aplikasi di browser, Anda tidak dapat memanggil kamera. Anda masih dapat mengirim pesan; contoh gambar yang dibuat di Project > JavaScript > SampleImageScript akan dikirim sebagai gantinya.

2. Untuk menggunakan kamera, cara tercepat adalah menggunakan aplikasi Appery.io Tester, atau menginstal aplikasi di perangkat.

Ini sedang menguji aplikasi pada perangkat Android:

Menguji aplikasi di browser (Anda dapat memindai kode QR untuk meluncurkan aplikasi di perangkat Anda di browser):

Apa berikutnya?

Untuk mempelajari lebih lanjut tentang plugin, silakan kunjungi halaman dokumentasi plugin. Anda juga dapat menambahkan API SendGrid lainnya ke aplikasi Anda.

Selain Appery.io App Builder, Anda juga mendapatkan layanan backend terintegrasi seperti database cloud, pemberitahuan push, dan skrip server untuk menulis logika bisnis khusus untuk aplikasi.

Ringkasan

Membangun aplikasi dengan kemampuan email dalam aplikasi dengan SendGrid dan Appery.io cepat dan sederhana. Plugin SendGrid API dapat dengan cepat diintegrasikan, diuji, dan diamankan saat membuat aplikasi seluler di Appery.io.

Tentang penulis : Max Katz mengepalai Hubungan Pengembang untuk Appery.io, platform aplikasi seluler berbasis cloud. Dia suka mencoba REST API baru dan keren di aplikasi seluler. Max adalah penulis dua buku "RichFaces Praktis" (Apress 2008, 2011), DZone MVB (Blogger Paling Berharga), dan sering menjadi pembicara di konferensi pengembang. Anda dapat mengetahui apa yang Max lakukan di blognya: http://maxkatz.org dan Twitter: @maxkatz.