Bringen Sie Ihnen bei, EasyWeChat und PHP zu verwenden, um die Reservierungs- und Warteschlangenfunktionen des WeChat-Applets zu erstellen-PHP-Tutorial-php.cn

Lernen Sie, wie Sie mit EasyWeChat und PHP die Reservierungs- und Warteschlangenfunktionen von WeChat-Miniprogrammen erstellen können

Einführung:
Mit der zunehmenden Beliebtheit von WeChat-Miniprogrammen haben immer mehr Unternehmen damit begonnen, Reservierungs- und Warteschlangendienste in Miniprogrammen anzubieten. In diesem Artikel erfahren Sie, wie Sie mit EasyWeChat und PHP die Reservierungs- und Warteschlangenfunktionen des WeChat-Applets erstellen, sodass Benutzer sofortige Online-Reservierungen vornehmen und in der Schlange stehen können. In diesem Artikel wird der spezifische Implementierungsprozess anhand von Codebeispielen ausführlich vorgestellt.

1. Umgebungsanforderungen

Serverumgebung: Es wird empfohlen, eine Linux-Umgebung zu verwenden und PHP und MySQL installiert zu haben.
EasyWeChat: eine Bibliothek, die die Entwicklung von WeChat-Anwendungen erleichtert.

2. Erstellen Sie die Umgebung

EasyWeChat herunterladen
Zuerst müssen wir EasyWeChat in unserem Projekt herunterladen und konfigurieren. Sie können es über Composer installieren und den folgenden Befehl ausführen:
```
composer require overtrue/wechat
```
Nach dem Login kopieren

Anwendung konfigurieren
Erstellen Sie einen neuen Dienstanbieter in der Anwendung und konfigurieren Sie EasyWeChat:

<?php
// services/WeChatServiceProvider.php

use EasyWeChatFactory;
use PimpleContainer;
use PimpleServiceProviderInterface;

class WeChatServiceProvider implements ServiceProviderInterface
{
 public function register(Container $app)
 {
     $config = [
         'app_id' => 'your-app-id',
         'secret' => 'your-app-secret',
         'token' => 'your-token',
         'response_type' => 'array',
         'log' => [
             'level' => 'debug',
             'file' => '/path/to/your/log/file.log',
         ],
     ];

     $app['wechat'] = function () use ($config) {
         return Factory::officialAccount($config);
     };
 }
}

Nach dem Login kopieren

Im obigen Code müssen Sie ihn durch die ID und das Geheimnis ersetzen Ihres eigenen Applet-Schlüssels und -Tokens. Gleichzeitig kann die Protokollkonfiguration nach Bedarf durchgeführt werden.

Dienstanbieter registrieren
WeChatServiceProvider beim Dienstanbieter im Projekt registrieren:
```
$app->register(new WeChatServiceProvider());
```
Nach dem Login kopieren

3. Terminfunktion implementieren

Im WeChat-Applet können wir die Terminfunktion über Vorlagennachrichten implementieren. Nachdem der Benutzer im Miniprogramm die relevanten Reservierungsinformationen eingegeben und übermittelt hat, wird im Hintergrund ein Reservierungsdatensatz generiert und die Informationen im Datensatz werden als Vorlagennachricht an den Benutzer gesendet.

Datenbanktabellendesign
Erstellen Sie zunächst eine Datenbanktabelle mit dem Namen appointment, um Benutzertermininformationen zu speichern. Die Tabellenstrukturreferenz lautet wie folgt: appointment的数据库表，用于存储用户预约信息。表结构参考如下：

CREATE TABLE `appointment` (
  `id` int(11) unsigned NOT NULL AUTO_INCREMENT,
  `openid` varchar(100) NOT NULL,
  `name` varchar(50) NOT NULL,
  `phone` varchar(20) NOT NULL,
  `date` date NOT NULL,
  `time` time NOT NULL,
  `created_at` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

Nach dem Login kopieren

小程序页面
在小程序中，我们需要创建一个预约页面，用户填写相关信息并提交。示例如下：

<view class="container">
  <form bindsubmit="submitForm">
 <view class="form-item">
   <text>姓名：</text>
   <input type="text" name="name" placeholder="请输入姓名" bindinput="bindNameInput" />
 </view>
 <view class="form-item">
   <text>手机号：</text>
   <input type="number" name="phone" placeholder="请输入手机号" bindinput="bindPhoneInput" />
 </view>
 <view class="form-item">
   <text>日期：</text>
   <picker mode="date" bindchange="bindDateChange">
     <view>{{ date }}</view>
   </picker>
 </view>
 <view class="form-item">
   <text>时间：</text>
   <picker mode="time" bindchange="bindTimeChange">
     <view>{{ time }}</view>
   </picker>
 </view>
 <view class="form-item">
   <button form-type="submit" class="btn-submit">提交</button>
 </view>
  </form>
</view>

Nach dem Login kopieren

在上述代码中，我们使用了bindsubmit来绑定表单的提交事件，用户填写信息后点击提交按钮即可触发该事件。

后台处理
在后台PHP中，我们需要编写处理预约请求的代码，将用户提交的信息保存到数据库中，并发送模板消息给用户。示例如下：

<?php
// save appointment
$openid = $_SESSION['openid'];
$name = $_POST['name'];
$phone = $_POST['phone'];
$date = $_POST['date'];
$time = $_POST['time'];

$db->query("INSERT INTO appointment (openid, name, phone, date, time) VALUES ('$openid', '$name', '$phone', '$date', '$time')");

// send template message
$app = $app['wechat'];

$result = $app->template_message->send([
 'touser' => $openid,
 'template_id' => 'your-template-id',
 'url' => 'your-url',
 'data' => [
     'first' => '您已成功预约！',
     'keyword1' => $name,
     'keyword2' => $date . ' ' . $time,
     'remark' => '请准时到达！',
 ],
]);

if ($result['errcode']) {
 // handle error
 echo $result['errmsg'];
}

Nach dem Login kopieren

在上述代码中，我们首先从会话中获取用户的openid，并将用户提交的信息插入到数据库中。然后，使用EasyWeChat提供的模板消息功能给用户发送预约成功的模板消息。

四、实现排队功能

对于排队功能，我们可以使用数据库中的自增ID来进行计数。用户进行排队时，根据当前排队人数为其生成一个排队号，并将其排队号和相关信息保存到数据库中。用户可以随时查询自己的排队号和当前排队人数，并通过轮询来获取最新的排队状态。

数据库表设计
创建一个名为queue的数据库表，用于存储用户排队信息。表结构参考如下：

CREATE TABLE `queue` (
  `id` int(11) unsigned NOT NULL AUTO_INCREMENT,
  `openid` varchar(100) NOT NULL,
  `name` varchar(50) NOT NULL,
  `phone` varchar(20) NOT NULL,
  `queue_no` int(11) unsigned NOT NULL,
  `created_at` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

Nach dem Login kopieren

查询当前排队人数
在后台PHP中，我们需要编写查询当前排队人数的代码，示例如下：
```
<?php
// query queue number
$count = $db->query("SELECT COUNT(*) FROM queue")->fetchColumn();

echo $count;
```
Nach dem Login kopieren
在上述示例代码中，我们使用SELECT COUNT(*)来查询当前排队人数，并返回给前端。
用户排队
在小程序中，用户可以点击排队按钮进行排队，并将相关信息提交到后台进行处理。示例如下：
```
// index.js
// enqueue
function enqueue() {
  wx.request({
 url: 'your-api-url',
 method: 'POST',
 data: {
   openid: getApp().globalData.openid,
   name: this.data.name,
   phone: this.data.phone
 },
 success: function(res) {
   wx.showToast({
     title: '排队成功',
     duration: 1500
   })
 }
  })
}
```
Nach dem Login kopieren
在上述示例代码中，我们使用wx.request来发起后台请求，将用户的openid，姓名和手机号提交到后台进行排队处理。

查询排队号
用户可以随时查询自己的排队号，以及当前排队人数。在小程序中，我们可以使用setInterval来进行轮询查询并更新页面显示。示例如下：

// index.js
// get queue number
function getQueueNumber() {
  var intervalId = setInterval(function() {
 wx.request({
   url: 'your-api-url',
   method: 'GET',
   success: function(res) {
     var queueNo = res.data.queue_no;
     var count = res.data.count;

     if (queueNo > 0) {
       clearInterval(intervalId);
       wx.showModal({
         title: '排队成功',
         content: '当前排队人数：' + count + '
您的排队号：' + queueNo
       })
     }
   }
 })
  }, 2000);
}

Nach dem Login kopieren

在上述示例代码中，我们使用wx.requestrrreee

Miniprogrammseite

Im Miniprogramm müssen wir eine Terminseite erstellen, und der Benutzer gibt die relevanten Informationen ein und übermittelt sie. Ein Beispiel ist wie folgt:
rrreee

🎜🎜Im obigen Code verwenden wir bindsubmit, um das Übermittlungsereignis des Formulars zu binden. Nachdem der Benutzer die Informationen ausgefüllt und auf die Schaltfläche „Senden“ geklickt hat, wird das Ereignis gesendet ausgelöst werden kann. 🎜

queue

SELECT COUNT( *)

wx.request

setInterval

wx.request

Das obige ist der detaillierte Inhalt vonBringen Sie Ihnen bei, EasyWeChat und PHP zu verwenden, um die Reservierungs- und Warteschlangenfunktionen des WeChat-Applets zu erstellen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!