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



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

我们用 php 和 html 设计了表单,但由于某种原因,它会在页面打开时自动提交,因此,当我们打开页面时,我们已经收到空字段错误消息,这在美学方面并不好。第二个问题是我们不知道如何从表单向Telegram或Whatsapp发送消息。由于我们第一次尝试解决问题的方法与我们被要求做的事情大不相同,因此我们决定删除有缺陷的部分,并使用我们的变量集发布基本代码,以便您可以提高准确性。

<?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">

提交按钮必须具有 name 属性,以便可以通过变量发送$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,它使您能够在本地和人工临时服务器之间创建绑定来在本地主机中对其进行测试。

电报机器人初始化步骤:

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

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

3 - 向机器人授予读取和写入通道选项的权限(这样机器人就可以将消息发送到通道)

4 - 通过在浏览器的地址栏中键入以下代码,为机器人设置 Webhook:

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

通过设置网络钩子,您可以告诉电报通过此 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 通信的电报预定义方法。您可以在此处查看消息发送方法的所有列表。

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

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

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

最新更新