Comment supprimer un SMS en Javascript

La méthode la plus simple pour supprimer des SMS depuis JavaScript est d'utiliser l'API HTTP/Rest SMS intégrée d'Ozeki SMS Gateway. Lorsque vous utilisez cette API, vous supprimez des messages SMS en envoyant une requête HTTP POST à la passerelle SMS. La requête HTTP POST renverra une réponse HTTP 200 OK à votre demande, ainsi que l'ID (ou les IDs) du (ou des) message(s) qui a (ont) été supprimé(s).

comment supprimer un sms en javascript
Figure 1 - Comment supprimer un SMS en Javascript

Code JavaScript pour supprimer un SMS vers un mobile

Le code exemple JavaScript pour SMS ci-dessous montre comment vous pouvez supprimer des messages SMS en utilisant l'API HTTP Rest SMS d'Ozeki SMS Gateway avec la bibliothèque JavaScript Ozeki.Libs.Rest. Cette bibliothèque vous est fournie gratuitement, et vous pouvez l'utiliser et la modifier dans n'importe lequel de vos projets.

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>Supprimer un SMS avec 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>Dossier:</b>
            <select class="form-select" id="folder">
                <option value="inbox">Boîte de réception</option>
                <option value="outbox">Boîte d'envoi</option>
                <option value="sent">Envoyés</option>
                <option value="notsent">Non envoyés</option>
                <option value="deleted">Supprimés</option>
            </select>
            <button class="btn btn-primary" id="btnDelete">
                <b>SUPPRIMER</b>
            </button>
        </div>

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

Comment utiliser l'exemple JavaScript pour SMS :

Cet exemple JavaScript pour SMS peut être utilisé dans n'importe quelle application web. Pour l'utiliser, vous devez ajouter le fichier Ozeki.Libs.Rest.js à votre projet. Après l'avoir ajouté à votre projet, vous devez placer la directive import {MessageApi, Configuration} from './Ozeki.Libs.Rest.js'; dans la section d'en-tête de votre code source JavaScript. Cela vous permettra d'utiliser les classes fournies par la bibliothèque Ozeki.Libs.Rest. Vous pouvez utiliser la classe Message pour créer le SMS. Vous pouvez utiliser la classe MessageApi pour envoyer le SMS à la passerelle SMS. La passerelle SMS transmettra votre message au réseau mobile soit via une connexion sans fil soit via Internet.

Télécharger DeleteSms.js

Le code source expliqué dans cet article peut être téléchargé, utilisé et modifié gratuitement.
Téléchargement : DeleteSms.js.zip (5.52Kb)

Que contient le fichier DeleteSms.js.zip ?

Le fichier DeleteSms.js.zip contient la bibliothèque Ozeki.Libs.Rest, qui vous fournit tous les outils nécessaires pour envoyer et recevoir des messages SMS. Vous trouverez également le projet DeleteSms dans le zip, qui contient le code exemple pour vous montrer comment envoyer un SMS. Ce code exemple est listé ci-dessous.

répertoire delete sms js
Figure 2 - Que contient DeleteSms.js.zip

Comment supprimer un SMS depuis JavaScript (Guide simple)

Pour supprimer un SMS depuis JavaScript :

  1. Installer un utilisateur HTTP API
  2. Activer "Log communication events" dans l'onglet Advanced
  3. Configurer WampServer
  4. Télécharger puis extraire le fichier DeleteSms.js.zip
  5. Placer le contenu du fichier zip dans le dossier \www\ de wampserver : C:\wamp64\www
  6. Lancer l'application Ozeki SMS Gateway
  7. Ouvrir le site en tapant http://localhost/DeleteSms.php dans votre navigateur
  8. Après avoir ouvert le site, vous pouvez envoyer un SMS en cliquant sur le bouton DownloadIncoming
  9. Vérifier les journaux pour voir si le SMS a été envoyé

Installer Ozeki SMS Gateway et créer un utilisateur HTTP API

Pour pouvoir envoyer des SMS depuis JavaScript, vous devez d'abord installer Ozeki SMS Gateway. La passerelle SMS peut être installée sur le même ordinateur où vous développez votre code JavaScript dans Visual Studio. Après l'installation, l'étape suivante consiste à connecter Ozeki SMS Gateway au réseau mobile. Vous pouvez envoyer un SMS test depuis l'interface Ozeki pour vérifier que votre connexion au réseau mobile fonctionne. La dernière étape pour préparer votre environnement est de créer un utilisateur HTTP API SMS. Créez un utilisateur avec le nom d'utilisateur "http_user" et le mot de passe "qwe123" pour que l'exemple fonctionne sans modification.

Une fois l'environnement configuré, vous pouvez exécuter votre code JavaScript.

URL de l'API HTTP pour supprimer un SMS depuis JavaScript

Pour envoyer un SMS depuis JavaScript, votre JavaScript devra envoyer une requête HTTP à la passerelle SMS. L'URL de l'API est indiquée ci-dessous. Notez que l'adresse IP (127.0.0.1) doit être remplacée par l'adresse IP de votre passerelle SMS. Si Ozeki SMS Gateway est installé sur le même ordinateur où l'application JavaScript SMS est exécutée, cela peut être 127.0.0.1. S'il est installé sur un autre ordinateur, cela doit être l'adresse IP de cet ordinateur.

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

Authentification HTTP pour supprimer un SMS depuis JavaScript

Pour authentifier le client SMS JavaScript, vous devez envoyer le nom d'utilisateur et le mot de passe dans une chaîne encodée en base64 au serveur dans une requête HTTP. Le format utilisé est : base64(nom d'utilisateur+":"+mot de passe). En JavaScript, vous pouvez utiliser le code suivant pour effectuer cet encodage :

// Vous pouvez trouver l'encodeur Base64 dans le fichier Ozeki.Libs.Rest.js 
var usernamePassword = username + ":" + password;
return `Basic ${Base64.encode(usernamePassword)}`;
	

Par exemple, si vous encodez le nom d'utilisateur 'http_user' et le mot de passe 'qwe123', vous obtiendrez la chaîne encodée en base64 suivante : aHR0cF91c2VyOnF3ZTEyMw==. Pour envoyer

En-tête de requête HTTP pour supprimer un SMS depuis JavaScript

Pour envoyer les messages SMS, vous devez inclure les lignes suivantes comme en-têtes dans la requête HTTP. Notez que nous incluons un type de contenu et un en-tête d'autorisation.

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

Requête HTTP pour envoyer un SMS depuis JavaScript

Pour soumettre le SMS, votre application JavaScript enverra une requête HTTP similaire à celle ci-dessous. Notez que cette requête contient une partie en-tête HTTP et une partie corps. La partie corps contient le dossier qui contient notre (ou nos) message(s), et l'ID (ou les IDs) du (ou des) message(s) sous forme de chaîne 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éponse HTTP reçue par l'exemple JavaScript SMS

Une fois que la passerelle SMS reçoit cette requête, elle générera une réponse HTTP. La réponse HTTP contiendra un code de statut, pour indiquer si la soumission du SMS a réussi ou non. Elle renverra également une structure encodée en JSON pour vous fournir des détails utiles sur la soumission du message.

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

Comment supprimer un SMS depuis JavaScript en utilisant l'API SMS JavaScript (Tutoriel vidéo)

Cette vidéo vous montre comment télécharger le fichier DeleteSms.js.zip depuis cette page. Si vous regardez la vidéo, vous remarquerez que le contenu du zip DeleteSms.js est placé dans le dossier \www\ de WampServer. Vous verrez également que nous lanc

More information