WordPress主題網(wǎng)站如何實(shí)現(xiàn)掃碼關(guān)注公眾號登錄

來自：素雅營銷研究院

方知筆記

2025年06月29日 13:13

實(shí)現(xiàn)原理概述

在WordPress網(wǎng)站中實(shí)現(xiàn)掃碼關(guān)注公眾號登錄功能，主要通過微信公眾號開發(fā)接口與網(wǎng)站后端對接完成。核心流程是：用戶掃描網(wǎng)站生成的二維碼→關(guān)注公眾號→公眾號服務(wù)器收到關(guān)注事件→將用戶信息與網(wǎng)站賬號關(guān)聯(lián)→完成登錄。

具體實(shí)現(xiàn)步驟

1. 準(zhǔn)備工作

注冊并認(rèn)證微信公眾號（服務(wù)號）
獲取AppID和AppSecret
配置公眾號服務(wù)器地址(URL)和Token
確保網(wǎng)站支持HTTPS協(xié)議

2. 開發(fā)微信公眾號接口

// 示例代碼：處理關(guān)注事件
public function handleSubscribe($object) {
$openid = $object->FromUserName;
$scene_id = str_replace('qrscene_', '', $object->EventKey);

// 將openid與scene_id(用戶ID)關(guān)聯(lián)存儲
update_user_meta($scene_id, 'wechat_openid', $openid);

// 返回歡迎消息
return "感謝關(guān)注，您已成功登錄網(wǎng)站！";
}

3. WordPress網(wǎng)站端實(shí)現(xiàn)

3.1 生成帶參數(shù)的二維碼

// 使用微信接口生成臨時二維碼
function generate_wechat_qrcode($user_id) {
$access_token = get_wechat_access_token();
$url = "https://api.weixin.qq.com/cgi-bin/qrcode/create?access_token=".$access_token;

$data = [
"expire_seconds" => 300,
"action_name" => "QR_SCENE",
"action_info" => [
"scene" => ["scene_id" => $user_id]
]
];

$response = wp_remote_post($url, [
'body' => json_encode($data)
]);

return json_decode($response['body'])->ticket;
}

3.2 前端展示與輪詢檢查

// 前端輪詢檢查登錄狀態(tài)
function check_login_status(user_id) {
setInterval(function() {
jQuery.ajax({
url: ajaxurl,
data: {
action: 'check_wechat_login',
user_id: user_id
},
success: function(response) {
if(response.logged_in) {
window.location.reload();
}
}
});
}, 3000);
}

4. 用戶關(guān)聯(lián)與登錄處理

// 檢查用戶是否已關(guān)注公眾號
add_action('wp_ajax_check_wechat_login', 'check_wechat_login');
function check_wechat_login() {
$user_id = $_POST['user_id'];
$openid = get_user_meta($user_id, 'wechat_openid', true);

if($openid) {
// 自動登錄用戶
wp_set_auth_cookie($user_id);
delete_user_meta($user_id, 'wechat_openid');
wp_send_json_success(['logged_in' => true]);
}

wp_send_json_success(['logged_in' => false]);
}