如何创建 php 表单并集成链接到 Telegram 或 Whatsapp 的推送通知系统?

How to create a php form and integrate a push notification system linked to Telegram or Whatsapp?

我们的网页设计老师给了我们一个小组项目,他要求我们创建一个 php 表格来收集一些学生的数据和他们的成绩。该系统应该在数据库中输入数据(学生姓名、phone 编号、学习水平、GPA),并向管理员发送一些包含新输入数据的即时通知。有没有办法集成一个通知系统,该系统可以与 Telegram 或 Whatsapp 等消息传递应用程序一起使用,并在将所有数据输入 Whatsapp 或 Telegram 组后立即发送?

我们在 php 和 html 中设计了表单,但由于某种原因,它会在页面打开时自动提交,因此,当我们打开从审美角度来看不好的页面。第二个问题是我们不知道如何将消息从表单发送到 Telegram 或 Whatsapp。由于我们解决问题的第一次尝试与我们被要求做的非常不同,我们决定删除有缺陷的部分和 post 带有我们变量集的基本基本代码,以便您可以提供更准确的帮助。

<?php
//Debug mode on

ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);

// Fetch session last typed data
session_start();
$_SESSION['name'] = (isset($_POST['name']) ? $_POST['name'] : '');
$_SESSION['phone'] = (isset($_POST['phone']) ? $_POST['phone'] : '');
$_SESSION['gpa'] = (isset($_POST['gpa']) ? $_POST['gpa'] : '');
$_SESSION['type'] = (isset($_POST['type']) ? $_POST['type'] : '');

//Define Errors
$name_err ='Veuillez entrer le nom';
$phone_err = 'Veuillez entrer le numéro de telephone';
$gpa_err = 'Veuillez entrer le gpa';
$type_err ='Veuillez entrer le type';

//Define Placeholders
$name_ph ='name';
$phone_ph = 'Numéro de téléphone';
$gpa_ph = 'Entrez le gpa';
$type_ph ='le type';

// Vars fetch data from form for email and form use

    $name = (isset($_POST['name']) ? $_POST['name'] : '');
    $phone = (isset($_POST['phone']) ? $_POST['phone'] : '');
    $gpa = (isset($_POST['gpa']) ? $_POST['gpa'] : '');
    $type = (isset($_POST['type']) ? $_POST['type'] : '');

// User ip Address
    $ipadd = $_SERVER['REMOTE_ADDR'];

// Include db config file
    require_once "db.php";

    mysql_select_db(DB_NAME); 

//Safe database record and telegram or whatsapp message 
This is where I need you help :)

?>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <br>
    <center><img src="/images/School-Logo.png" alt="school" style="width:123px;height:93px;"></center>
    <link rel="icon" rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico">
    <title>Récuperation et envoi de donnes scolaires</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css">
    <link rel="stylesheet" href="/css/custom.css">
    <style type="text/css">
        body{ font: 14px sans-serif; }
        .wrapper{ width: 350px; padding: 20px; }
    </style>   
</head>
<body>
   <center> 
        <h1>School system</h1>
        <h3>Collecting Storing data and sending notifications</h3>

        <div class="wrapper">
        <!––  Informations -->
            <div class="studentform">

                <b>
                    Note:
                    <br>
                <ul>

                 <li>Entrez les informations</li>
                 <br>


                </ul>
                </b>

            </div>
            <br>

        <form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" id="stud" method="post">

            <div class="form-group <?php echo (!empty($name_err)) ? 'has-error' : ''; ?>">
                <p align="left">Name <?php echo $name; ?> <font color="red">*</font> </p>
                <input type="text" name="name" class="form-control" placeholder="<?php echo $name_ph;?>" value="<?php echo $_SESSION['name'];?>">
                <span class="help-block"><?php echo $name_err; ?></span>
            </div>    
            <div class="form-group <?php echo (!empty($phone_err)) ? 'has-error' : ''; ?>">
                <p align="left">Contact <?php echo $phone; ?> <font color="red">*</font></p>
                <input type="text" name="phone" class="form-control" placeholder="<?php echo $phone_ph;?>" value="<?php echo $_SESSION['phone'];?>" align="left" >
                <span class="help-block"><?php echo $phone_err; ?></span>
            </div>
            <div class="form-group <?php echo (!empty($gpa_err)) ? 'has-error' : ''; ?>">
                <p align="left">GPA <font color="red">*</font></p>
                <input type="text" name="gpa" class="form-control" placeholder="<?php echo $gpa_ph;?>" value="<?php echo $_SESSION['gpa'];?>" align="left">
                <span class="help-block"><?php echo $gpa_err; ?></span>
            </div>


             <div class="form-group <?php echo (!empty($type_err)) ? 'has-error' : ''; ?>">
                <p align="left">C <font color="red">*</font></p>
                <select name="type" form="stud" class="pickupselect" style="width:100%;">
                <option value="bachelor">Bachelor</option>
                <option value="master">Master</option>
                </select>
                <span class="help-block"><?php echo $type_err; ?></span>
            </div>
            <div class="form-group">
                <input type="submit" class="btn btn-primary" value="Entrez les informations" align="left">
            </div>
        </form>
    </div>  </center>  
</body>
<footer>
<center>school data 2019</center>
<br>
</footer>
</html>

A) 对于问题的第一部分,您没有检查表单是否已提交;这样,每次加载页面时都会执行顶部 PHP 代码。为了解决这个问题,我们需要检查是否提交了表单:

将提交按钮更改为:

 <input type="submit" class="btn btn-primary" value="Entrez les informations" align="left">

至:

 <input type="submit" name="submitedFrom" class="btn btn-primary" value="Entrez les informations" align="left">

提交按钮必须具有名称属性,以便可以通过 $post 变量发送。

if(isset($_POST['submitedFrom']) && is_array($_POST) && !empty($_POST) && $_POST['submitedFrom'] == 'Entrez les informations'){

   // Fetch session last typed data
   session_start();
   $_SESSION['name'] = (isset($_POST['name']) ? $_POST['name'] : '');
   $_SESSION['phone'] = (isset($_POST['phone']) ? $_POST['phone'] : '');
   $_SESSION['gpa'] = (isset($_POST['gpa']) ? $_POST['gpa'] : '');
   $_SESSION['type'] = (isset($_POST['type']) ? $_POST['type'] : '');

   //Define Errors
   $name_err ='Veuillez entrer le nom';
   .
   .
   .
}

这种方式在提交表单时,提交按钮值发送到post变量后,表单将被提交。

B) 对于问题的第二部分,我假设你知道如何在数据库中添加记录。所以我解释了如何向电报频道发送消息,以便频道的每个成员都可以看到消息(提交的表单数据)。但我必须警告你,它包含大量的阅读和研究。我的解释只是这个过程的指南。

注意: 您必须在实际服务器上测试您的电报机器人,它不会 运行 在本地主机上。还有其他工具,例如 ngrok,可让您通过在本地和人工临时服务器之间创建绑定来在本地主机中对其进行测试。

Telegram 机器人初始化步骤:

1 - 首先,您必须在 bot father of telegram 中构建一个机器人,以便在命名后为您的机器人获取一个机器人令牌

2 - 创建频道,然后将机器人添加到频道

3 - 授予机器人在频道选项中读写的权限(这样机器人就可以向频道发送消息)

4 - 通过在浏览器的地址栏中键入此代码来为您的机器人设置一个网络挂钩:

https://api.telegram.org/bot<bot-token>/setWebhook?url=<webhook-url>

<bot-token> - bot token get from BotFather on Telegram
<webhook-url> - webhook url in base64

通过设置 webhook,您可以告诉电报通过此 URL 与机器人通信。实际上,你指向了一个你的机器人逻辑存在的地方。

5 - 使用此功能,您可以通过机器人将消息发送到频道:

define('BOT_TOKEN', <bot-token>);
define('API_URL', 'https://api.telegram.org/bot' . BOT_TOKEN . '/');

function apiRequest($method, $parameters, $token=null) {

    foreach ($parameters as $key => &$val) {
        if (!is_numeric($val) && !is_string($val)) {
            $val = json_encode($val);
        }
    }
    if(empty($token))
        $url = API_URL.$method;
    else
        $url = "https://api.telegram.org/bot$token/".$method;

    $ch = curl_init();
    curl_setopt($ch, CURLOPT_URL, $url);
    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
    curl_setopt($ch, CURLOPT_POST, 1);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER , 1);
    curl_setopt($ch, CURLOPT_POSTFIELDS, $parameters);
    $response = curl_exec($ch);

    return $response;
}

方法变量是与 API 通信的电报预定义方法。可以看到所有的消息发送方式列表here.

通过此示例,您可以向频道发送消息:

$params = [
'chat_id' => 'channels chat id', 
"text" => 'form data that you want to send', 
]

apiRequest("sendMessage", $params);

希望这对您有所帮助,但请记住在开始编码之前仔细阅读文档。