PHP 및 GD가있는 간단한 보안 문자

아래에 언급 된 단계를 따르겠습니다 :

브라우저에 빈 이미지를 표시합니다.

임의의 선을 생성합니다.
• 랜덤 도트를 생성합니다.
임의의 텍스트를 생성합니다
빈 이미지를 표시 이미지는 "IMG"태그를 사용하여 외부 이미지가 표시되는 것처럼 HTML에 의해 처리됩니다. 두 가지 기능이 사용됩니다 - 하나는 이미지를 생성하고 다른 하나는 표시를위한 것입니다.
• 첫 번째 줄은 우리 페이지에서 사용자 세션의 시작을 나타냅니다.
> display () 함수에는 브라우저에 이미지를 표시하는 일반적인 HTML 코드 외에는 아무것도 없습니다. 그 외에는 출력이 제시 될 수 있도록 스타일 만 수행됩니다.
• <_> create_image () 함수 내에서 변수는 이미지의 너비와 길이를 인수로 가져 오는 imageCreateTrecolor () 함수에 의해 리턴 된 이미지를 참조하는 데 사용됩니다. ImagePng ()는 지정된 이름과 경로의 PNG 이미지를 만듭니다 (동일한 디렉토리).

  첫 번째 단계 이후의 검은 이미지가 출력이 될 것입니다.

  imagepng () 함수는 우리의 기능의 마지막 줄이 될 것이며 다음 단계는이 함수가 호출하기 전에 create_image () 함수에 삽입되어야합니다. 그렇지 않으면 적용되지 않습니다.

  모양을 만듭니다 보안치에 대해 모든 모양을 선택할 수 있습니다. ImageFilledRectangle () 함수를 사용하여 사각형을 선택합니다. 이미지 참조, X-POS 시작, Y-POS 시작, X-POS 종료, y-pos 및 배경색의 5 가지 인수가 필요합니다. 타원형 캡처를 생성하기 위해 타원에 해당 함수를 사용할 수 있습니다.

  imageColorAllocate () 함수는 색상의 RGB 조합을 인수로 사용하므로 변수에 색상을 할당합니다. 다음 코드는 create () 함수에 추가됩니다.
  이 단계 후에 이전 이미지가 흰색이됩니다
  임의의 선을 생성합니다 이제, 우리는 실제로 왜곡을 보안 문자의 일부로 만드는 것으로 시작합니다. PHP에서, 라인은 시작점 (x1, y1)에서 종점 (x2, y2)까지 생성된다. 이제 선이 상자의 양쪽 끝을 만지기를 원할 때 좌표를 , 즉 상자의 전체 너비로 유지합니다. 좌표가 무작위로 생성됩니다. 이것은 하나의 임의의 줄만 생성합니다. 우리는이 기능을 루프의 내부에 넣어 여러 줄을 생성합니다.
  imageline () 함수는 x1, x2, y1, y2가 줄의 이미지 참조 및 색상과는 별도로 순서대로 인수로 조정됩니다. 이전 단계에서 배경색이 할당 된 것처럼 선 색상이 할당되었습니다.

  y 좌표는 rand ()*p로 주어집니다. 이것은 우리 상자의 높이이며 항상 50 세 미만의 값을 반환합니다. 대안으로 rand (0,50)를 사용할 수 있습니다. 동일한 출력 범위를 생성합니다.

  랜덤 도트를 생성합니다 임의의 도트는 랜덤 라인과 같은 방식으로 생성됩니다. 사용 된 기능은 ImagesEtpixel ()입니다. 이 함수는 점이 상자에 배치되는 좌표 값을 취합니다.

  <span><span><?php
  </span></span><span><span>session_start();
  </span></span><span><span>?></span>
  </span>
      <span><span><span><title</span>></span>demo.php<span><span></title</span>></span>
  </span>    <span><span><span><body</span> <span>style<span>="<span>background-color:#ddd; </span>"</span></span>></span>
  </span>
      <span><span><?php
  </span></span><span>    <span>create_image();
  </span></span><span>    <span>display();
  </span></span><span>    <span>/***** definition of functions *****/
  </span></span><span>    <span>function display()
  </span></span><span>    <span>{
  </span></span><span>        <span>?></span>
  </span>
          <span><span><span><div</span> <span>style<span>="<span>text-align:center;</span>"</span></span>></span>
  </span>            <span><span><span><h3</span>></span>TYPE THE TEXT YOU SEE IN THE IMAGE<span><span></h3</span>></span>
  </span>            <span><span><span><b</span>></span>This is just to check if you are a robot<span><span></b</span>></span>
  </span>
              <span><span><span><div</span> <span>style<span>="<span>display:block;margin-bottom:20px;margin-top:20px;</span>"</span></span>></span>
  </span>                <span><span><span><img</span> src<span>="image.png"</span>></span>
  </span>            <span><span><span></div</span>></span>
  </span>            //div1 ends
          <span><span><span></div</span>></span>                          //div2 ends
  </span>
      <span><span><?php
  </span></span><span>    <span>}
  </span></span><span>
  </span><span>    <span>function  create_image()
  </span></span><span>    <span>{
  </span></span><span>        <span>$image = imagecreatetruecolor(200, 50);
  </span></span><span>        <span>imagepng($image, "image.png");
  </span></span><span>    <span>}
  </span></span><span>
  </span><span>    <span>?></span>
  </span>    <span><span><span></body</span>></span>
  </span><span><span><?php
  </span></span><span><span>?></span></span>

  x 좌표는 rand ()* 0을 사용하여 무작위로 생성되며 이것은 우리 박스의 너비이므로 항상 200 세 미만의 값을 반환합니다. 대안으로 rand (0,200)를 사용할 수 있습니다. 동일한 출력 범위를 생성합니다. y 좌표는 선 단계에서 생성됩니다.

  임의의 텍스트를 생성 우리는 문자열의 위치를 ​​무작위로 가리켜 (하위 및 대문자 모두에 알파벳이 포함되어 있음) 변수 $ LETTER

  에 할당 할 것입니다.

  루프 안에 넣으면 처럼 보입니다

  우리는 선을 설명 할 것입니다

  다음 섹션에서
  .

  <span><span><?php
  </span></span><span><span>session_start();
  </span></span><span><span>?></span>
  </span>
      <span><span><span><title</span>></span>demo.php<span><span></title</span>></span>
  </span>    <span><span><span><body</span> <span>style<span>="<span>background-color:#ddd; </span>"</span></span>></span>
  </span>
      <span><span><?php
  </span></span><span>    <span>create_image();
  </span></span><span>    <span>display();
  </span></span><span>    <span>/***** definition of functions *****/
  </span></span><span>    <span>function display()
  </span></span><span>    <span>{
  </span></span><span>        <span>?></span>
  </span>
          <span><span><span><div</span> <span>style<span>="<span>text-align:center;</span>"</span></span>></span>
  </span>            <span><span><span><h3</span>></span>TYPE THE TEXT YOU SEE IN THE IMAGE<span><span></h3</span>></span>
  </span>            <span><span><span><b</span>></span>This is just to check if you are a robot<span><span></b</span>></span>
  </span>
              <span><span><span><div</span> <span>style<span>="<span>display:block;margin-bottom:20px;margin-top:20px;</span>"</span></span>></span>
  </span>                <span><span><span><img</span> src<span>="image.png"</span>></span>
  </span>            <span><span><span></div</span>></span>
  </span>            //div1 ends
          <span><span><span></div</span>></span>                          //div2 ends
  </span>
      <span><span><?php
  </span></span><span>    <span>}
  </span></span><span>
  </span><span>    <span>function  create_image()
  </span></span><span>    <span>{
  </span></span><span>        <span>$image = imagecreatetruecolor(200, 50);
  </span></span><span>        <span>imagepng($image, "image.png");
  </span></span><span>    <span>}
  </span></span><span>
  </span><span>    <span>?></span>
  </span>    <span><span><span></body</span>></span>
  </span><span><span><?php
  </span></span><span><span>?></span></span>

  imageString () 함수는 텍스트를 우리의 이미지에 씁니다. 6 개의 인수가 있습니다 :

  <span>$background_color = imagecolorallocate($image, 255, 255, 255);  
  </span><span>imagefilledrectangle($image,0,0,200,50,$background_color);</span>

  이미지 참조.

  텍스트의 글꼴 크기 (최대 5 개일 수 있음).

  x 좌표 (모든 알파벳에 비례하여 변경).

  <span>$line_color = imagecolorallocate($image, 64,64,64); 
  </span><span>for($i=0;$i<10;$i++) {
  </span>    <span>imageline($image,0,rand()%50,200,rand()%50,$line_color);
  </span><span>}</span>

  y 좌표 (무작위로 변경할 수는 있지만 동일하게 유지).

  실제 문자열을 쓸 수 있습니다.

  텍스트의 글꼴.

  더 큰 글꼴과 다른 글꼴 스타일을 원한다면 imagetftext () 함수를 사용할 수도 있습니다. 텍스트의 각도와 글꼴 스타일에 대해 2 개의 추가 인수가 필요합니다.

  x- 코디네이트 계산은 검사에 의해 수행됩니다. 대략적으로, 문자는 약 35 픽셀 (5 ($ i*30))로, 여기서 $ i = 0,1,2,3,4,5,6. 이 값이 15-20px 정도를 유지했다면 두 글자가 겹칠 가능성이 있었기 때문입니다. 값이 40px 이상인 경우 글자는 상자에 모두 맞지 않을 것입니다. 이것은 6 개의 알파벳 캡트 차 텍스트를 생성합니다. 우리는 색상, y 좌표 등과 같은 단순성으로 인해 일정하게 유지 된 측면을 변경하여 항상 더 많은 임의성을 만들 수 있습니다. 최종 보안 문자는 처럼 보일 것입니다

• 보안 문자로 작성된 텍스트는 페이지를 새로 고칠 때마다 변경됩니다.
픽셀로 디자인을 만들거나 색상이나 크기를 변경하여 더 많은 임의성을 달성 할 수 있습니다.
• 검증 여기에서 사용자의 응답이 취해지고 처리 후 답장을받습니다. 처음에는 입력 텍스트 상자와 제출 버튼으로 간단한 양식이 만들어집니다. 복잡한 웹 애플리케이션의 요구 사항에 따라 보안 문자를 처리하는 방법에는 여러 가지가있을 수 있습니다. 그러나이 예를 위해 간단하게 유지하면 같은 페이지에서 처리합니다.
이전 코드 스 니펫에서 설명 할 수없는 두 줄이 지금 작동합니다.
• $ Word. = $ Letter; - 연결 연산자. 6 글자 단어를 생성하여 모든 개별 문자를 차례로 추가하는 데 사용됩니다.
$ _ 세션 [ 'captcha_string'] = $ Word; Captcha 문자열은 검증 목적으로 사용될 세션 변수에 저장됩니다.
• 우리는 형태와 같은 구조를 추가하기 위해 display ()의 정의를 변경합니다. 2 개의 제출 버튼이 사용됩니다. 하나는 문자열을 제출하고 다른 하나는 페이지를 새로 고치기 위해 사용됩니다. 두 개의 닫는 div 태그 사이에 다음 줄이 추가됩니다 (이전 디스플레이 () 함수의 주석 참조) .

  <span><span><?php
  </span></span><span><span>session_start();
  </span></span><span><span>?></span>
  </span>
      <span><span><span><title</span>></span>demo.php<span><span></title</span>></span>
  </span>    <span><span><span><body</span> <span>style<span>="<span>background-color:#ddd; </span>"</span></span>></span>
  </span>
      <span><span><?php
  </span></span><span>    <span>create_image();
  </span></span><span>    <span>display();
  </span></span><span>    <span>/***** definition of functions *****/
  </span></span><span>    <span>function display()
  </span></span><span>    <span>{
  </span></span><span>        <span>?></span>
  </span>
          <span><span><span><div</span> <span>style<span>="<span>text-align:center;</span>"</span></span>></span>
  </span>            <span><span><span><h3</span>></span>TYPE THE TEXT YOU SEE IN THE IMAGE<span><span></h3</span>></span>
  </span>            <span><span><span><b</span>></span>This is just to check if you are a robot<span><span></b</span>></span>
  </span>
              <span><span><span><div</span> <span>style<span>="<span>display:block;margin-bottom:20px;margin-top:20px;</span>"</span></span>></span>
  </span>                <span><span><span><img</span> src<span>="image.png"</span>></span>
  </span>            <span><span><span></div</span>></span>
  </span>            //div1 ends
          <span><span><span></div</span>></span>                          //div2 ends
  </span>
      <span><span><?php
  </span></span><span>    <span>}
  </span></span><span>
  </span><span>    <span>function  create_image()
  </span></span><span>    <span>{
  </span></span><span>        <span>$image = imagecreatetruecolor(200, 50);
  </span></span><span>        <span>imagepng($image, "image.png");
  </span></span><span>    <span>}
  </span></span><span>
  </span><span>    <span>?></span>
  </span>    <span><span><span></body</span>></span>
  </span><span><span><?php
  </span></span><span><span>?></span></span>

  더 이동하기 전에 우리는 언제 표시 해야하는시기와 입력 상자를 표시하지 않아야하는지 알아야합니다.

  만 표시됩니다

  페이지가 방금로드 된 경우.
  사용자의 답변이 틀린 경우 .
  제출 버튼을 클릭 할 때마다‘1’으로 설정된 $ 플래그를 사용하여 첫 번째 조건이 충족됩니다. 처음에는 다른 값으로 설정되었습니다. 두 번째 조건은 세션 변수에 저장된 값이 사용자 입력과 동일한 지 확인하여 달성됩니다 (아래 코드 참조).
  2. 이를 달성하기 위해, 우리는 기사의 시작 부분에서 시작 단계의 다음 줄을 대체 할 것입니다.
  with :

  함수 create_image () 및 display ()는 위에서 논의 된 두 가지 조건에 따라 호출됩니다.

  우리는 이전 페이지의 세션 변수가 필요하므로 세션이 여기에서 파괴되지 않습니다. 브라우저 창이 닫히면 세션이 자동으로 파괴됩니다.

  보안관은 처럼 보일 것입니다

  <span>$background_color = imagecolorallocate($image, 255, 255, 255);  
  </span><span>imagefilledrectangle($image,0,0,200,50,$background_color);</span>

  입력이 올바르지 않으면 사용자 만 다시 프롬프트됩니다.

  <span>$line_color = imagecolorallocate($image, 64,64,64); 
  </span><span>for($i=0;$i<10;$i++) {
  </span>    <span>imageline($image,0,rand()%50,200,rand()%50,$line_color);
  </span><span>}</span>

  입력이 올바른 경우 사용자는 메시지가 표시됩니다.
  사소한 경고가 있습니다 - 사용자가 뒤로 버튼을 누르면 브라우저 캐시에 이미 존재하는 이미지는 다시로드되지 않고 페이지는 그렇습니다. 게시물 요청에서 브라우저 뒤로 버튼은 "문서 만료 된"페이지가 표시되지만 요청이 발생하면 이미지가 재생되지 않습니다.

  . 솔루션은 간단합니다 - 매번 이미지의 고유 한 이름을 만들어 브라우저가 캐시에서 찾을 수 없습니다. 브라우저에 표시하고 표시하는 동안 내장 Time () 함수로 이미지 이름으로 내장 된 고유 한 문자열을 추가합니다. 세션을 시작한 곳 바로 아래 에이 줄을 추가하십시오.

  display () 함수에서 img src 태그를 로 바꾸십시오.

  및 create_image () 함수에서 png 이미지를 만든 부분도 로 대체됩니다.

  이미지는 이제 image39342015.png와 같은 것입니다. 이 절차는 페이지가 새로 고쳐지면서 여러 번 디스크 공간을 낭비 할 수 있으므로 이미지를 생성 할 수 있으므로 이미지를 만들기 전에 PNG 확장의 다른 모든 이미지가 삭제되도록해야합니다. ImagePng () 함수가 호출되기 직전에 다음을 추가하십시오.

  프로덕션 앱에서 보안 문자 이미지가 저장되는 폴더를 격리해야합니다. 다른 유용한 이미지도 삭제 될 수 있습니다.

  여기에서 전체 코드를 다운로드하십시오. <p></p> <h2 id="결론"> 결론 </h2> <of> PHP에서 다양한 유형의 보안 문자를 만드는 것은 매우 쉽습니다. 이 기사는 표준 보안 문자를 만드는 데 사용되는 세 가지 기본 사항 (모양, 왜곡 및 텍스트)를 다루었습니다. 이 기사는 개념 증명이며, 여기에 제시된 코드는 생산에 사용해서는 안됩니다. 특히 Recaptcha와 같은 훌륭한 대안이 있기 때문에 청각 장애가있는 사람들을 돕기 위해 사운드 출력을 지원합니다. 이 기사가 흥미로운 것을 알았기를 바랍니다. 아래에 귀하의 의견과 피드백을 남겨주세요! <p> <questions> php gd 에 대한 자주 묻는 질문 (FAQ) <custom> 내 담긴 외관을 사용자 정의 할 수 있습니까? <h2> </h2> PHP 코드를 수정하여 보안 문자의 모양을 사용자 정의 할 수 있습니다. 글꼴, 색상, 크기 및 보안 문자의 배경을 변경할 수도 있습니다. 예를 들어 글꼴을 변경하려면 imageTtfText () 함수를 사용하고 매개 변수에 글꼴 파일을 지정할 수 있습니다. 색상을 변경하려면 imageColorAllocate () 함수를 사용하고 원하는 색상의 RGB 값을 지정할 수 있습니다. 사용자 정의는 보안관을보다 미학적으로 즐겁게 만들뿐만 아니라 봇에 대해 더 안전하게 만들 수 있습니다. <h3 id="어떻게-내포프-차를보다-안전하게-만들-수-있습니까"> 어떻게 내포프 차를보다 안전하게 만들 수 있습니까? </h3> 보안 문자를보다 안전하게 만드는 방법에는 몇 가지가 있습니다. 한 가지 방법은 상류 및 소문자의 영숫자를 혼합하는 것입니다. 이로 인해 가능한 조합의 수가 증가하여 봇이 추측하기가 더 어려워집니다. 보안 문자의 길이를 늘릴 수도 있습니다. 또 다른 방법은 보안물 이미지에 선이나 도트와 같은 노이즈를 추가하는 것입니다. 이것은 php의 imageline () 및 imageEllipse () 함수를 사용하여 수행 할 수 있습니다. <p> 왜 내 담그차가 나타나지 않습니까? </p> <h3 id="보안치가-나타나지-않으면있을-수-있습니다-몇-가지-이유-한-가지-일반적인-이유는-GD-라이브러리가-PHP-설치에-설치되거나-활성화되지-않았기-때문입니다-function-exists-gd-info-함수를-사용하여이를-확인할-수-있습니다-False를-반환하면-GD가-활성화되지-않습니다-또-다른-이유는-PHP-코드의-오류-일-수-있습니다-실-새-보안-문자를-생성하기-위해-서버에-요청을-보내는-JavaScript-함수를-작성해야합니다-그런-다음-서버는-새로운-Captcha-이미지로-응답-한-다음-전체-페이지-재-장전없이-웹-페이지에서-업데이트됩니다"> 보안치가 나타나지 않으면있을 수 있습니다. 몇 가지 이유. 한 가지 일반적인 이유는 GD 라이브러리가 PHP 설치에 설치되거나 활성화되지 않았기 때문입니다. function_exists ( 'gd_info') 함수를 사용하여이를 확인할 수 있습니다. False를 반환하면 GD가 활성화되지 않습니다. 또 다른 이유는 PHP 코드의 오류 일 수 있습니다. 실 새 보안 문자를 생성하기 위해 서버에 요청을 보내는 JavaScript 함수를 작성해야합니다. 그런 다음 서버는 새로운 Captcha 이미지로 응답 한 다음 전체 페이지 재 장전없이 웹 페이지에서 업데이트됩니다. </h3> GD 라이브러리가없는 Captcha를 사용할 수 있습니까? <p> </p> GD 라이브러리는 일반적으로 사용됩니다. PHP에서 보안관을 만드는 것은 유일한 방법이 아닙니다. Imagemagick과 같은 다른 라이브러리를 사용하거나 텍스트 기반 보안관을 만들 수도 있습니다. 그러나 이러한 방법은 GD 라이브러리와 동일한 수준의 보안 및 사용자 정의를 제공하지 않을 수 있습니다.<add> 연락처 양식에 보안 문자를 추가 할 수 있습니까? <h3 id="연락처-양식에-보안-문자를-추가하려면-양식의-HTML-및-PHP-코드를-수정하는-것이-포함됩니다-HTML에서는-보안-문자에-대한-이미지-태그와-사용자가-CARTCHA를-입력-할-입력-필드를-추가해야합니다-PHP에서-보안-문자를-생성하고-사용자의-입력을-검증해야합니다"> 연락처 양식에 보안 문자를 추가하려면 양식의 HTML 및 PHP 코드를 수정하는 것이 포함됩니다. HTML에서는 보안 문자에 대한 이미지 태그와 사용자가 CARTCHA를 입력 할 입력 필드를 추가해야합니다. PHP에서 보안 문자를 생성하고 사용자의 입력을 검증해야합니다. </h3> 왜 내 담근 검증이 작동하지 않는 이유는 무엇입니까? <p> </p> CAPTCHA 유효성 검사가 작동하지 않으면 마감일이 발생할 수 있습니다. 몇 가지 이유로. 한 가지 일반적인 이유는 세션 변수가 올바르게 설정되거나 검색되지 않기 때문입니다. 출력이 브라우저로 전송되고 세션 변수가 올바르게 사용되기 전에 Session_start ()가 호출되어 있는지 확인하십시오. 또 다른 이유는 사용자의 입력이 보안 문자와 올바르게 비교되지 않기 때문일 수 있습니다. 보안 문자가 상류 및 소문자 문자가 모두 포함 된 경우 사례 감지 비교를 사용해야합니다. <h3 id="시각-장애가있는-사용자가-내포프를-액세스-할-수있게하려면-어떻게-보안-문자에-액세스-할-수있게-만들-수-있습니까"> 시각 장애가있는 사용자가 내포프를 액세스 할 수있게하려면 어떻게 보안 문자에 액세스 할 수있게 만들 수 있습니까? </h3>. 손상된 사용자는 어려울 수 있지만 몇 가지 방법이 있습니다. 한 가지 방법은 오디오 볼프트 옵션을 제공하는 것입니다. 여기에는 크게 큰 소리로 말한 Captcha 캐릭터와 함께 오디오 파일을 생성하는 것이 포함됩니다. 또 다른 방법은 대체 질문 기반 보안관을 사용하는 것인데, 여기서 봇은 봇이 대답하기가 어려울 간단한 질문을받는 것입니다. <p> </p> 봇은 여전히 ​​내 담그차를 우회 할 수 있습니까? <h3> </h3> 봇을 방지하도록 설계된 것은 완벽하지 않습니다. 고급 봇은 OCR (광학 문자 인식)을 사용하여 보안 문자를 읽을 수 있습니다. 그러나, 믹스 캐릭터를 사용하고, 소음을 추가하고, 정기적으로 담그차를 바꾸는 것과 같이 보안관을 더욱 복잡하게 만들면 봇이 우회하기가 더 어려워 질 수 있습니다. <p> </p>는 스팸을 방지하는 유일한 방법입니다. ? <h3> </h3> CAPTCHA는 스팸을 예방하는 일반적인 방법이지만 유일한 방법은 아닙니다. 다른 방법에는 허니 포트 사용이 포함됩니다. 허니 포트는 봇이 채울 수 있지만 인간은하지 않을 것이지만 인간은 양식을 작성하는 데 걸리는 시간과 같은 시간과 같은 사용자의 행동을 확인하고, Akismet과 같은 서비스를 사용하는 것과 같은 사용자의 행동을 확인하는 등 허니 포트 사용 등이 있습니다. 알려진 스팸 데이터베이스를 기반으로 한 스팸</add></custom></questions></p></of>