Home > CMS Tutorial > WordPress > body text

Detailed graphic explanation of wordpress using wechat-social-login plug-in to implement QQ, WeChat, DingTalk, and Github mobile phone number login

藏色散人
Release: 2021-03-24 17:44:15
forward
3578 people have browsed it

The following tutorial column of WordPress will introduce to you how to use the wechat-social-login plug-in in WordPress to log in to QQ, WeChat, DingTalk, and Github with mobile phone numbers. I hope it will be helpful to friends in need. !

Detailed graphic explanation of wordpress using wechat-social-login plug-in to implement QQ, WeChat, DingTalk, and Github mobile phone number login

wordpress version: wordpress: version 4.9.8
php version: v7.2.12
dockcer mirror is: wordpress:4.9.8

The graphical verification code cannot be loaded

When I used wordpress to build a website recently, I used itwechat-social-loginPlug-in implementationWeChat, QQ, DingTalk, GithubWhen logging in, after turning on the graphic verification code function, I see that the graphic QR code cannot be loaded, F12See the status code is 200, but there is no return value, error This request has no response data available

Detailed graphic explanation of wordpress using wechat-social-login plug-in to implement QQ, WeChat, DingTalk, and Github mobile phone number login

Detailed graphic explanation of wordpress using wechat-social-login plug-in to implement QQ, WeChat, DingTalk, and Github mobile phone number login##After opening the wordpress log, I found the following error reported in the
debug log file. For how to enable the debug log, please go to the historical article How to Enable WordPress Debug Mode (Error Prompt) and print the log to debug.log in the wp-content directory.
Detailed graphic explanation of wordpress using wechat-social-login plug-in to implement QQ, WeChat, DingTalk, and Github mobile phone number login

[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
Copy after login
The website query information says: The graphic verification code function requires the installation of

gd library and freetype and other dependencies, through Check the detailed information in phpinfo(): gd extension does not have freetype:
Detailed graphic explanation of wordpress using wechat-social-login plug-in to implement QQ, WeChat, DingTalk, and Github mobile phone number login

View the method of phpinfo()

Create a new file

php-info.php in the root directory of the website. The content is:

<?php phpinfo();
Copy after login
After saving, use the domain name to access it, such as

https://action.liabio .cn/php-info.php, you can see it.

docker compilation image

The Dockerfile file is as follows:

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
Copy after login
Execute the following compilation command:

docker build -t wordpress-freetype:4.9.8 .
Copy after login
The result is a compilation error.

Docker compilation image error report

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
Copy after login

Because I am using the 19.03.5 version of docker, I checked the information on the Internet, which roughly means that I need the 18 version of docker to compile without error.

Sure enough, the 18 version of docker compiled without an error:


Detailed graphic explanation of wordpress using wechat-social-login plug-in to implement QQ, WeChat, DingTalk, and Github mobile phone number login

Use a new image integrated with freetype

Use a new image Finally, you can see that freetype is successfully integrated.


Detailed graphic explanation of wordpress using wechat-social-login plug-in to implement QQ, WeChat, DingTalk, and Github mobile phone number loginYou can see that the QR code has been successfully displayed.

Detailed graphic explanation of wordpress using wechat-social-login plug-in to implement QQ, WeChat, DingTalk, and Github mobile phone number login

The above is the detailed content of Detailed graphic explanation of wordpress using wechat-social-login plug-in to implement QQ, WeChat, DingTalk, and Github mobile phone number login. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:segmentfault.com
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!