کپچا با طعم گوگل , هوشمند تر از همیشه

یه مدت هست که توی طرح‌چه یه سری فعالیت از اسپمرها رو مشاهده میکنم. مثلا میبینم امروز چند نفر قصد لاگین شدن نداشتن ولی نتونستن یوزر و پسوورد رو بدست بیارن. رفتم IP رو چک کردم دیدم از ایالت های امریکا هستن! مجبور شدم که برای بخش نظرات سایت و بخش لاگین شدن سایت از کپچا استفاده کنم تا دیگه نظر اسپم دریافت نکنم.

کپچاهای تصویری هم دیگه مثل قبلا کاربرد ندارن و روبوت ها میتونن تصاویر رو حدس بزنن و تشخیص بدن مگر اینکه از یه فونت خیلی سخت استفاده کنیم که اونوقت خود آدما هم باید یه ربع وقت بزارن فکر کنن که کپچای شما چی هست 😀

تصمیم گرفتم یکم از گوگل کمک بگیرم و به جای اینکه خودم بیام و یکی دو روز وقت بزارم و یه کپچای حرفه ای بسازم یه ربع وقت بزارم و با کمک گوگل یه کپچای خیلی خیلی حرفه ای بسازم. پیش نمایش چیزی که بعد از این اموزش خواهیم ساخت رو میتونید از اینجا ببینید.

من پیش نمایش رو طوری گذاشتم که یوزرنیم mahdi و پسوورد ۱۲۳۴۵۶۷۸۹ باشه و با این یوزر و پسوورد کار میکنه. ولی اگه کپچا رو تیک نزنید لاگین نخواهید شد. 😀

گوگل دست به کار خیلی جذابی زده اونم اینکه یه کپچا ساخته که خودش به صورت اتوماتیک تشخیص میده که کاربر روبات هست یا انسان! جل الخالق من خودم دیدم کف کردم , تصویر کپچای گوگل به صورت زیر خواهد بود:

google-recaptcha-demo

بریم سراغ اینکه چجوری از کپچای گوگل استفاده کنیم:

  1. شما ابتدا باید از اینجا برید و سایت خودتون رو توی گوگل ثبت کنید و Site key و Secret key رو بگیرید.
  2. بعدش نیاز داریم که یه فرم بسازیم و کپچا رو بهش اظافه کنیم.
  3. فرم خودمون رو چک کنیم همچنین کپچا رو چک کنیم و اگه درست بود بزاریم کاربر لاگین بشه.

خب حالا عملیات بالا رو انجام میدیم.

مرحله ی اول: از اینجا میریم و سایت خودمون رو ثبت میکنیم

مرحله ی دوم : فرم لاگین خودمون رو به صورت زیر میسازیم

مرحله ی سوم :

در این مرحله ابتدا یوزر پسوورد کاربر رو چک میکنیم که این کار با دستورات زیر انجام میشه :

بعدش یک فایل برای دریافت داده ها از گوگل ایجاد میکنیم تا بتونیم مقدار بازگشتی از کپچا رو بدست بیاریم و با توجه به داده ی دریافتی از گوگل بفهمیم کاربر روبوت هست یا انسان. این فایل به صورت زیر با cURL ساخته خواهد شد و اسمش رو getCurlData میزاریم که به صورت زیر خواهد بود:

در مرحله ی بعد از مرحله ی آخر میایم و استایل میدیم به صفحه خودمون تا خوشکل بشه 😀 این استایل برای کپچا نیست و فقط برای فرم لاگین هست که در اینجا ساختیم:

فایل این آموزش رو میتونید از انتهای این پست دانلود کنید. همچنین کسانی که از وردپرس استفاده میکنن میتونن از این افزونه ی کپچا استفاده کنن که از کپچای گوگل در وردپرس پشتیبانی میکنه.

دوستان توی آموزش بالا در قسمت مربوط به data-sitekey و متغیر secret کدهای گرفته شده از گوگل رو قرار بدید تا کد شما درست کار کنه.

هرسوالی راجب کپچای گوگل و این آموزش داشتید از بخش نظرات با من درمیون بزارید تا در اسرع وقت پاسخ بدم. امیدوارم بدردتون بخوره و توی سایت خودتون ازش استفاده کنید تا سایت شما امن تر از همیشه بشه 😀

سورس کد آموزش استفاده از Google ReCaptcha
2.5 KiB
36 Downloads
اطلاعات بیشتر
به اشتراک بگذارید:Email this to someoneShare on FacebookTweet about this on TwitterShare on Google+Digg thisShare on LinkedInPin on PinterestShare on StumbleUponFlattr the authorShare on RedditBuffer this pageShare on TumblrPrint this pageShare on YummlyShare on VK
  1. sayyedamin

    آقا خیلی ممنون , خیلی لطف کردید .خیلی باحالید .

  2. سلام
    اگه بخوام قبل از ارسال اطلاعات برای پی اچ پی با جاوا اسکریپ بررسی کنم که کاربر تیک کپچا را فعال کرده و بعد دکمه ارسال فرم را فعال کنم راهی دارم؟
    جهت کمترشدن بار سرور؟
    لطفا برام ایمیل کنید ab@g13.ir

    • سلام دوست گرامی, امکانش وجود نداره , بار خاصی به سرور وارد نمیشه چون کپچا در گوگل پردازش میشه و شما فقط نتیجه رو با CURL میگیرد.

می‌خواهید دیدگاهتان را بیان کنید؟