Rumah  >  Artikel  >  Tutorial CMS  >  图文详解wordpress用wechat-social-login插件实现QQ微信钉钉Github手机号登陆

图文详解wordpress用wechat-social-login插件实现QQ微信钉钉Github手机号登陆

藏色散人
藏色散人ke hadapan
2021-03-24 17:44:153612semak imbas

下面由WordPress教程栏目给大家介绍wordpress用wechat-social-login插件实现QQ微信钉钉Github手机号登陆方法,希望对需要的朋友有所帮助!

图文详解wordpress用wechat-social-login插件实现QQ微信钉钉Github手机号登陆

wordpress版本:wordpress:4.9.8版本
php版本:v7.2.12
dockcer镜像为:wordpress:4.9.8

图形验证码加载不出来

最近利用wordpress建站的时候,用到了wechat-social-login插件实现微信、QQ、钉钉、Github登陆功能时,开启图形验证码功能后,看到图形二维码一直加载不出来,F12看到状态码为200,但没有返回值,报错This request has no response data available

在这里插入图片描述

在这里插入图片描述
打开wordpress日志后,发现debug日志文件中报以下的错误。开启debug日志方法请移步历史文章如何开启WordPress调试模式(报错提示),将日志打印到wp-content目录下的debug.log中。
在这里插入图片描述

[08-Feb-2020 07:37:42 UTC] PHP Fatal error:  Uncaught Error: Call to undefined function Gregwar\Captcha\imagettfbbox() in /var/www/html/wp-content/plugins/wechat-social-login/includes/captcha/CaptchaBuilder.php:327
Stack trace:
#0 /var/www/html/wp-content/plugins/wechat-social-login/includes/captcha/CaptchaBuilder.php(440): Gregwar\Captcha\CaptchaBuilder->writePhrase(Resource id #7, '84sx', '/var/www/html/w...', 150, 40)
#1 /var/www/html/wp-content/plugins/wechat-social-login/includes/social/class-xh-social-ajax.php(203): Gregwar\Captcha\CaptchaBuilder->build()
#2 /var/www/html/wp-content/plugins/wechat-social-login/includes/social/class-xh-social-ajax.php(209): XH_Social_Ajax::{closure}()
#3 /var/www/html/wp-includes/class-wp-hook.php(286): XH_Social_Ajax::captcha('')
#4 /var/www/html/wp-includes/class-wp-hook.php(310): WP_Hook->apply_filters('', Array)
#5 /var/www/html/wp-includes/plugin.php(453): WP_Hook->do_action(Array)
#6 /var/www/html/wp-admin/admin-ajax.php(99): do_action('wp_ajax_xh_soci...')
#7 {main}
  thrown in /var/www/html/wp-content/plugins/wechat-social-login/includes/captcha/CaptchaBuilder.php on line 327

网站查询资料说:图形验证码功能需要安装gd库freetype等依赖,通过phpinfo()查看到详细信息里:gd扩展没有freetype
在这里插入图片描述

查看phpinfo()的方法

在网站的根目录下新建一个php-info.php的文件,内容为:

<?php

phpinfo();

保存后,用域名访问,如https://action.liabio.cn/php-info.php,即可看到。

docker编译镜像

Dockerfile文件如下:

FROM wordpress:4.9.8
RUN echo &#39;deb http://mirrors.163.com/debian/ stretch main contrib non-free\ndeb http://mirrors.163.com/debian/ stretch-updates main contrib non-free\ndeb http://mirrors.163.com/debian/ stretch-backports main contrib non-free&#39; > /etc/apt/sources.list
RUN apt update \
&& apt install -y libwebp-dev libjpeg-dev libpng-dev libfreetype6-dev \
&& docker-php-source extract \
&& cd /usr/src/php/ext/gd \
&& docker-php-ext-configure gd --with-webp-dir=/usr/include/webp --with-jpeg-dir=/usr/include --with-png-dir=/usr/include --with-freetype-dir=/usr/include/freetype2 \
&& docker-php-ext-install gd \
&& php -m | grep gd

执行以下编译命令:

docker build -t wordpress-freetype:4.9.8 .

结果编译报错。

docker编译镜像报错

OCI runtime create failed: container_linux.go:346: starting container process caused "process_linux.go:319: getting the final child's pid from pipe caused \"EOF\"": unknown

因为我使用的是19.03.5版本的docker,在网上查了资料,大致意思是需要18版本的docker编译才不会报错。

果然,18版本的docker编译没有报错:
在这里插入图片描述

使用集成了freetype的新镜像

使用新镜像后,可以看到freetype成功集成。
在这里插入图片描述
可以看到二维码已经成功的显示出来了。

b2810b0e447a50dab0cfb34d41c82b7.png

Atas ialah kandungan terperinci 图文详解wordpress用wechat-social-login插件实现QQ微信钉钉Github手机号登陆. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:segmentfault.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam