>  기사  >  CMS 튜토리얼  >  WordPress에서 QQ, WeChat, DingTalk 및 Github 휴대폰 번호 로그인을 구현하는 방법

WordPress에서 QQ, WeChat, DingTalk 및 Github 휴대폰 번호 로그인을 구현하는 방법

藏色散人
藏色散人앞으로
2021-09-14 15:46:164413검색

다음 WordPress 튜토리얼 칼럼에서는 WordPress에서 QQ, WeChat, DingTalk 및 Github 휴대폰 번호 로그인을 구현하는 방법을 소개합니다. 도움이 필요한 친구들에게 도움이 되길 바랍니다!

wordpress 버전: wordpress: 버전 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에서 QQ, WeChat, DingTalk 및 Github 휴대폰 번호 로그인을 구현하는 방법

WordPress에서 QQ, WeChat, DingTalk 및 Github 휴대폰 번호 로그인을 구현하는 방법
打开wordpress日志后,发现debug日志文件中报以下的错误。开启debug日志方法请移步历史文章如何开启WordPress调试模式(报错提示),将日志打印到wp-content目录下的debug.log中。
WordPress에서 QQ, WeChat, DingTalk 및 Github 휴대폰 번호 로그인을 구현하는 방법

[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
WordPress에서 QQ, WeChat, DingTalk 및 Github 휴대폰 번호 로그인을 구현하는 방법

查看phpinfo()的方法

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

<?php phpinfo();

保存后,用域名访问,如https://action.liabio.cn/php-info.phpphp 버전: v7.2.12

dockcer 미러 버전: wordpress:4.9.8

그래픽 확인 코드를 로드할 수 없습니다

wordpress를 사용하여 최근 웹사이트에서 wechat-social- When login 플러그인이 WeChat, QQ, DingTalk, Github의 로그인 기능을 구현한 후 그래픽 인증코드를 켜서 사용했습니다. 함수, 그래픽 QR 코드를 로드할 수 없습니다. F12code>상태 코드가 200이지만 반환 값이 없고 오류가 보고됩니다. 이 요청에는 사용 가능한 응답 데이터가 없습니다 코드>

여기에 이미지 설명 삽입

워드프레스 로그를 연 후 에 보고된 다음 오류를 발견했습니다. 디버그 로그 파일. 디버그 로그를 활성화하는 방법을 보려면 WordPress 디버깅 모드(오류 프롬프트)를 활성화하는 방법 기록 문서로 이동하여 wp-contentdebug.log에 로그를 인쇄하세요. > 디렉토리.


여기에 삽입 image DescriptionWordPress에서 QQ, WeChat, DingTalk 및 Github 휴대폰 번호 로그인을 구현하는 방법

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
웹사이트 쿼리 정보에 따르면: 그래픽 확인 코드 기능을 사용하려면 gd 라이브러리freetype , phpinfo()를 통해 자세한 정보를 확인하세요: <code>gd 확장 프로그램에는 freetype이 없습니다:

여기에 이미지 설명 삽입


phpinfo() 메소드 보기 WordPress에서 QQ, WeChat, DingTalk 및 Github 휴대폰 번호 로그인을 구현하는 방법at 웹사이트의 루트 디렉터리에 php-info.php라는 새 파일을 생성하세요. 내용은 다음과 같습니다.

docker build -t wordpress-freetype:4.9.8 .

저장 후 https와 같은 도메인 이름으로 액세스하세요. //action.liabio.cn/php -info.php를 보시면 됩니다.
docker 컴파일 이미지WordPress에서 QQ, WeChat, DingTalk 및 Github 휴대폰 번호 로그인을 구현하는 방법Dockerfile 파일은 다음과 같습니다.
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
다음 컴파일 명령을 실행합니다. 🎜rrreee🎜결과는 컴파일 오류입니다. 🎜🎜Docker가 이미지를 컴파일하고 오류를 보고합니다🎜rrreee🎜저는 docker 19.03.5 버전을 사용하고 있기 때문에 인터넷에서 정보를 확인했는데, 일반적인 의미는 오류 없이 컴파일하려면 docker 18 버전이 필요하다는 것입니다. 🎜🎜물론, 버전 18의 docker 컴파일에는 오류가 없습니다. 🎜🎜🎜🎜🎜🎜freetype과 통합된 새 이미지 사용🎜🎜새 이미지를 사용한 후 freetype이 성공적으로 통합된 것을 확인할 수 있습니다. 🎜🎜🎜🎜🎜QR코드가 성공적으로 표시된 것을 확인할 수 있습니다. 🎜🎜🎜🎜🎜🎜

위 내용은 WordPress에서 QQ, WeChat, DingTalk 및 Github 휴대폰 번호 로그인을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 segmentfault.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제