So implementieren Sie die Anmeldung mit QQ-, WeChat-, DingTalk- und Github-Mobilnummern in WordPress

WordPress-Version: WordPress: Version 4.9.8wechat-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

Nach dem Login kopieren

网站查询资料说：图形验证码功能需要安装gd库和freetype等依赖，通过phpinfo()查看到详细信息里：gd扩展没有freetype：

查看phpinfo()的方法

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

<?php phpinfo();

Nach dem Login kopieren

保存后，用域名访问，如https://action.liabio.cn/php-info.phpPHP-Version: v7.2.12

Dockcer-Spiegel ist: WordPress:4.9.8

Der grafische Bestätigungscode kann nicht geladen werden

Als ich WordPress zum Erstellen eines verwendet habe Auf der Website habe ich kürzlich das Plug-in wechat-social- Login verwendet, um die Anmeldefunktion von WeChat, QQ, DingTalk und Github zu implementieren, nachdem ich den grafischen Bestätigungscode aktiviert habe Funktion, der grafische QR-Code kann nicht geladen werden, F12code>Siehe, der Statuscode ist 200, aber es gibt keinen Rückgabewert und es wird ein Fehler gemeldetFür diese Anfrage sind keine Antwortdaten verfügbar Code>

FROM wordpress:4.9.8
RUN echo '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' > /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

Sehen Sie sich die phpinfo()-Methode an at Erstellen Sie eine neue Datei php-info.php im Stammverzeichnis der Website. Der Inhalt lautet:

docker build -t wordpress-freetype:4.9.8 .

Docker-Kompilierungsbild

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