wordpress微信/qq/手机/微博快捷登录部署说明(完整版)

社区话题 wordpress开发 wordpress微信/qq/手机/微博快捷登录部署说明(完整版)

  • 该话题为空。
正在查看 0 条回复
  • 作者
    帖子
    • #650

      追光
      管理员

      下是更详细周密版的《Open Social 快捷登录部署说明文档》,覆盖了微信、QQ、微博、手机号登录的完整配置流程、资质要求、常见错误排查,适合专业部署场景或客户交付文档使用:


      ? Open Social 快捷登录部署说明(完整版)

      插件名称:Open Social 商业版(修复增强)

      支持环境:WordPress 单站点 / 多站点、PHP 7.4–8.2、BuddyPress、bbPress

      支持功能:微信登录、QQ 登录、微博登录、手机号验证码登录

      开发者:原商业插件作者(已停止支持)+ 本地自维护修复版


      1️⃣ 插件功能概览

      登录方式

      是否支持

      说明

      ✅ 微信扫码 / 网页内登录

      企业资质 + 公众号绑定必需

      ✅ QQ 登录

      免费注册 QQ 互联即可使用

      ✅ 微博登录

      支持头像昵称同步,需开放平台应用

      ✅ 手机验证码登录

      需对接国内短信服务(阿里云、腾讯云等)

      ✅ 本地账号绑定

      第三方首次登录自动注册或绑定到已有账号

      ✅ 用户资料同步

      自动同步头像、昵称、性别、地区等信息


      2️⃣ 微信登录部署说明

      ✅ 前提条件(必须全部满足)

      要求

      说明

      开发者资质认证

      微信开放平台账号需完成开发者认证(个人/企业)→ 认证费用为 300 元人民币

      绑定已认证公众号

      需绑定一个 认证服务号(不能是订阅号)→ 并在“网页授权”中启用登录功能

      域名备案

      微信要求回调域名备案通过,不能使用 IP 或未备案域名

      网站启用 HTTPS

      所有跳转与登录接口都必须使用 HTTPS 协议

      获取 AppID / AppSecret

      登录开放平台后台获取,用于 OAuth 接入


      ? 配置流程(详细步骤)

      第一步:注册开放平台账号

      • 访问 https://open.weixin.qq.com

      • 选择「网站应用」→ 注册开发者 → 完成实名认证(个人或企业)

      • 完成企业/个人认证,缴费 300 元(一次性)

      第二步:绑定公众号

      • 登录公众号平台 https://mp.weixin.qq.com

      • 公众号需为已认证服务号

      • 在开放平台绑定此公众号,开启网页授权

      第三步:创建网站应用

      • 应用类型:网站应用

      • 应用名称:填写你的网站名称

      • 应用图标、简介:按要求填写

      • 授权回调域名:填写网站主域名(如 newvfx.com

      第四步:获取接口凭证

      • 创建后可看到:

        • AppID

        • AppSecret

      • 填入 Open Social 插件设置页内的微信登录配置中

      第五步:设置网站登录跳转

      • 设置回调地址格式为:

      https://yourdomain.com/wp-login.php?connect=weixin
      • 插件会自动处理 OAuth 回调和用户数据


      3️⃣ QQ 登录配置

      必要条件:

      项目

      说明

      注册 QQ 互联开发平台账号

      免费注册,使用 QQ 登录即可

      创建网站应用

      选择网站类型,填写站点信息

      设置回调地址

      与微信相同格式,使用 HTTPS 协议

      地址:

      配置流程:

      1. 创建应用 → 填写网站名称 / 网址

      2. 回调地址格式:

      https://yourdomain.com/wp-login.php?connect=qq
      1. 获取 App IDApp Key

      2. 填入插件设置项中


      4️⃣ 微博登录配置

      必要条件:

      项目

      说明

      微博开发者账户

      使用微博注册 https://open.weibo.com

      创建网站应用

      选择网站接入类型

      设置回调地址

      与微信/QQ 格式一致,启用 HTTPS

      特别修复:

      • 插件原版微博头像地址已失效,需使用新版头像字段(已修复)

      • 原头像地址为非 https,已更新为兼容头像 URL


      5️⃣ 手机验证码登录配置

      插件内置逻辑说明:

      • 提供手机号输入 + 验证码登录框

      • 后端验证码验证需对接短信服务商

      • 插件未内置短信发送 API(需开发或集成)

      推荐服务商:

      平台

      接入方式

      阿里云短信

      提供 API,可通过 WordPress 插件对接

      腾讯云短信

      类似,提供 SDK

      聚合数据短信

      支持个人开发者,免费额度多


      6️⃣ 显示方式与前端集成

      ✅ 登录按钮调用方式

      • 使用插件默认挂钩自动添加按钮

      • 或使用以下 PHP 调用函数插入按钮位置:

      <?php if ( function_exists('open_social_login_buttons') ) {
          open_social_login_buttons();
      } ?>

      ✅ 按钮样式自定义

      • 可修改 open-social/css/login.css 中图标

      • 图标地址为本地图片,可自行替换微信/QQ/微博样式


      7️⃣ 常见问题排查

      问题

      原因

      解决方法

      微信登录失败 / 跳回首页

      回调地址未设置 / 未备案 / HTTPS 错误

      检查微信开放平台和服务器配置

      微博登录后头像为空

      原 API 已过期

      使用已修复版本

      手机号登录无法使用

      未对接短信 API

      开发或接入第三方短信接口

      登录后未绑定 WP 用户

      插件未自动注册

      检查是否启用了自动绑定或设置默认角色


      ✅ 总结建议

      • 建议部署在已备案 + 开启 HTTPS 的主站上,避免授权失败

      • 微信登录是最稳定流量入口,但资质门槛高(需公众号 + 认证 + HTTPS)

      • 手机号登录适合国内注册型站点,需自行开发短信逻辑

      • 插件原开发者已失联,如需技术支持或适配 PHP 8,请使用我提供的增强版

正在查看 0 条回复
  • 在下方一键注册,登录后就可以回复啦。