EasyWeChat과 PHP를 사용하여 WeChat 미니 프로그램의 예약 및 대기열 기능 구축을 가르칩니다.
소개:
WeChat 미니 프로그램의 인기가 높아짐에 따라 점점 더 많은 회사가 미니 프로그램에서 예약 및 대기열 서비스를 제공하기 시작했습니다. 이 기사에서는 EasyWeChat과 PHP를 사용하여 WeChat 애플릿의 예약 및 대기열 기능을 구축하여 사용자가 즉시 온라인 예약을 하고 줄을 서도록 하는 방법을 설명합니다. 이번 글에서는 코드 예시를 통해 구체적인 구현 과정을 자세히 소개하겠습니다.
1. 환경 요구 사항
2. 환경 구축
EasyWeChat 다운로드
먼저 프로젝트에서 EasyWeChat을 다운로드하고 구성해야 합니다. Composer를 통해 설치하고 다음 명령을 실행하면 됩니다:
composer require overtrue/wechat
Configure application
애플리케이션에서 새 서비스 공급자를 생성하고 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); }; } }
위 코드에서 ID와 비밀번호로 바꿔야 합니다. 자신의 애플릿 키와 토큰. 동시에 필요에 따라 로그 구성을 수행할 수 있습니다.
서비스 제공자 등록
프로젝트의 서비스 제공자에게 WeChatServiceProvider 등록:
$app->register(new WeChatServiceProvider());
3. 약속 기능 구현
WeChat mini 프로그램에서는 템플릿 메시지를 통해 약속 기능을 구현할 수 있습니다. 미니 프로그램에서는 사용자가 해당 예약 정보를 입력하고 제출하면 백그라운드에서 예약 기록이 생성되고, 기록에 포함된 정보가 템플릿 메시지로 사용자에게 전송됩니다.
데이터베이스 테이블 디자인
먼저 사용자 약속 정보를 저장할 appointment
라는 데이터베이스 테이블을 만듭니다. 테이블 구조 참조는 다음과 같습니다. 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;
小程序页面
在小程序中,我们需要创建一个预约页面,用户填写相关信息并提交。示例如下:
<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>
在上述代码中,我们使用了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']; }
在上述代码中,我们首先从会话中获取用户的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;
查询当前排队人数
在后台PHP中,我们需要编写查询当前排队人数的代码,示例如下:
<?php // query queue number $count = $db->query("SELECT COUNT(*) FROM queue")->fetchColumn(); echo $count;
在上述示例代码中,我们使用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 }) } }) }
在上述示例代码中,我们使用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); }
在上述示例代码中,我们使用wx.request
rrreee
미니 프로그램에서는 약속 페이지를 생성해야 하며, 사용자는 관련 정보를 입력하여 제출합니다. 예는 다음과 같습니다:
rrreee
bindsubmit
를 사용하여 양식의 제출 이벤트를 바인딩합니다. 사용자가 정보를 입력하고 제출 버튼을 클릭하면 이벤트가 발생합니다. 발동될 수 있습니다. 🎜queue
라는 데이터베이스 테이블을 만듭니다. 테이블 구조 참조는 다음과 같습니다. 🎜rrreee🎜🎜🎜현재 대기열에 있는 사람 수를 쿼리합니다🎜백그라운드 PHP에서 현재 대기열에 있는 사람 수를 쿼리하는 코드를 작성해야 합니다. 예는 다음과 같습니다.🎜rrreee 🎜위 예제 코드에서는 SELECT COUNT( *)
를 사용하여 현재 줄에 있는 사람 수를 쿼리하고 이를 프런트 엔드에 반환합니다. 🎜🎜🎜🎜사용자 대기열🎜미니 프로그램에서 사용자는 대기열 버튼을 클릭하여 대기열에 등록하고 관련 정보를 백그라운드에 제출하여 처리할 수 있습니다. 예는 다음과 같습니다. 🎜rrreee🎜위의 예 코드에서는 wx.request
를 사용하여 백그라운드 요청을 시작하고 대기열 처리를 위해 사용자의 openid, 이름 및 휴대폰 번호를 백그라운드에 제출합니다. 🎜🎜🎜🎜대기열 번호 조회🎜사용자는 언제든지 자신의 대기열 번호와 현재 대기열에 있는 사람 수를 확인할 수 있습니다. 미니 프로그램에서는 setInterval
을 사용하여 폴링 쿼리를 수행하고 페이지 표시를 업데이트할 수 있습니다. 🎜rrreee🎜위 예제 코드에서는 wx.request
를 사용하여 사용자의 대기열 정보를 폴링하고 쿼리합니다. 대기열 번호가 0보다 크면 대기열이 있다는 의미입니다. 성공, 현재 대기열에 있는 사람 수 및 사용자의 대기열 번호. 🎜🎜🎜🎜요약: 🎜위 단계를 통해 EasyWeChat과 PHP를 통해 예약 및 대기열 기능을 갖춘 간단한 WeChat 애플릿을 구축할 수 있습니다. 이용자는 미니 프로그램을 통해 온라인 예약을 할 수 있고, 대기줄 현황을 실시간으로 확인할 수 있어 이용자에게 더욱 편리한 예약 및 대기줄 서비스를 제공한다. 이 기사가 도움이 되기를 바랍니다! 🎜위 내용은 EasyWeChat과 PHP를 사용하여 WeChat 애플릿의 예약 및 대기열 기능을 구축하는 방법을 가르칩니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!