Autentikasi 2 Faktor untuk situs web

Autentikasi dua faktor, juga dikenal sebagai 2FA, verifikasi dua langkah, atau TFA (sebagai akronim), adalah lapisan keamanan tambahan yang dikenal sebagai "autentikasi multifaktor" yang tidak hanya memerlukan kata sandi dan nama pengguna, tetapi juga sesuatu yang hanya dimiliki oleh pengguna tersebut, yaitu informasi yang hanya boleh diketahui atau dimiliki langsung olehnya - seperti perangkat autentikasi fisik - dalam kasus kami, sebuah telepon. Telepon yang memiliki nomor telepon yang dapat dilacak.

Tutorial berikut akan menjelaskan cara menyiapkan Autentikasi 2 Faktor untuk situs web baru atau yang sudah ada milik Anda.

Pertama-tama, masuk ke akun Anda dan temukan layar Autentikasi 2 Faktor:

- Klik pada ubin "Aplikasi":

Autentikasi 2 Langkah - Langkah 1

- Setelah berada di halaman Aplikasi (Applications), klik ubin “Autentikasi 2 Faktor (2 Factor Auth)”:

Autentikasi 2 Langkah - Langkah 2

- Setelah berada di halaman "Autentikasi 2 Faktor", klik tombol "Buat Baru".

Berikut adalah opsi yang akan Anda lihat:

Autentikasi 2 Langkah - Langkah 3

Berikut penjelasan tentang berbagai opsi yang tersedia:

1. Nama : nama instans Autentikasi Dua Faktor ini

2. Deskripsi : deskripsi singkat

3. CallerID : Ini adalah CallerID yang akan digunakan saat melakukan panggilan keluar (jika panggilan keluar diaktifkan).

4. SenderID : Ini adalah SenderID SMS/Pesan Teks (nomor Pengirim) yang akan digunakan saat mengirim pesan SMS/teks. Harap perhatikan bahwa untuk AS/Kanada Anda harus memiliki nomor telepon yang mendukung SMS di akun Anda sebelum dapat memilih opsi ini.

5. Allow Dialing (izinkan panggilan) : Opsi ini akan memberi pengguna akhir/pengunjung Anda opsi untuk memverifikasi nomor telepon mereka dengan menerima panggilan . Saat diatur ke “Yes” (ya), serangkaian opsi lain akan muncul. Gulir ke bawah untuk deskripsi.

6. Panjang PIN : Panjang PIN , secara bawaan 4 karakter

7. POST URL : Ini adalah salah satu opsi terpenting yang dapat Anda atur: URL ini akan kami gunakan untuk mengirimkan informasi autentikasi/verifikasi kepada Anda. Semuanya berjalan di sisi server sehingga pengguna akhir Anda tidak akan mengetahui URL ini.

8. Local Post URL (alamat POST lokal) : Ini adalah URL pada antarmuka pelanggan yang menerima permintaan HTTP POST dari applet kami, agar aplikasi Anda dapat melanjutkan pemrosesan pendaftaran atau login pengguna.

9. DIV ID : Aplikasi Autentikasi 2Faktor kami akan menggunakan div id ini untuk mengisi UI (User Interface) drop-in. Ini selanjutnya harus didefinisikan dalam kode HTML halaman Anda sebagai DIV kosong.
Misalnya, jika Anda menetapkan DIV ID sebagai "2fa", maka Anda harus mengedit halaman login/pendaftaran dan menambahkan div kosong seperti berikut:

. Di sinilah applet 2FA akan muncul.

10. Jenis autentikasi : Anda memiliki dua opsi: "Kirim ke URL" (Post URL) (yang akan memicu permintaan HTTP ke URL/opsi yang kami jelaskan di atas pada "7. POST URL") , dan "Aktifkan langsung" (Enable Directly) , yang hanya mengizinkan formulir untuk melanjutkan pengiriman ke "8. URL pengiriman lokal" (Local Post URL) (kurang aman)

11. Domain : Anda dapat dan harus membatasi ini ke domain yang digunakan situs web Anda. Jika situs web Anda adalah www.test.com, harap batasi penggunaannya ke domain ini agar aplikasi 2FA hanya berfungsi pada domain ini.

12. Tampilkan Captcha : Opsi ini mengontrol tampilan Captcha pada antarmuka pengguna 2FA yang dapat disematkan ke situs.

13. Jumlah percobaan ulang maksimum: Berapa banyak upaya ulang yang harus kita izinkan per pengunjung?

14. Pengidentifikasi Unik : Ini adalah pengidentifikasi Unik yang akan Anda gunakan untuk applet drop-in 2FA ini. Kami akan menjelaskan cara menggunakannya nanti (terus baca artikel ini :) )

15. Percobaan ulang SMS maksimum : Berapa kali kami harus mengizinkan pengguna akhir untuk mencoba ulang pengiriman SMS?

16. Jumlah maksimum percobaan ulang panggilan : Berapa kali pengguna akhir boleh mencoba menelepon nomornya lagi?

17. Pesan SMS (SMS Message) : Memungkinkan Anda mengirim pesan SMS yang dapat dikonfigurasi (opsi ini belum tersedia)

18. Tautan Bantuan : Ini akan menjadi tautan bantuan yang ditampilkan pada aplet 2FA yang dapat disematkan. Jika tidak ada yang ditentukan, tidak akan ada yang ditampilkan.

Ketika "Allow Dialing" diatur ke yes, opsi berikut akan tersedia:

Autentikasi 2 Langkah - Langkah 4

Berikut penjelasan mengenai opsi tambahan:

1. Pilihan Audio : memungkinkan Anda memilih bagaimana pengguna akan diberikan nomor PIN autentikasinya. Pilihan yang tersedia adalah TTS dan Audio. Memilih Audio akan menyembunyikan opsi "Teks ke suara (Text to speech)" dan "Bahasa teks ke suara (Text to speech language)" dan menggantinya dengan "Jenis suara rekaman (Prerecorded audio voice)" (jenis suara apa yang harus kita gunakan?) dan "Bahasa suara rekaman (Prerecorded audio voice language)", seperti yang ditunjukkan di bawah ini:

Autentikasi 2 Langkah - Langkah 5

2. Teks ke ucapan : jika Pilihan audio diatur ke "TTS" , maka ini adalah teks yang akan dibacakan oleh mesin TTS kepada pengguna akhir (biaya TTS berlaku).

3. Text to speech language (bahasa pembacaan teks): Bahasa ini digunakan saat teks dibacakan menjadi suara.

4. Allow extension dialing (izinkan pemanggilan ekstensi) : Jika diatur ke “yes” (ya), pengguna akhir akan diizinkan juga memasukkan nomor ekstensinya (sehingga Anda dapat menghubungi pengguna akhir di balik IVR, bukan hanya pengguna akhir yang memiliki nomor telepon langsung)

5. Tarif panggilan maksimum : Karena Anda membayar panggilan keluar, Anda juga memiliki opsi untuk membatasi biaya per menit yang terkait dengan panggilan tersebut. Anda mungkin tidak ingin pengguna akhir Anda melakukan autentikasi menggunakan telepon satelit (itu akan sangat mahal, aduh!)

6. Tunggu sapaan (Wait for hello) : Jika diatur ke "No" , sistem kami akan membacakan nomor PIN segera setelah panggilan dijawab. Jika diatur ke "Yes" , sistem kami akan menunggu sapaan pertama terlebih dahulu (sedikit meningkatkan keberhasilan penyampaian, tetapi dapat membuat sebagian pengguna menutup panggilan sebelum mendengar nomor PIN - biasanya sekitar 3% pengguna menutup panggilan sebelum mendengar PIN saat opsi ini diaktifkan).

Setelah Anda selesai dengan semua opsi ini, cukup klik tombol “Kirim” (Submit). Ingat “Pengidentifikasi Unik” (Unique Identifier) yang kami katakan akan kami jelaskan nanti? Sekarang saatnya menggunakannya (Perhatikan “WHATEVERID” dalam skrip di bawah?)

Berikut cara menerapkan autentikasi dua langkah di situs web Anda:

<!DOCTYPE html>
<head>
  <title>2Factor Authentication test</title>
  <script type="text/javascript">
    (function(d, script) {
      script = d.createElement('script');
      script.type = 'text/javascript';
      script.async = true;
      script.onload = function(){
          // remote script has loaded
      };
      script.src = 'https://api.multitel.net/tfa/js/WHATEVERID/WHATEVERCUSTOMER';
      d.getElementsByTagName('head')[0].appendChild(script);
    }(document));
  </script>
</head>
<html>
  <body>
    <div id="multitel" width="100px"></div>
  <body>
</html>

Contoh kode · Lihat sumber

Dan inilah yang akan Anda lihat saat membuka halaman tersebut:

Autentikasi 2 Langkah - Langkah 6

Saat pengguna akhir mulai mengetik nomor telepon, negara akan mulai muncul:

Untuk nomor AS:

Autentikasi 2 Langkah - Langkah 7

Untuk nomor Inggris (UK):

Autentikasi 2 Langkah - Langkah 8

Pengguna akhir dapat mengeklik “Send SMS” (kirim SMS) atau “Phone Call” (panggilan telepon). Setelah menerima kode verifikasi melalui SMS atau panggilan telepon, pengguna dapat memasukkan kode tersebut lalu mengeklik “Verify” (verifikasi).

Jika diatur, kami akan mengirimkan informasi tersebut, beserta "WHATEVERCUSTOMERID"

Cari dokumentasi