Jak usunąć SMS w JavaScript

Najprostszym sposobem na usunięcie SMS-a z JavaScript jest użycie wbudowanego interfejsu HTTP/Rest SMS API Ozeki SMS Gateway. Kiedy użyjesz tego API, usuniesz wiadomości SMS, wysyłając żądanie HTTP POST do bramki SMS. Żądanie HTTP POST zwróci odpowiedź HTTP 200 OK na Twoje żądanie oraz identyfikator(y) wiadomości(i), które zostały usunięte.

jak usunąć sms w javascript
Rysunek 1 - Jak usunąć SMS w JavaScript

Kod JavaScript do usuwania sms do telefonu komórkowego

Poniższy przykładowy kod JavaScript sms demonstruje, jak możesz usuwać wiadomości SMS za pomocą http rest sms api Ozeki SMS Gateway przy użyciu biblioteki JavaScript Ozeki.Libs.Rest. Ta biblioteka jest dostarczana bezpłatnie i możesz jej używać oraz modyfikować w dowolnym z Twoich projektów.

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>Usuń SMS z 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">Odebrane</option>
                <option value="outbox">Wysłane</option>
                <option value="sent">Wysłane</option>
                <option value="notsent">Niewysłane</option>
                <option value="deleted">Usunięte</option>
            </select>
            <button class="btn btn-primary" id="btnDelete">
                <b>USUŃ</b>
            </button>
        </div>

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

Jak używać przykładu JavaScript sms:

Ten przykład JavaScript sms może być używany w dowolnej aplikacji internetowej. Aby go użyć, musisz dodać Ozeki.Libs.Rest.js do swojego projektu. Po dodaniu go do projektu, musisz umieścić dyrektywę import {MessageApi, Configuration} from './Ozeki.Libs.Rest.js'; w sekcji nagłówka Twojego kodu źródłowego JavaScript. To pozwoli Ci używać klas dostarczonych przez bibliotekę Ozeki.Libs.Rest. Możesz użyć klasy Message do tworzenia SMS-ów. Możesz użyć klasy MessageApi do wysłania SMS-a do bramki SMS. Bramka SMS przekaże Twoją wiadomość do sieci komórkowej albo przez połączenie bezprzewodowe, albo przez Internet.

Pobierz DeleteSms.js

Kod źródłowy omówiony w tym artykule można pobrać, używać i modyfikować bezpłatnie.
Pobierz: DeleteSms.js.zip (5.52Kb)

Co znajduje się w pliku DeleteSms.js.zip?

Plik DeleteSms.js.zip zawiera bibliotekę Ozeki.Libs.Rest, która daje Ci wszystkie narzędzia niezbędne do wysyłania i odbierania wiadomości SMS. Znajdziesz tam również projekt DeleteSms, który zawiera przykładowy kod pokazujący, jak wysłać SMS. Ten przykładowy kod jest wymieniony poniżej.

katalog delete sms js
Rysunek 2 - Co znajduje się w DeleteSms.js.zip

Jak usunąć SMS za pomocą JavaScript (Proste wskazówki)

Aby usunąć SMS za pomocą JavaScript:

  1. Zainstaluj użytkownika HTTP API
  2. Włącz Logowanie zdarzeń komunikacyjnych w zakładce Zaawansowane
  3. Skonfiguruj WampServer
  4. Pobierz, a następnie rozpakuj plik DeleteSms.js.zip
  5. Umieść zawartość pliku zip w folderze \www\ wampServera: C:\wamp64\www
  6. Uruchom aplikację Ozeki SMS Gateway
  7. Otwórz stronę internetową, wpisując http://localhost/DeleteSms.php w przeglądarce
  8. Po otwarciu strony możesz wysłać SMS, klikając przycisk DownloadIncoming
  9. Sprawdź logi, aby zobaczyć, czy SMS został wysłany

Zainstaluj Ozeki SMS Gateway i utwórz użytkownika HTTP API

Aby móc wysyłać SMS za pomocą JavaScript, najpierw musisz zainstalować Ozeki SMS Gateway. Bramka SMS może być zainstalowana na tym samym komputerze, na którym tworzysz swój kod JavaScript w Visual Studio. Po instalacji następnym krokiem jest podłączenie Ozeki SMS Gateway do sieci komórkowej. Możesz utworzenie użytkownika HTTP SMS API. Utwórz użytkownika z nazwą "http_user" i hasłem "qwe123", aby przykład działał bez modyfikacji.

Po skonfigurowaniu środowiska możesz uruchomić swój kod JavaScript.

URL API HTTP do usuwania SMS za pomocą JavaScript

Aby wysyłać SMS za pomocą JavaScript, Twój JavaScript będzie musiał wysłać żądanie HTTP do bramki SMS. URL API jest pokazany poniżej. Pamiętaj, że adres IP (127.0.0.1) powinien zostać zastąpiony adresem IP Twojej bramki SMS. Jeśli Ozeki SMS Gateway jest zainstalowany na tym samym komputerze, na którym działa aplikacja SMS JavaScript, może to być 127.0.0.1. Jeśli jest zainstalowany na innym komputerze, powinien to być adres IP tego komputera. 

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

Uwierzytelnianie HTTP do usuwania SMS za pomocą JavaScript

Aby uwierzytelnić klienta SMS JavaScript, musisz wysłać nazwę użytkownika i hasło w zakodowanym ciągu base64 do serwera w żądaniu HTTP. Używany format to: base64(nazwa_użytkownika+":"+hasło). W JavaScript możesz użyć następującego kodu do wykonania tego kodowania: 

// Kodowanie Base64 można znaleźć w pliku Ozeki.Libs.Rest.js 
var usernamePassword = username + ":" + password;
return `Basic ${Base64.encode(usernamePassword)}`;

Na przykład, jeśli zakodujesz nazwę użytkownika 'http_user' i hasło 'qwe123', otrzymasz następujący zakodowany ciąg base64: aHR0cF91c2VyOnF3ZTEyMw==. Aby wysłać

Nagłówek żądania HTTP do usuwania SMS za pomocą JavaScript

Aby wysłać wiadomości SMS, musisz uwzględnić następujące linie jako nagłówki w żądaniu HTTP. Pamiętaj, że zawieramy nagłówek Content-Type i Authorization. 

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

Żądanie HTTP do wysyłania SMS za pomocą JavaScript

Aby przesłać SMS, Twoja aplikacja JavaScript wyśle żądanie HTTP podobne do poniższego. Pamiętaj, że to żądanie zawiera część nagłówka HTTP i część ciała. Część ciała zawiera folder, w którym znajduje się nasza wiadomość (wiadomości), oraz identyfikator(y) wiadomości w postaci ciągu 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"
    ]
}

Odpowiedź HTTP otrzymana przez przykład SMS JavaScript

Gdy bramka SMS otrzyma to żądanie, wygeneruje odpowiedź HTTP. Odpowiedź HTTP będzie zawierać kod statusu, aby wskazać, czy żądanie wysłania SMS zakończyło się sukcesem, czy nie. Zwróci również strukturę zakodowaną w JSON, aby dostarczyć Ci przydatne informacje o przesłaniu wiadomości. 

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"
        ]
    }
}

Jak usunąć SMS za pomocą JavaScript przy użyciu API SMS JavaScript (Samouczek wideo)

Ten film pokazuje, jak pobrać plik DeleteSms.js.zip z tej strony. Jeśli obejrzysz film, zauważysz, że zawartość pliku zip DeleteSms.js jest umieszczana w folderze \www\ WampServera. Zobaczysz również, że uruchamiamy WampServer, klikając dwukrotnie jego ikonę, a następnie wpisujemy http://localhost:8080/DeleteSms.php w przeglądarce.

Przykład SMS w JavaScript: DeleteSms.js

Poniższy przykładowy kod jest częścią pliku PHP DeleteSms.php. Poza tym zobaczysz dwa inne pliki o nazwach DeleteSms.css oraz Ozeki.Libs.Rest.js.

  • Plik Ozeki.Libs.Rest.js zawiera wszystkie niezbędne narzędzia do wysyłania, usuwania, oznaczania i odbierania wiadomości SMS.
  • DeleteSms.php zawiera kod JavaScript, oraz niektóre nagłówki, które pozwolą nam wysyłać żądania HTTP bez błędów CORS.
  • DeleteSms.css zawiera arkusz stylów dla strony internetowej.

jak usunąć SMS za pomocą JavaScript
Rysunek 3 - DeleteSms.php

Jak sprawdzić, czy SMS został zaakceptowany przez użytkownika HTTP (samouczek wideo)

Po wysłaniu SMS-a warto sprawdzić w bramce SMS, co otrzymała. Możesz sprawdzić log, otwierając szczegóły użytkownika HTTP w konsoli zarządzania Ozeki SMS Gateway. Poniższy film pokazuje, na co zwrócić uwagę. Film rozpocznie się od otwartego kodu i zakończy na szczegółach wysłanej wiadomości. Dowiesz się, jak uruchomić projekt, jak wygląda projekt podczas działania i jak wygląda plik dziennika po jego zakończeniu. Film trwa tylko 42 sekundy i jest łatwy do zrozumienia. Nie będziesz miał problemu z jego śledzeniem.

Wideo 2 - Jak usunąć SMS za pomocą powyższego kodu JavaScript (samouczek wideo)

Podsumowanie

Powyższy artykuł pokazuje kroki usuwania wiadomości SMS w programie JavaScript przy użyciu użytkownika HTTP bramki SMS Ozeki. Utrzymywanie magazynu wiadomości w równowadze i czystości jest ważne, jeśli masz do czynienia z dużą liczbą wiadomości SMS dziennie i chcesz pozostać profesjonalistą. Zarządzanie bramką SMS Ozeki jest proste dzięki kodom JavaScript i oferuje kilka możliwości raportowania, aby dostarczyć więcej informacji o połączeniu SMS.

Kontynuuj naukę, dowiedz się więcej o takich rzeczach jak API SMS JavaScript na stronie Ozeki. Warto przeczytać samouczek o Jak pobrać najnowszą bibliotekę JavaScript SMS API z Github.

Następnym zadaniem jest pobranie Ozeki SMS Gateway i rozpoczęcie pracy!

More information