찾다
CMS 튜토리얼Word누르다WordPress에서 QQ, WeChat, DingTalk 및 Github 휴대폰 번호 로그인을 구현하는 방법

다음 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에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제
WordPress의 플러그인 생태계는 CMS 기능을 어떻게 향상 시키는가?WordPress의 플러그인 생태계는 CMS 기능을 어떻게 향상 시키는가?May 14, 2025 am 12:20 AM

WordPressPluginsIticallyNITINTINGITSCAPABILITIONSCUSTOMIGINGANDANDERCAPABILITY.1) 1) 이상 50,000PLUGINSTALLACKUSERSTOLORTHEIRSITEFORSEO, e- 커머스 및 및 보안

WordPress는 전자 상거래에 적합합니까?WordPress는 전자 상거래에 적합합니까?May 13, 2025 am 12:05 AM

예, WordPress는 전자 상거래에 매우 적합합니다. 1) WooCommerce 플러그인을 사용하면 WordPress는 완전히 기능적인 온라인 상점이 될 수 있습니다. 2) 성능 최적화 및 보안에주의를 기울이십시오. 캐시 및 보안 플러그인의 정기적 인 업데이트 및 사용이 핵심입니다. 3) WordPress는 사용자 경험을 향상시키고 SEO를 크게 최적화하기위한 풍부한 사용자 정의 옵션을 제공합니다.

Yandex 웹 마스터 도구에서 WordPress 사이트를 추가하는 방법Yandex 웹 마스터 도구에서 WordPress 사이트를 추가하는 방법May 12, 2025 pm 09:06 PM

웹 사이트를 Yandex Webmaster 도구에 연결 하시겠습니까? Google Search Console, Bing 및 Yandex와 같은 웹 마스터 도구를 사용하면 웹 사이트를 최적화하고 트래픽을 모니터링하고 Robots.txt를 관리하고 웹 사이트 오류 확인 등을 확인할 수 있습니다. 이 기사에서는 WordPress 웹 사이트를 Yandex 웹 마스터 도구에 추가하여 검색 엔진 트래픽을 모니터링하는 방법을 공유합니다. Yandex는 무엇입니까? Yandex는 Google 및 Bing과 유사한 러시아에 기반을 둔 인기있는 검색 엔진입니다. Yandex에서 탁월 할 수 있습니다

WordPress에서 HTTP 이미지 업로드 오류를 수정하는 방법 (간단함)WordPress에서 HTTP 이미지 업로드 오류를 수정하는 방법 (간단함)May 12, 2025 pm 09:03 PM

WordPress에서 HTTP 이미지 업로드 오류를 수정해야합니까? 이 오류는 WordPress에서 컨텐츠를 만들 때 특히 실망 스러울 수 있습니다. 일반적으로 내장 된 WordPress 미디어 라이브러리를 사용하여 이미지 또는 기타 파일을 CMS에 업로드 할 때 발생합니다. 이 기사에서는 WordPress에서 HTTP 이미지 업로드 오류를 쉽게 수정하는 방법을 보여줍니다. WordPress 미디어 업로드 중에 HTTP 오류의 이유는 무엇입니까? WordPress 미디어 업 로더를 사용하여 파일을 WO에 업로드하려고 할 때

WordPress에서 미디어 버튼 추가가 작동하지 않는 문제를 해결하는 방법WordPress에서 미디어 버튼 추가가 작동하지 않는 문제를 해결하는 방법May 12, 2025 pm 09:00 PM

최근에 독자 중 한 명이 WordPress 사이트의 미디어 추가 버튼이 갑자기 작동을 멈췄다 고보고했습니다. 이 고전적인 편집기 문제는 오류 나 경고가 표시되지 않으므로 사용자가 "미디어 추가"버튼이 작동하지 않는 이유를 알지 못합니다. 이 기사에서는 작동하지 않는 WordPress에서 미디어 추가 버튼을 쉽게 수정하는 방법을 보여줍니다. WordPress "Media Add"버튼이 작동하지 않도록 원인은 무엇입니까? 오래된 Classic WordPress 편집기를 사용하는 경우 미디어 추가 버튼을 사용하면 이미지, 비디오 등을 블로그 게시물에 삽입 할 수 있습니다.

WordPress 쿠키를 설정, 받기 및 삭제하는 방법 (전문가와 같은)WordPress 쿠키를 설정, 받기 및 삭제하는 방법 (전문가와 같은)May 12, 2025 pm 08:57 PM

WordPress 웹 사이트에서 쿠키를 사용하는 방법을 알고 싶습니까? 쿠키는 사용자 브라우저에 임시 정보를 저장하는 데 유용한 도구입니다. 이 정보를 사용하여 개인화 및 행동 타겟팅을 통해 사용자 경험을 향상시킬 수 있습니다. 이 Ultimate Guide에서는 전문가처럼 WordPressCookies를 설정, 받기 및 삭제하는 방법을 보여 드리겠습니다. 참고 : 이것은 고급 튜토리얼입니다. HTML, CSS, WordPress 웹 사이트 및 PHP에 능숙해야합니다. 쿠키는 무엇입니까? 쿠키는 사용자가 웹 사이트를 방문 할 때 생성 및 저장됩니다.

WordPress 429 너무 많은 요청 오류를 수정하는 방법WordPress 429 너무 많은 요청 오류를 수정하는 방법May 12, 2025 pm 08:54 PM

WordPress 웹 사이트에서 "429 너무 많은 요청"오류가 표시됩니까? 이 오류 메시지는 사용자가 웹 사이트 서버에 너무 많은 HTTP 요청을 보내고 있음을 의미합니다. 이 오류는 오류의 원인을 찾기가 어렵 기 때문에 매우 실망 스러울 수 있습니다. 이 기사에서는 "WordPress429ToOmanyRequests"오류를 쉽게 수정하는 방법을 보여줍니다. WordPress429에 대한 요청이 너무 많은 원인은 무엇입니까? "429toomanyRequests"오류의 가장 일반적인 원인은 사용자, 봇 또는 스크립트가 웹 사이트로 이동하려고 시도하기 때문입니다.

대형 웹 사이트의 CMS로서 WordPress는 얼마나 확장 가능한가?대형 웹 사이트의 CMS로서 WordPress는 얼마나 확장 가능한가?May 12, 2025 am 12:08 AM

WordPressCanhandlelArgeWebsites와 함께 확보 및 최적으로 최적화 된 경우 1) USECACHINGTOREDUCESERVERLOWN.2) 최적화 최적화

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

안전한 시험 브라우저

안전한 시험 브라우저

안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.

ZendStudio 13.5.1 맥

ZendStudio 13.5.1 맥

강력한 PHP 통합 개발 환경

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

DVWA

DVWA

DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는