Ako vymazať SMS v Javascripte

Najjednoduchší spôsob, ako vymazať SMS z JavaScriptu, je použiť vstavané HTTP/Rest SMS API Ozeki SMS Gateway. Keď použijete toto API, vymažete SMS správy odoslaním HTTP POST požiadavky na SMS bránu. HTTP POST požiadavka vráti odpoveď HTTP 200 OK na vašu požiadavku a ID správy (správ), ktoré boli vymazané.

ako vymazať sms v javascripte
Obrázok 1 - Ako vymazať SMS v Javascripte

JavaScript kód na vymazanie sms do mobilného zariadenia

Nižšie uvedený vzorový kód JavaScript pre SMS demonštruje, ako môžete vymazať SMS správy pomocou HTTP REST SMS API Ozeki SMS Gateway s použitím knižnice JavaScript Ozeki.Libs.Rest. Táto knižnica je poskytovaná bezplatne a môžete ju používať a upravovať v akomkoľvek z vašich projektov.

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>Vymazanie SMS s 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>Priečinok:</b>
            <select class="form-select" id="folder">
                <option value="inbox">Doručená pošta</option>
                <option value="outbox">Odoslaná pošta</option>
                <option value="sent">Odoslané</option>
                <option value="notsent">Neodoslané</option>
                <option value="deleted">Vymazané</option>
            </select>
            <button class="btn btn-primary" id="btnDelete">
                <b>VYMAZAŤ</b>
            </button>
        </div>

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

Ako použiť príklad JavaScript pre SMS:

Tento príklad JavaScript pre SMS môže byť použitý v akejkoľvek webovej aplikácii. Na použitie je potrebné pridať Ozeki.Libs.Rest.js do vášho projektu. Po pridaní do projektu musíte vložiť direktívu import {MessageApi, Configuration} from './Ozeki.Libs.Rest.js'; do hlavičkovej časti vášho zdrojového kódu JavaScript. To vám umožní používať triedy poskytované knižnicou Ozeki.Libs.Rest. Môžete použiť triedu Message na vytvorenie SMS. Môžete použiť triedu MessageApi na odoslanie SMS na SMS bránu. SMS brána prepošle vašu správu do mobilnej siete buď prostredníctvom bezdrôtového pripojenia alebo cez internet.

Stiahnuť DeleteSms.js

Zdrojový kód vysvetlený v tomto článku môže byť stiahnutý, použitý a upravený bezplatne.
Stiahnuť: DeleteSms.js.zip (5.52Kb)

Čo obsahuje súbor DeleteSms.js.zip?

Súbor DeleteSms.js.zip obsahuje knižnicu Ozeki.Libs.Rest, ktorá vám poskytuje všetky potrebné nástroje na odosielanie a prijímanie SMS správ. Nájdete tu aj projekt DeleteSms, ktorý obsahuje príkladový kód, ktorý vám ukáže, ako odoslať SMS. Tento príkladový kód je uvedený nižšie.

adresár pre vymazanie sms js
Obrázok 2 - Čo je vo vnútri DeleteSms.js.zip

Ako vymazať SMS z JavaScriptu (Jednoduché pokyny)

Ako vymazať SMS z JavaScriptu:

  1. Nainštalujte HTTP API používateľa
  2. Povoľte Logovanie komunikačných udalostí na karte Pokročilé
  3. Nastavte WampServer
  4. Stiahnite si a rozbaľte súbor DeleteSms.js.zip
  5. Vložte obsah zip súboru do priečinka \www\ wampserveru: C:\wamp64\www
  6. Spustite aplikáciu Ozeki SMS Gateway
  7. Otvorte webovú stránku zadaním http://localhost/DeleteSms.php do vášho prehliadača
  8. Po otvorení webovej stránky môžete odoslať SMS kliknutím na tlačidlo DownloadIncoming
  9. Skontrolujte logy, či bola SMS odoslaná
Nainštalujte Ozeki SMS Gateway a vytvorte HTTP API používateľa

Na odosielanie SMS z JavaScriptu musíte najprv nainštalovať Ozeki SMS Gateway. SMS bránu je možné nainštalovať na rovnakom počítači, kde vyvíjate svoj JavaScript kód v Visual studio. Po inštalácii je ďalším krokom pripojenie Ozeki SMS Gateway k mobilnej sieti. Môžete odoslať testovaciu SMS z Ozeki GUI na overenie, či vaše mobilné pripojenie funguje. Posledným krokom pri príprave vášho prostredia je vytvorenie HTTP SMS API používateľského účtu. Vytvorte používateľa s menom "http_user" a heslom "qwe123", aby príklad fungoval bez úprav.

Po nastavení prostredia môžete spustiť svoj JavaScript kód.

HTTP API URL na vymazanie SMS z JavaScriptu

Na odosielanie SMS z JavaScriptu musí váš JavaScript odoslať HTTP požiadavku na SMS bránu. API URL je uvedené nižšie. Upozorňujeme, že IP adresa (127.0.0.1) by mala byť nahradená IP adresou vašej SMS brány. Ak je Ozeki SMS Gateway nainštalovaný na rovnakom počítači, kde beží JavaScriptová SMS aplikácia, môže to byť 127.0.0.1. Ak je nainštalovaný na inom počítači, mala by to byť IP adresa toho počítača. 

http://127.0.0.1:9509/api?action=rest
HTTP autentifikácia na vymazanie SMS z JavaScriptu

Na autentifikáciu JavaScriptového SMS klienta musíte odoslať používateľské meno a heslo v base64 kódovanom reťazci na server v HTTP požiadavke. Používa sa formát: base64(používateľské meno+":"+heslo). V JavaScripte môžete na toto kódovanie použiť nasledujúci kód: 

// Base64 kódovač nájdete v súbore Ozeki.Libs.Rest.js 
var usernamePassword = username + ":" + password;
return `Basic ${Base64.encode(usernamePassword)}`;

Napríklad, ak zakódujete používateľské meno 'http_user' a heslo 'qwe123', dostanete nasledujúci base64 kódovaný reťazec: aHR0cF91c2VyOnF3ZTEyMw==. Na odoslanie

HTTP hlavička požiadavky na vymazanie SMS z JavaScriptu

Na odoslanie SMS správ musíte do HTTP požiadavky zahrnúť nasledujúce riadky ako hlavičky. Upozorňujeme, že obsahujeme hlavičku Content-Type a Authorization. 

Content-Type: application/json
Authorization: Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ==
HTTP požiadavka na odoslanie SMS z JavaScriptu

Na odoslanie SMS vaša JavaScriptová aplikácia odošle HTTP požiadavku podobnú nižšie uvedenej. Upozorňujeme, že táto požiadavka obsahuje časť HTTP hlavičky a časť tela. Časť tela obsahuje priečinok, ktorý obsahuje našu(y) správu(y), a ID(y) správy(y) v JSON reťazci. 

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 odpoveď prijatá JavaScriptovou SMS ukážkou

Keď SMS brána prijme túto požiadavku, vygeneruje HTTP odpoveď. HTTP odpoveď bude obsahovať stavový kód, ktorý indikuje, či bola požiadavka na odoslanie SMS úspešná alebo nie. Tiež vráti JSON kódovanú štruktúru, ktorá vám poskytne užitočné informácie o odoslaní správy. 

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"
        ]
    }
}
Ako vymazať SMS z JavaScriptu pomocou JavaScriptovej SMS API (Video tutoriál)

Toto video vám ukáže, ako stiahnuť súbor DeleteSms.js.zip z tejto stránky. Ak sledujete video, všimnete si, že obsah DeleteSms.js zipu je umiestnený do priečinka \www\ WampServeru. Tiež uvidíte, že spustíme WampServer dvojitým kliknutím na jeho ikonu, a potom zadáme http://localhost:8080/DeleteSms.php do webového prehliadača.

JavaScript príklad na SMS: DeleteSms.js

Príklad kódu nižšie je súčasťou PHP súboru DeleteSms.php. Okrem toho uvidíte ďalšie dva súbory s názvom DeleteSms.css a Ozeki.Libs.Rest.js.

  • Súbor Ozeki.Libs.Rest.js obsahuje všetky potrebné nástroje na odosielanie, mazanie, označovanie a prijímanie SMS správ.
  • DeleteSms.php obsahuje javascriptový kód a niektoré hlavičky, ktoré nám umožnia odosielať HTTP požiadavky bez chýb CORS.
  • DeleteSms.css obsahuje štýly pre webovú stránku.

ako vymazať SMS pomocou javascriptu
Obrázok 3 - DeleteSms.php

Ako skontrolovať, že SMS bola prijatá HTTP používateľom (Video návod)

Po odoslaní SMS je dobré skontrolovať svoju SMS bránu, aby ste videli, čo prijala. Protokol môžete skontrolovať otvorením podrobností HTTP používateľa v konzole na správu Ozeki SMS Gateway. Nasledujúce video vám ukáže, čo hľadať. Video začína otvoreným kódom a končí podrobnosťami odoslanej správy. Dozviete sa, ako spustiť projekt, ako projekt vyzerá počas behu a ako vyzerá protokolový súbor po jeho dokončení. Video je dlhé len 42 sekúnd a ľahko zrozumiteľné. Nebudete mať problém s jeho sledovaním.

Video 2 - Ako vymazať SMS pomocou vyššie uvedeného JavaScript kódu (Video návod)

Záverečné myšlienky

Vyššie uvedený článok ukazuje kroky na vymazanie SMS správ v programe Javascript pomocou HTTP používateľa Ozeki SMS Gateway. Udržiavanie vyváženého a čistého úložiska správ je dôležité, ak sa musíte denne zaoberať veľkým množstvom SMS správ a chcete zostať profesionálni. Správa Ozeki SMS Gateway je jednoduchá s Javascriptovými kódmi a ponúka niekoľko možností reportovania, ktoré poskytujú viac informácií o SMS pripojení.

Pokračujte v štúdiu, dozviete sa viac o veciach, ako je Javascript SMS API na webovej stránke Ozeki. Je užitočné prečítať si návod o Ako stiahnuť najnovšiu knižnicu JavaScript SMS API z Githubu.

Ďalšou úlohou je stiahnuť Ozeki SMS Gateway a nechať prácu začať!

More information