CHECK FAST2SMS BALANCE BY APPS SCRIPT, JAVASCRIPT AND HTML.
DEAR ALL HERE WE ALL SEE HOW TO CHECK FAST2SMS SMS BALANCE USING APPS SCRIPT, JAVASCRIPT, HTML AND FAST2SMS API.
FOR THIS GOAL WE SHOULD FOLLOWING STEP TO GET DONE.
LET'S GET STARTED.
>>FIRST STEP
GET YOUR FAST2SMS API FROM FAST2SMS DASHBOARD>>DEV API.
AND COPY IT.
IF YOU HAVE NOT FAST2SMS ACCOUNT YET CREATE BY TAPPING HERE.
AFTER GETING YOUR API FORM FAST2SMS DASHBOARD MOVE TO NEXT STEP.
>>SECOND STEP
IN THIS STEP WE GO TO GOOGLE APPS AND CREATE A NEW PROJECT
IN PROJECT FILE NAME code.gs , PASTE THE FOLLOWING CODE AND SAVE.
Code.gs
//THIS CODE FOR HTML OUTPUT
// DON'T MAKE CHANGE IN THIS FILE.
function doGet() {
var x;
x = HtmlService.createTemplateFromFile('index').evaluate();
x.setTitle("Send SMS | FAST2SMS API");
return x;
}
//THIS CODE READ OUT THE FAST2SMS BALANCE
//AND RETURN TO HTML FILE
function myFunction(sd) {
var url = "https://www.fast2sms.com/dev/wallet";
var options = {
"async": true,
"crossDomain": true,
"method": "POST",
"headers": {
"authorization": "FAST2SMS API"
}
}
var response = UrlFetchApp.fetch(url, options);
var value = JSON.parse(response.getContentText())
return value.wallet;
}
//PASTE YOUR FAST2SMS API IN RED PLACE .
// DON'T SHARE YOUR API WITH ANYONE.
-----------------------------------------------------------------ARRANGE YOUR FILE AS FOLLOWING EXAMPLE--------------------------------
>>THIRD STEP
NOW CREATE A NEW HTML FILEIN APPS PROJECT.
TO CREATE FILE CLICK ON FILES +
RENAME IT index.htnl AND COPY AND PASE THE FOLLOWING CODE IN IT.
index.html
<!DOCTYPE html>
<html>
<head>
<base target="_top">
</head>
<script>
function preventFormSubmit() {
var forms = document.querySelectorAll('form');
for (var i = 0; i < forms.length; i++) {
forms[i].addEventListener('submit', function(event) {
event.preventDefault();
});
}
}
window.addEventListener('load', preventFormSubmit);
function smsSend(form) {
document.getElementById('loader').innerHTML = 'Getting balance...';
google.script.run
.withSuccessHandler(resp)
.myFunction(form);}
function resp(data) {
document.getElementById("loader").innerHTML = "Success";
document.getElementById("result").innerHTML = data;
}
</script>
<body>
<form onsubmit="smsSend(form)">
<table style="width:300px"border="1"align="center">
<tr>
<th>STATUS</th>
<th>BALANCE</th>
</tr>
<tr>
<td id="loader"></td>
<td id="result"></td>
</tr>
<tr>
<td colspan="2"onclick="smsSend()"style="background-color:green;text-align:center;color:white;cursor: pointer;">GET BALANCE</td>
</tr>
</table>
</form>
</body>
</html>
RESULT LOOK LIKE THIS ............
SAVE THE FILE AND CLICK ON DEPLOY BUTTOB AND DEPLOY AS WEP APP.
LIVE TEST >>>TRY TO CHECK OUT , IF ANY ERROR FOUND. PLEASE LET ME KNOW BY COMMENT.
I'LL TRY MY LEVEL BEST TO FIX THE PROBLEM.
THANKS FOR VISITING CodyLab
Have a nice day!
-------------------------- -------------------------