Cum să ștergi un SMS în Javascript

Cea mai simplă metodă de a șterge SMS-uri din JavaScript este utilizarea API-ului HTTP/Rest SMS integrat al Ozeki SMS Gateway. Când folosești acest API, vei șterge mesajele SMS prin trimiterea unei cereri HTTP POST către gateway-ul SMS. Cererea HTTP POST va returna un răspuns HTTP 200 OK la cererea ta și ID-ul (ID-urile) mesajului (mesajelor) care au fost șterse.

cum să ștergi un sms în javascript
Figura 1 - Cum să ștergi un SMS în Javascript

Cod JavaScript pentru ștergerea SMS-urilor pe mobil

Exemplul de cod JavaScript pentru SMS de mai jos demonstrează cum poți șterge mesaje SMS folosind API-ul HTTP REST SMS al Ozeki SMS Gateway cu ajutorul bibliotecii JavaScript Ozeki.Libs.Rest. Această bibliotecă este oferită gratuit și poți să o folosești și să o modifici în oricare dintre proiectele tale.

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>Șterge SMS cu Ozeki SMS Gateway</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>Folder:</b>
            <select class="form-select" id="folder">
                <option value="inbox">Inbox</option>
                <option value="outbox">Outbox</option>
                <option value="sent">Sent</option>
                <option value="notsent">NotSent</option>
                <option value="deleted">Deleted</option>
            </select>
            <button class="btn btn-primary" id="btnDelete">
                <b>ȘTERGE</b>
            </button>
        </div>

        <div class="card log-container">
            <ul class="log" id="container">
                <li class="list-group-item"><b>Jurnal:</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>

Cum să folosești exemplul JavaScript pentru SMS:

Acest exemplu JavaScript pentru SMS poate fi folosit în orice aplicație web. Pentru a-l utiliza, trebuie să adaugi Ozeki.Libs.Rest.js în proiectul tău. După ce este adăugat în proiect, trebuie să incluzi directiva import {MessageApi, Configuration} from './Ozeki.Libs.Rest.js'; în secțiunea de antet a codului sursă JavaScript. Acest lucru îți va permite să folosești clasele furnizate de biblioteca Ozeki.Libs.Rest. Poți folosi clasa Message pentru a crea SMS-ul. Poți folosi clasa MessageApi pentru a trimite SMS-ul către gateway-ul SMS. Gateway-ul SMS va transmite mesajul tău către rețeaua mobilă fie printr-o conexiune wireless, fie prin Internet.

Descarcă DeleteSms.js

Codul sursă explicat în acest articol poate fi descărcat, folosit și modificat gratuit.
Descarcă: DeleteSms.js.zip (5.52Kb)

Ce conține fișierul DeleteSms.js.zip?

Fișierul DeleteSms.js.zip conține biblioteca Ozeki.Libs.Rest, care îți oferă toate instrumentele necesare pentru a trimite și primi mesaje SMS. De asemenea, vei găsi proiectul DeleteSms în arhivă, care include codul exemplu pentru a-ți arăta cum să trimiți un SMS. Acest cod exemplu este listat mai jos.

director delete sms js
Figura 2 - Ce conține DeleteSms.js.zip

Cum să ștergi SMS din JavaScript (Ghid simplu)

Pentru a șterge SMS din JavaScript:

  1. Instalează un utilizator HTTP API
  2. Activează Log communication events în fila Advanced
  3. Configurează WampServer
  4. Descarcă apoi extrage fișierul DeleteSms.js.zip
  5. Pune conținutul fișierului zip în folderul \www\ al wampserver: C:\wamp64\www
  6. Lansează aplicația Ozeki SMS Gateway
  7. Deschide site-ul tastând http://localhost/DeleteSms.php în browser
  8. După ce ai deschis site-ul, poți trimite un SMS făcând clic pe butonul DownloadIncoming
  9. Verifică jurnalele pentru a vedea dacă SMS-ul a fost trimis
Instalează Ozeki SMS Gateway și creează un utilizator HTTP API

Pentru a putea trimite SMS din JavaScript, mai întâi trebuie să instalezi Ozeki SMS Gateway. Gateway-ul SMS poate fi instalat pe același computer unde dezvolți codul JavaScript în Visual Studio. După instalare, următorul pas este să conectezi Ozeki SMS Gateway la rețeaua mobilă. Poți creezi un utilizator HTTP SMS API. Creează un utilizator cu numele "http_user" și parola "qwe123" pentru ca exemplul să funcționeze fără modificări.

După ce mediul este configurat, poți rula codul JavaScript.

URL-ul HTTP API pentru a șterge SMS din JavaScript

Pentru a trimite SMS din JavaScript, codul tău JavaScript va trebui să trimită o cerere HTTP către gateway-ul SMS. URL-ul API este afișat mai jos. Reține că adresa IP (127.0.0.1) ar trebui să fie înlocuită cu adresa IP a gateway-ului tău SMS. Dacă Ozeki SMS Gateway este instalat pe același computer unde rulează aplicația JavaScript SMS, poate fi 127.0.0.1. Dacă este instalat pe un computer diferit, ar trebui să fie adresa IP a acelui computer. 

http://127.0.0.1:9509/api?action=rest
Autentificarea HTTP pentru a șterge SMS din JavaScript

Pentru a autentifica clientul JavaScript SMS, trebuie să trimiți numele de utilizator și parola într-un șir codificat base64 către server într-o cerere HTTP. Formatul folosit este: base64(nume_utilizator+":"+parolă). În JavaScript poți folosi următorul cod pentru a face această codificare: 

// Găsești codificatorul Base64 în fișierul Ozeki.Libs.Rest.js 
var usernamePassword = username + ":" + password;
return `Basic ${Base64.encode(usernamePassword)}`;

De exemplu, dacă codezi numele de utilizator 'http_user' și parola 'qwe123', vei obține următorul șir codificat base64: aHR0cF91c2VyOnF3ZTEyMw==. Pentru a trimite

Antetul cererii HTTP pentru a șterge SMS din JavaScript

Pentru a trimite mesajele SMS, trebuie să incluzi următoarele linii ca antete în cererea HTTP. Reține că includem un antet Content-Type și un antet Authorization. 

Content-Type: application/json
Authorization: Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ==
Cererea HTTP pentru a trimite SMS din JavaScript

Pentru a trimite SMS, aplicația ta JavaScript va trimite o cerere HTTP similară cu cea de mai jos. Reține că această cerere conține o parte de antet HTTP și o parte de corp. Partea de corp conține folderul care conține mesajele noastre și ID-urile mesajelor în format JSON. 

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"
    ]
}
Răspunsul HTTP primit de exemplul JavaScript SMS

Odată ce gateway-ul SMS primește această cerere, va genera un răspuns HTTP. Răspunsul HTTP va conține un cod de stare, pentru a indica dacă cererea de trimitere SMS a avut succes sau nu. De asemenea, va returna o structură codificată JSON pentru a-ți oferi detalii utile despre trimiterea mesajului. 

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"
        ]
    }
}
Cum să ștergi SMS din JavaScript folosind API-ul JavaScript SMS (Tutorial video)

Acest videoclip îți arată cum să descarci fișierul DeleteSms.js.zip de pe această pagină. Dacă urmărești videoclipul, vei observa că conținutul arhivei DeleteSms.js este plasat în folderul \www\ al WampServer. De asemenea, vei vedea că pornim WampServer făcând dublu clic pe iconița sa, iar după aceasta tastăm http://localhost:8080/DeleteSms.php în browser.

Exemplu JavaScript SMS: DeleteSms.js

Codul exemplu de mai jos face parte din fișierul PHP DeleteSms.php. Pe lângă acesta, veți vedea alte două fișiere numite DeleteSms.css și Ozeki.Libs.Rest.js.

  • Fișierul Ozeki.Libs.Rest.js conține toate instrumentele necesare pentru trimiterea, ștergerea, marcarea și primirea mesajelor SMS.
  • DeleteSms.php conține codul JavaScript, precum și câteva antete care ne vor permite să trimitem cereri HTTP fără erori CORS.
  • DeleteSms.css conține fișierul de stil pentru pagina web.

cum să ștergi SMS folosind JavaScript
Figura 3 - DeleteSms.php

Cum să verifici dacă SMS-ul a fost acceptat de utilizatorul HTTP (Tutorial video)

După ce SMS-ul a fost trimis, este bine să verifici gateway-ul SMS, pentru a vedea ce a primit. Poți verifica jurnalul deschizând detaliile utilizatorului HTTP din consola de management Ozeki SMS Gateway. Următorul videoclip îți arată ce să cauți. Videoclipul va începe cu codul deschis și se va încheia cu detaliile mesajului trimis. Vei învăța cum să lansezi proiectul, cum arată proiectul în timpul rulării și cum arată fișierul jurnal după aceea. Videoclipul durează doar 42 de secunde și este ușor de înțeles. Nu vei avea probleme să-l urmărești.

Video 2 - Cum să ștergi SMS cu codul JavaScript de mai sus (Tutorial video)

Gânduri finale

Articolul de mai sus prezintă pașii de ștergere a mesajelor SMS într-un program JavaScript folosind utilizatorul HTTP al Ozeki SMS Gateway. Menținerea spațiului de stocare a mesajelor echilibrat și curat este importantă dacă ai de-a face cu multe mesaje SMS zilnic și vrei să rămâi profesional. Gestionarea Ozeki SMS Gateway este simplă cu coduri JavaScript și oferă mai multe capabilități de raportare pentru a oferi mai multe informații despre conexiunea SMS.

Continuă studiile, află mai multe despre lucruri precum API-ul SMS JavaScript pe site-ul Ozeki. Este benefic să citești tutorialul despre Cum să descarci cea mai recentă bibliotecă JavaScript SMS API de pe Github.

Următoarea sarcină este să descarci Ozeki SMS Gateway și să începi lucrul!

More information