jQuery AJAX Script untuk meminta kode Pengiriman dan Verifikasi OTPIni adalah file JavaScript yang berisi fungsi untuk meminta kode PHP Pengirim dan Verifikasi OTP melalui AJAX. Kedua fungsi ini mengirimkan parameter action yang sesuai untuk mengeksekusi blok kode PHP yang sesuai. Method sendOTP () mengirimkan nomor ponsel dan params tindakan send_otp ke file PHP. Demikian pula, method verifikasiOTP () mengirimkan kode OTP yang dimasukkan oleh pengguna dengan parameter action yang sesuai.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 |
function sendOTP() { $(".error").html("").hide(); var number = $("#mobile").val(); if (number.length == 10 && number != null) { var input = { "mobile_number" : number, "action" : "send_otp" }; $.ajax({ url : 'controller.php', type : 'POST', data : input, success : function(response) { $(".container").html(response); } }); } else { $(".error").html('Please enter a valid number!') $(".error").show(); } } function verifyOTP() { $(".error").html("").hide(); $(".success").html("").hide(); var otp = $("#mobileOtp").val(); var input = { "otp" : otp, "action" : "verify_otp" }; if (otp.length == 6 && otp != null) { $.ajax({ url : 'controller.php', type : 'POST', dataType : "json", data : input, success : function(response) { $("." + response.type).html(response.message) $("." + response.type).show(); }, error : function() { alert("ss"); } }); } else { $(".error").html('You have entered wrong OTP.') $(".error").show(); } } |
Controller.php
kelas PHP Controller yang diakses melalui AJAX. Konstruktor kelas memanggil fungsi untuk menangani action verifikasi seluler berdasarkan permintaan yang dikirim melalui panggilan AJAX. Fungsi ini memproses pengiriman OTP ke ponsel target dan memvalidasi OTP yang dimasukkan oleh pengguna.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 |
<?php session_start(); error_reporting(E_ALL & ~ E_NOTICE); require ('textlocal.class.php'); class Controller { function __construct() { $this->processMobileVerification(); } function processMobileVerification() { switch ($_POST["action"]) { case "send_otp": $mobile_number = $_POST['mobile_number']; $apiKey = urlencode('YOUR_API_KEY'); $Textlocal = new Textlocal(false, false, $apiKey); $numbers = array( $mobile_number ); $sender = 'PHPPOT'; $otp = rand(100000, 999999); $_SESSION['session_otp'] = $otp; $message = "Your One Time Password is " . $otp; try{ $response = $Textlocal->sendSms($numbers, $message, $sender); require_once ("verification-form.php"); exit(); }catch(Exception $e){ die('Error: '.$e->getMessage()); } break; case "verify_otp": $otp = $_POST['otp']; if ($otp == $_SESSION['session_otp']) { unset($_SESSION['session_otp']); echo json_encode(array("type"=>"success", "message"=>"Your mobile number is verified!")); } else { echo json_encode(array("type"=>"error", "message"=>"Mobile number verification failed")); } break; } } } $controller = new Controller(); ?> |
Berikut hasil dari Verifikasi OTP SMS Mobile di PHP dengan TextLocal,
Oke itulah tadi pembahasan saya tentang Verifikasi OTP SMS Mobile di PHP dengan TextLocal semoga bermanfaat.