Kako izbrisati SMS u JavaScriptu

Najjednostavniji način za brisanje SMS-a iz JavaScripta je korištenje ugrađenog HTTP/Rest SMS API-ja Ozeki SMS Gatewaya. Kada koristite ovaj API, brisat ćete SMS poruke slanjem HTTP POST zahtjeva SMS gatewayu. HTTP POST zahtjev će vratiti HTTP 200 OK odgovor na vaš zahtjev i ID(e) poruka(e) koje su izbrisane.

kako izbrisati sms u javascriptu
Slika 1 - Kako izbrisati SMS u JavaScriptu

JavaScript kod za brisanje SMS-a na mobitelu

JavaScript SMS primjer koda ispod pokazuje kako možete izbrisati SMS poruke koristeći HTTP REST SMS API Ozeki SMS Gatewaya s JavaScript Ozeki.Libs.Rest bibliotekom. Ova biblioteka vam je dostupna besplatno, a možete je koristiti i mijenjati u bilo kojem od vaših projekata.

DeleteSms.php 
<?php
    header("Access-Control-Allow-Origin: *");
    header('Access-Control-Allow-Credentials: true');
    header('Access-Control-Max-Age: 86400');
    header("Access-Control-Allow-Headers: Authorization, Accept, Content-Type");
    header("Access-Control-Allow-Methods: GET, POST, OPTIONS"); 
?>

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Brisanje SMS-a s Ozeki SMS Gatewayom</title>
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
        <link rel="stylesheet" href="DeleteSms.css">
    </head>
    <body>

        <div class="form-container">
            <b>ID:</b>
            <input class="form-control" type="text" id="ID" placeholder="fcfaf789-1bb9-bad2-9486-f68be5e1d065">
            <b>Mapa:</b>
            <select class="form-select" id="folder">
                <option value="inbox">Dolazne</option>
                <option value="outbox">Odlazne</option>
                <option value="sent">Poslane</option>
                <option value="notsent">Neposlane</option>
                <option value="deleted">Izbrisane</option>
            </select>
            <button class="btn btn-primary" id="btnDelete">
                <b>IZBRIŠI</b>
            </button>
        </div>

        <div class="card log-container">
            <ul class="log" id="container">
                <li class="list-group-item"><b>Dnevnici:</b></li>
            </ul> 
        </div>

        <script type="module">
            import { Configuration, Message, MessageApi, Folder } from "./Ozeki.Libs.Rest.js";

            var btnDelete = document.getElementById("btnDelete");
                        
            var configuration = new Configuration();
            configuration.Username = 'http_user';
            configuration.Password = 'qwe123';
            configuration.ApiUrl = 'http://127.0.0.1:9509/api';

            var api = new MessageApi(configuration);

            btnDelete.addEventListener("click", async function() {
                if (document.getElementById("ID").value != '') {
                    var msg = new Message();
                    msg.ID = document.getElementById("ID").value;
                    
                    var folder;

                    var folderName = document.getElementById('folder').value;

                    if (folderName == 'inbox') {
                        folder = Folder.Inbox;
                    } else if (folderName == 'outbox') {
                        folder = Folder.Outbox;
                    } else if (folderName == 'sent') {
                        folder = Folder.Sent;
                    } else if (folderName == 'notsent') {
                        folder = Folder.NotSent;
                    } else {
                        folder = Folder.Deleted;
                    }

                    let result = await api.Delete(folder, msg);

                    document.getElementById('ID').value = '';
                    document.getElementById('folder').value = 'inbox';

                    document.getElementById('container').innerHTML += `<li class="list-group-item">${result}</li>`;
                }
            });
        </script>
    </body>
</html>

Kako koristiti JavaScript SMS primjer:

Ovaj JavaScript SMS primjer može se koristiti u bilo kojoj web aplikaciji. Da biste ga koristili, morate dodati Ozeki.Libs.Rest.js u svoj projekt. Nakon što je dodan u vaš projekt, morate staviti import {MessageApi, Configuration} from './Ozeki.Libs.Rest.js'; directivu u zaglavlje vašeg JavaScript izvornog koda. To će vam omogućiti korištenje klasa koje pruža Ozeki.Libs.Rest biblioteka. Možete koristiti klasu Message za kreiranje SMS-a. Možete koristiti klasu MessageApi za slanje SMS-a SMS gatewayu. SMS gateway će proslijediti vašu poruku mobilnoj mreži putem bežične veze ili putem interneta.

Preuzmite DeleteSms.js

Izvorni kod objašnjen u ovom članku može se besplatno preuzeti, koristiti i mijenjati.
Preuzimanje: DeleteSms.js.zip (5.52Kb)

Što se nalazi u DeleteSms.js.zip datoteci?

DeleteSms.js.zip datoteka sadrži Ozeki.Libs.Rest biblioteku, koja vam daje sve potrebne alate za slanje i primanje SMS poruka. Također ćete pronaći DeleteSms projekt u zip datoteci, koji sadrži primjer koda koji pokazuje kako poslati SMS. Ovaj primjer koda je naveden ispod.

direktorij za brisanje sms js
Slika 2 - Što se nalazi unutar DeleteSms.js.zip

Kako izbrisati SMS iz JavaScripta (Jednostavne smjernice)

Za brisanje SMS-a iz JavaScripta:

  1. Instalirajte HTTP API korisnika
  2. Omogućite bilježenje komunikacijskih događaja na kartici Napredno
  3. Postavite WampServer
  4. Preuzmite i raspakirajte datoteku DeleteSms.js.zip
  5. Stavite sadržaj zip datoteke u \www\ mapu wampservera: C:\wamp64\www
  6. Pokrenite Ozeki SMS Gateway aplikaciju
  7. Otvorite web stranicu upisivanjem http://localhost/DeleteSms.php u preglednik
  8. Nakon što ste otvorili web stranicu, možete poslati SMS klikom na gumb DownloadIncoming
  9. Provjerite zapisnike kako biste vidjeli je li SMS poslan

Instalirajte Ozeki SMS Gateway i stvorite HTTP API korisnika

Da biste mogli slati SMS iz JavaScripta, prvo morate instalirati Ozeki SMS Gateway. SMS gateway se može instalirati na istom računalu na kojem razvijate svoj JavaScript kod u Visual studiju. Nakon instalacije, sljedeći korak je povezivanje Ozeki SMS Gatewaya s mobilnom mrežom. Možete poslati testni SMS iz Ozeki sučelja kako biste potvrdili da vaša mobilna mrežna veza radi. Konačni korak za pripremu vašeg okruženja je stvaranje HTTP SMS API korisničkog računa. Stvorite korisnika s korisničkim imenom "http_user" i lozinkom "qwe123" kako bi primjer radio bez izmjena.

Nakon što je okruženje postavljeno, možete pokrenuti svoj JavaScript kod.

HTTP API URL za brisanje SMS-a iz JavaScripta

Za slanje SMS-a iz JavaScripta, vaš JavaScript će morati poslati HTTP zahtjev SMS gatewayu. API URL je prikazan u nastavku. Imajte na umu da IP adresa (127.0.0.1) treba biti zamijenjena IP adresom vašeg SMS gatewaya. Ako je Ozeki SMS Gateway instaliran na istom računalu na kojem se pokreće JavaScript SMS aplikacija, to može biti 127.0.0.1. Ako je instaliran na drugom računalu, treba biti IP adresa tog računala. 

http://127.0.0.1:9509/api?action=rest

HTTP autentifikacija za brisanje SMS-a iz JavaScripta

Za autentifikaciju JavaScript SMS klijenta, morate poslati korisničko ime i lozinku u base64 kodiranom stringu na poslužitelj u HTTP zahtjevu. Korišteni format je: base64(korisničko_ime+":"+lozinka). U JavaScriptu možete koristiti sljedeći kod za to kodiranje: 

// Base64 koder možete pronaći u datoteci Ozeki.Libs.Rest.js 
var usernamePassword = username + ":" + password;
return `Basic ${Base64.encode(usernamePassword)}`;

Na primjer, ako kodirate korisničko ime 'http_user' i lozinku 'qwe123', dobit ćete sljedeći base64 kodirani string: aHR0cF91c2VyOnF3ZTEyMw==. Za slanje

HTTP zaglavlje zahtjeva za brisanje SMS-a iz JavaScripta

Za slanje SMS poruka, morate uključiti sljedeće retke kao zaglavlja u HTTP zahtjevu. Imajte na umu da uključujemo Content-Type i Authorization zaglavlje. 

Content-Type: application/json
Authorization: Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ==

HTTP zahtjev za slanje SMS-a iz JavaScripta

Za slanje SMS-a, vaša JavaScript aplikacija će poslati HTTP zahtjev sličan onome u nastavku. Imajte na umu da ovaj zahtjev sadrži dio HTTP zaglavlja i dio tijela. Dio tijela sadrži mapu koja sadrži našu poruku(e) i ID(e) poruka(e) u JSON stringu. 

POST /api?action=deletemsg HTTP/1.1
Connection: Keep-Alive
Content-Length: 73
Content-Type: application/json
Authorization: Basic aHR0cF91c2VyOnF3ZTEyMw==
Host: 127.0.0.1:9509
  
{
    "folder":  "inbox",
    "message_ids": [
        "3a922414-458f-4866-a8ee-f053d1132a6b"
    ]
}

HTTP odgovor primljen od JavaScript SMS primjera

Nakon što SMS gateway primi ovaj zahtjev, generirat će HTTP odgovor. HTTP odgovor će sadržavati statusni kod kako bi naznačio je li zahtjev za slanje SMS-a bio uspješan ili ne. Također će vratiti JSON kodiranu strukturu kako bi vam pružio korisne pojedinosti o slanju poruke. 

HTTP/1.1 200 OK
User-Agent: OZEKI 10.3.116 (www.myozeki.com)
Content-Type: application/json; charset=utf8
Last-Modified: Mon, 07 Jun 2021 14:10:25 GMT
Server: 10/10.3.116
Transfer-Encoding: chunked
{
    "http_code": 200,
    "response_code": "SUCCESS",
    "response_msg": "",
    "data": {
        "folder": "inbox",
        "message_ids": [
            "3a922414-458f-4866-a8ee-f053d1132a6b"
        ]
    }
}

Kako izbrisati SMS iz JavaScripta koristeći JavaScript SMS API (Video tutorial)

Ovaj video vam pokazuje kako preuzeti datoteku DeleteSms.js.zip s ove stranice. Ako pogledate video, primijetit ćete da je sadržaj DeleteSms.js zipa smješten u mapu \www\ WampServera. Također ćete vidjeti da pokrećemo WampServer dvostrukim klikom na njegovu ikonu, a nakon toga upisujemo http://localhost:8080/DeleteSms.php u web preglednik.

JavaScript SMS primjer: DeleteSms.js

Primjer koda u nastavku dio je PHP datoteke DeleteSms.php. Osim toga, vidjet ćete još dvije datoteke pod nazivom DeleteSms.css i Ozeki.Libs.Rest.js.

  • Datoteka Ozeki.Libs.Rest.js sadrži sve potrebne alate za slanje, brisanje, označavanje i primanje SMS poruka.
  • DeleteSms.php sadrži JavaScript kod i neke zaglavlja koja će nam omogućiti slanje HTTP zahtjeva bez CORS grešaka.
  • DeleteSms.css sadrži stilsku datoteku za web stranicu.

kako izbrisati SMS koristeći JavaScript
Slika 3 - DeleteSms.php

Kako provjeriti je li SMS prihvaćen od strane HTTP korisnika (Video tutorial)

Nakon što je SMS poslan, dobro je provjeriti svoj SMS pristupnik kako biste vidjeli što je primio. Dnevnik možete provjeriti otvaranjem detalja HTTP korisnika iz upravljačke konzole Ozeki SMS pristupnika. Sljedeći video pokazuje što trebate tražiti. Video će započeti s otvorenim kodom i završiti s detaljima poslane poruke. Naučit ćete kako pokrenuti projekt, kako projekt izgleda tijekom rada i kako izgleda datoteka dnevnika nakon toga. Video traje samo 42 sekunde i lako ga je razumjeti. Nećete imati problema s praćenjem.

Video 2 - Kako izbrisati SMS s gore navedenim JavaScript kodom (Video tutorial)

Zaključne misli

Gore navedeni članak prikazuje korake brisanja SMS poruka u JavaScript programu koristeći HTTP korisnika Ozeki SMS pristupnika. Održavanje vašeg spremišta poruka uravnoteženim i čistim važno je ako se svakodnevno morate baviti s puno SMS poruka i želite ostati profesionalni. Upravljanje Ozeki SMS pristupnikom jednostavno je s JavaScript kodovima, a nudi nekoliko mogućnosti izvještavanja kako bi pružio više informacija o SMS vezi.

Nastavite svoje učenje, saznajte više o stvarima poput JavaScript SMS API-ja na web stranici Ozeki. Korisno je pročitati tutorial o Kako preuzeti najnoviju JavaScript SMS API biblioteku s Githuba.

Sljedeći zadatak je preuzeti Ozeki SMS pristupnik i neka posao počne!

More information