Showing results for “ip”

12 results found

  • ไอเดียพาเที่ยวกาญจนบุรี 2 วัน 1 คืน ดื่มด่ำความมัน

    Article
    แอ้ด เทพริช 3 weeks ago

            ทริปเที่ยวกาญจนบุรี 2 วัน 1 คืน ดื่มด่ำความมันกับกิจกรรมแพชิล ๆ ท่ามกลางบรรยากาศธรรมชาติสายน้ำและเสียงเพลงหวาน ๆ เปิดมุมมองเที่ยวกาญจนบุรี ที่จะทำให้คุณลืมความเหนื่อยล่าไปได้เลย ไม่เสียเวลา เริ่มออกเดินทางกันเลยดีกว่า วันที่ 1 ของการเดินทางไป        วันแรกของการเดินทาง เราออกจากกรุงเทพฯ ตั้งแต่พระอาทิตย์กำลังจะขึ้น แต่ยังไม่ขึ้น เรารอให้พระอาทิตย์ขึ้น เราถึงได้ฤกดิ์ออกเดินทาง ขับรถไปเรื่อยๆ เจอที่ไหนน่าแวะเราก็แวะ และที่แรกที่เราแวะก็คือ วัดบ้านถ้ำ 1. วัดบ้านถ้ำต.เขาน้อย อ.ท่าม่วง จ.กาญจนบุรีภาพจาก วัดบ้านถ้ำ / www.kanchanaburi.center        พิสูจน์แรงศรัทธา ขึ้นบันได 269 ขั้น สักการะบูชาหลวงพ่อชินราช(หลวงพ่อใหญ่)ในถ้ำคูหามังกรสวรรค์ วัดบ้านถ้ำ ต.เขาน้อย อ.ท่าม่วง จ.กาญจนบุรี เป็นวัดเก่าแก่สมัยสุโขทัย ด้านหลังจรดเขา ด้านหน้าจรดแม่น้ำแม่กลอง มีชายหาดสวยงามอยู่หน้าวัด ภูเขาที่ตั้งถ้ำสูงราวๆ 200 กว่าเมตร ภูเขาลูกนี้เป็นเทือกเดียวติดต่อกันหลายยอดเป็นพืด ไปทางทิศตะวันตกเฉียงเหนือสุดปลายเขาที่เขาแหลมและเขาตกถ้ำมังกรทอง2. โรงเรียนหมู่บ้านเด็ก16/1 ม.2 ถ.ลาดหญ้า-ศรีสวัสดิ์ ต.วังด้ง อ.เมือง จ.กาญจนบุรี 71190        โรงเรียนหมู่บ้านเด็ก เป็นที่รับเลี้ยงเด็กกำพร้ายากจน โดยไม่มีการเก็บค่าใช้จ่ายใดๆทั้งสิ้น ค่าใช้จ่ายทั้งหมดที่ได้รับจากการบริจาคของผู้มีจิตศรัทธา ทั้งในและนอกประเทศ ปัจจุบันมีเด็ก 150 คน อายุตั้งแต่ 2 ขวบถึง 20 ปี3. น้ำตกไทรโยคน้อยอ.ไทรโยค จ.กาญจนบุรีภาพจาก น้ำตกไทรโยคน้อย / www.kanchanaburi.center        น้ำตกไทรโยคน้อย อำเภอไทรโยค ตั้งอยู่ในเขตอุทยานแห่งชาติไทรโยค  มีชื่อเรียกอีกหนึ่งชื่อว่า น้ำตกเขาพัง มีนักท่องเที่ยวแวะเวียนผ่านจำนวนมากเพราะเดินทางสะดวกตั้งอยู่ริมถนนหลักเส้นทองผาภูมิ – สังขละ เดินจากถนนเข้าไปเพียง 100 เมตร เป็นน้ำตกที่สวยงาม บริเวณโดยรอบร่มรื่น เป็นน้ำตกชั้นเดียวขนาดไม่ใหญ่มากนัก น้ำตกจากผาไหลกระโจนลงมาด้านล่างมีแอ่งสำหรับเล่นน้ำถึงเวลาเข้าที่พักแล้ว เหนื่อย... 4. แพพันทวีอุทยานแห่งชาติน้ำตกไทรโยคใหญ่ อำเภอไทรโยคภาพจาก แพพันทวี / www.facebook.com        เที่ยวมาเหน็ดเหนื่อยก็ถึงที่พักสักที ที่เราเลือก "แพพันทวี" เพราะเราขี่เกียจเลือกเยอะ เจออันไหนถูกใจเราก็เอาอันนั้น แพที่นี่มีให้เลือก 2 แบบ คือ ทานอาหารกับทางเเพ และ เเพเหมาหลัง ทำอาหารเอง มีคาราโอเกะ พร้อมลากล่องชมธรรมชาติวันที่ 2 ของการเดินทางกลับ        ตื่นเช้ามากับอากาศหนาวๆ ล้อมรอบด้วยธรรมชาติ เสียงนก เสียงน้ำ คลอเบาๆ ให้อีกไอเดียในการโค้ดดิ้ง ของเหล่า ดีเวอร์ลอปไอเดียเรา พอเริ่มเห็นแสงของพระอาทิตย์ขึ้น เราไม่รอช้า เตรียมโดดน้ำอีกสักรอบ ก่อนไปต่อที่ สังขละบุรี สะพานมอญ ว่าแล้วเราก็ไปกันเลย5. สะพานมอญอ.สังขละบุรี จ.กาญจนบุรีภาพจาก พิรุณ ไทยเจริญ / www.pantip.com        จบทริปเที่ยวกาญจนบุรี 2 วัน 1 คืน เราได้พาหัวใจมาสานสัมพันธ์กับสาวน้อยใหญ่อย่างใกล้ชิด เปรียบเสมือนเป็นการชาร์จแบตฯ ชีวิตให้กลับมามีชีวิตชีวาอีกครั้ง กาญจนบุรีจึงเป็นอีกหนึ่งจังหวัดน่าเที่ยว เพราะเดินทางไม่ยาก จะมากี่ครั้งก็ได้เห็นมุมมองท่องเที่ยวใหม่ ๆ อยู่เสมอ แล้วเจอกันใหม่ในทริปหน้า (อ่อ ที่เขียนมาทั้งหมดยังไม่ได้ไปจริงนะครับ ไปจริง 27-28 ตุลาคม 2561)

  • ติดตั้ง php บน macos ด้วย brew

    Topic
    Save Pongsiri 4 months ago

    First install Brew on your MACSetup Brew: ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"brew updatebrew tap homebrew/dupesbrew tap homebrew/phpInstall PHP 7.0.+ brew install php70Install mcrypt: brew install mcrypt php70-mcryptFinally, install composer: brew install composerNow if you run $ php -v, you will get PHP 5.5 or something. This is the default PHP version that is shipped with OSX and cannot be removed. You just need to edit your path to ensure that PHP 7.0 is picked up.export PATH="$(brew --prefix homebrew/php/php70)/bin:$PATH"To debug any issue with any package, you can run brew info php70 etc.Also, if you are getting seemingly unrelated errors, make sure to update bash/zsh: brew upgrade bash and brew upgrade zsh.If everything is setup correctly, running $ php -v should give you 7.0.+.Thank! https://gist.github.com/shashankmehta/6ff13acd60f449eea6311cba4aae900a

  • แก้ปัญหา The following build commands failed: PhaseScriptExecution Run\ Script build/ios-deploy.build/Release/ios-deploy.build

    Topic
    Save Pongsiri 4 months ago

    The following build commands failed: PhaseScriptExecution Run\ Script build/ios-deploy.build/Release/ios-deploy.buildFor those looking for a straight forward solution, I was able to resolve this on my machine following the instructions in this thread.My environment:OS: macOS High Sierra 10.13.5Xcode Version: Version 9.4.1 (9F2000)Disable "SIP"Click the  symbol in the Menu bar.Click Restart…Hold down Command-R to reboot into Recovery Mode.Click Utilities.Select Terminal.Enter csrutil disable.Enter reboot.Attempt install with "SIP" disabledAfter reboot, remove XPCServices file sudo rm /System/Library/PrivateFrameworks/MobileDevice.framework/XPCServicesAttempt install again with this command sudo npm install -g ios-deploy --unsafe-perm --allow-rootInstall should successfully complete.Re-enable "SIP"Click the  symbol in the Menu bar.Click Restart…Hold down Command-R to reboot into Recovery Mode.Click Utilities.Select Terminal.Enter csrutil enable. (important that you set it to enable here...)Enter reboot.

  • Ionic : เปิด google map ด้วยแท็ก <a>

    Topic
    Save Pongsiri 4 months ago

    https://developer.apple.com/library/ios/featuredarticles/iPhoneURLScheme_Reference/MapLinks/MapLinks.html<a href="maps://?q=dallas" data-rel="external">iOS launch in apple maps</a> https://developers.google.com/maps/documentation/ios/urlscheme<a href="comgooglemaps://?q=dallas" data-rel="external">iOS launch in google maps</a><a href="geo://0,0?q=dallas" data-rel="external">Android launch in google maps</a>

  • http status code ที่ควรรู้มีอะไรบ้าง

    Article
    Save Pongsiri 5 months ago

    เมื่อ browser มีการร้องขอไปยัง server จะมีการตอบสนองบางอย่างกลับมาเพื่อบอกสถานะการร้องขอหรือมี error เกิดขึ้น ซึ่งการตอบสนองจะบอกเอาเป็น status code และมีความหมายตามนี้ครับ1xx: Information100: Continue เซิร์ฟเวอร์ได้รับ request header แล้ว, และ client จะส่ง request body ต่อ101: Switching Protocols ผู้ร้องขอต้องการเปลี่ยน protocol102: Checkpoint เซิร์ฟเวอร์กำลังประมวลผล2xx: Successful200: OK การส่งคำขอสำเร็จแล้ว201: Created สร้างทรัพยากรใหม่แล้ว202: Accepted คำขอได้รับการยอมรับสำหรับแล้ว แต่ยังประมวลผลยังไม่เสร็จ203: Non-Authoritative Information คำขอได้รับการประมวลผลเรียบร้อยแล้ว แต่กำลังส่งคืนข้อมูลที่อาจมาจากแหล่งอื่น204: No Content คำขอได้รับการประมวลผลเรียบร้อยแล้ว แต่ไม่ได้ส่งคืนเนื้อหาใด ๆ205: Reset Content การร้องขอได้ดำเนินการสำเร็จแล้ว แต่ไม่มีเนื้อหาใด ๆ คืนกลับมา ต่างจากรหัส 204 ตรงที่การตอบรับนี้ ผู้ร้องขอจำเป็นต้องล้างมุมมองของเอกสาร206: Partial Content เซิร์ฟเวอร์ส่งข้อมูลมาให้บางส่วน ตามที่ผู้ร้องขอกำหนดไว้ใน header3xx: Redirection300: Multiple Choices ผู้ใช้สามารถเลือกลิงค์ที่จะ redirect ไป (ไม่เกิน 5 ลิงค์)301: Moved Parmanently หน้าที่เรียกนี้ย้ายไป URL อื่นถาวร302: Found หน้าที่เรียกนี้ย้ายไป URL อื่นชั่วคราว303: See Other หน้าที่เรียกนี้อยู่ภายใต้ URL อื่น304: Not Modified หน้าที่เรียกนี้ยังมีเนื้อหายังไม่ได้แก้ไขตั้งแต่การเรียกครั้งล่าสุด 4xx: Client Error400: Bad Request ไม่ตอบสนองเพราะมี syntax ไม่ถูกต้อง401: Unauthorizedยัง ไม่ได้ระบุตัวตน402: Payment Required มีการเรียกชำระเงิน (ใช้ในอนาคต)403: Forbidden ระบุตัวตนแล้วแต่ไม่มีสิทธิ์เข้าถึงส่วนนี้404: Not Found ไม่พบหน้าที่ร้องขอ405: Method Not Allowed method ไม่ถูกต้อง ดูให้ดีว่าใช้ get, post, put หรือ delete406: Not Acceptable header ของ request ไม่สัมพันธ์กัน413: Request Entity Too Large ทรัพยากรที่ร้องขอใหญ่เกินกว่าที่จะส่งได้ 414: Request-URI Too Long URL ยาวเกินไป415: Unsupported Media Type เซิร์ฟเวอร์ไม่รู้จักชนิดของรูปหรือสื่อที่เรียก5xx: Server Error500: Internal Server Error มีข้อผิดพลาดบางอย่างภายใน ไม่ทราบสาเหตุ501: Not Implemented เซิร์ฟเวอร์ไม่เข้าใจ request หรือไม่สามารถทำงานตามคำสั่งได้502: Bad Gateway เซิร์ฟเวอร์เป็น Gateway หรือ Proxy ได้รับ response ผิดพลาดจากเซิร์ฟเวอร์อื่น503: Service Unavailable ใช้งานเกินพิกัด(ล่ม) หรือกำลังปรับปรุงเซิร์ฟเวอร์ 504: Gateway Timeout เซิร์ฟเวอร์ไม่ได้รับตอบสนองจากเซิร์ฟเวอร์อื่น จนหมดเวลากันก่อน

  • วิธีแก้ปัญหา paginator หน้าอื่นๆ ไม่เป็น https ใน laravel

    Article
    Save Pongsiri 5 months ago

    กรณีนี้เกิดจาก forceSchema('https') ที่เราตั้งค่าไว้เพื่อให้เปลี่ยนทุกอย่างเป็น https มันไม่ส่งผลกับ url ใน paginator เมื่อมันมีพวก X-FORWARDED อยู่นะสิ ดังนั้นทางแก้ของเราก็คือสร้าง middleware ขึ้นมาสำหรับตั้งค่าเชื่อถือ Proxy ของเราครับตั้งชื่อไฟล์ app/Http/Middleware/HttpsProtocol.phpแล้วก็ไปบอก Kernel.php ให้รู้จักกันซะ ที่ไฟล์ app/Http/Kernel.php

  • WP Optimize ปลั๊กอินกำจัดขยะสำหรับเวิร์ดเพรส

    Article
    Panachai Meetun 5 months ago

    WP Optimize ลงปลั๊กอินนี้ไว้เปรียบเสมือนมีแม่บ้านประจำตัว ที่จะคอย ปัด กวาด เช็ด ถู ช่วยให้ Database เราสะอาดไม่รกรุงรังอีกต่อไป แถมขนาดของ Database ก็เล็กลงด้วยนะ ส่งผลให้เว็บเราทำงานได้เร็วขึ้น ผมนำไปติดตั้งให้กับเว็บลูกค้าที่ผมดูแลอยู่โดยก่อนใช้ปลั๊กอิน Database มีขนาด 1 GB ใหญ่มาก ๆ เว็บลูกค้าเป็นเว็บบทความปกตินะครับไม่ใช่เว็บ E-Commerce หลังจากที่ผมลงปลั๊กอิน WP Optimize แล้ว ขนาดของ Database เหลืออยู่เพียง 24 MB เท่านั้นลดลง 900 MB เลยใช้ WooCommerce ควรลง        สำหรับร้านค้าที่ใช้ WooCommerce ควรจะลงไว้ครับเพราะ WooCommerce เองมันมีฟีเจอร์ Geo Location สำหรับเก็บข้อมูล Location และ IP Address ของ User ที่เข้ามาใช้งานเว็บเราไว้ทำให้ Database เราจะมีขนาดใหญ่กว่าปกติตัวปลั๊กอินก็จะช่วยตรงนี้ได้ครับติดตั้งปลั๊กอิน    โหลดได้ที่ คลิกวิธีใช้งาน        หลังจากติดตั้งแล้วให้เราสังเกตจะมีเมนู WP Optimize โผล่ขึ้นมา คลิกเข้าไปเลยแล้วจะเจอหน้าตาสำหรับการตั้งค่าประมาณนี้ (ตั้งค่าตามภาพได้เลย) ตั้งเวลา Optimizeเราสามารถตั้งเวลาให้ปลั๊กอิน Optimize Database ให้เราได้ด้วยจะได้ไม่ต้องมาคอยกด Optimize เองยิ่งใครมีเว็บที่ต้องดูแลเยอะ ๆ นี้สบายเลย ตั้งเป็น วันละครั้ง อาทิตย์ละครั้ง เดือนละครั้ง ก็ตามใจเราเลย โดยจากภาพตั้งไว้ที่ อาทิตย์ละ 1 ครั้งเสร็จแล้ว

  • แก้ปัญหา TypeError: AppScripts.serve is not a function

    Topic
    Save Pongsiri 5 months ago

    สำหรับใครที่รัน ionic serve แล้วเจอ error แบบนี้TypeError: AppScripts.serve is not a function    at /usr/local/lib/node_modules/ionic/node_modules/@ionic/cli-utils/lib/ionic-angular/serve.js:18:43    at Generator.next (<anonymous>)    at fulfilled (/usr/local/lib/node_modules/ionic/node_modules/tslib/tslib.js:104:62)    at <anonymous>วิธีแก้คือให้ติดตั้ง app-scripts เวอร์ชั่นล่าสุดnpm install --save-dev @ionic/[email protected]

  • ดึง RSS ฟีดมาแสดงใน Laravel

    Article
    Save Pongsiri 5 months ago

    ใครที่ใช้ Laravel 5 และกำลังหาวิธีดึง RSS ฟีดมาแสดงที่เว็บของเรา  วันนี้ผมขอแนะนำแพคเกจ willvincent/feeds ที่ช่วยให้คุณตอบสนองความต้องการนั้นครับติดตั้ง willvincent/feedsใช้คำสั่ง composer require ดาวน์โหลดแพจเกจ willvincent/feeds ลงในโปรเจค Laravel 5 ของเราก่อนครับ composer require willvincent/feedsแล้วก็เข้าไปเพิ่ม provider ในไฟล์ config/app.php     'providers' => [        // ...        willvincent\Feeds\FeedsServiceProvider::class,    ],และเพิ่ม faces ลงในส่วนของ aliases ในไฟล์เดียวกัน    'aliases' => [        // ...        'Feeds'    => willvincent\Feeds\Facades\FeedsFacade::class,    ],ก่อนใช้งานเราก็ต้องดึง config ของแพคเกจออกมาก่อนครับphp artisan vendor:publish --provider="willvincent\Feeds\FeedsServiceProvider"เสร็จแล้วจะไฟล์ config/feeds.php กำเนิดเกิดขึ้น (ถ้าใครไม่ขึ้นหรือรันไม่ผ่านให้ลองรันคำสั่งล้างแคชก่อนนะ php artisan config:cache)การใช้งานใน Controllerเราจะใช้งานด้วยฟังก์ชั่น make()  ซึ่ง 3 พารามิเตอร์- ลิงค์ของ RSS ถ้ามีหลายลิงค์ให้ใส่เป็น array- ตัวเลขจำนวนฟีดที่แสดงไม่เกินกี่ฟีด- บังคับอ่านไฟล์ที่ไม่ถูกรูปแบบ RSS ใส่เป็น Booleanเริ่มด้วยกันเรียกใช้งานคลาสด้วย faces ที่เราเตรียมไว้ส่วนบนๆ ของ controller เราเลยครับ ... use Feeds; class FeedsController extends Controller{     ... }    โค้ดตัวอย่างนี้ เราจะเขียน method สำหรับอ่านข้อมูลจากลิงค์ RSS มาแปลงเป็น array แล้วส่งต่อไปแสดงผลที่ View ครับ    public function news()    {        $feed = Feeds::make('https://www.thaiware.com/rss/rss_latestPost_news.php');        $data = array(          'title'     => $feed->get_title(),          'permalink' => $feed->get_permalink(),          'items'     => $feed->get_items(),        );        return view('feeds', $data);    }ในส่วนของ views/feeds.blade.php เราจะลูป Feeds จาก controller มาแสดงครับ  <h1><a href="{{ $permalink }}">{{ $title }}</a></h1>  @foreach ($items as $item)    <div class="item">       <img alt="Image" src="{{ $item->get_enclosure()->link }}">           <h2><a href="{{ $item->get_permalink() }}">{{ $item->get_title() }}</a></h2>      <p>{{ $item->get_description() }}</p>      <p><small>Posted on {{ $item->get_date('j F Y | g:i a') }}</small></p>    </div>  @endforeachปล. สามารถดูตัวอย่างผลลัพธ์ของโค้ดด้านบนได้เลยที่หน้า RSS ฟีดของไอเดียจิตอลครับ https://www.ideagital.com/news 

  • ว่าด้วยเรื่องการ Import/Export อีเมลใน Roundcube

    Article
    Save Pongsiri 5 months ago

    เหตุการณ์นี้เกิดขึ้นจากการย้ายโฮสแล้วต้องการให้ email ของเราไปอยู่ด้วย หรือต้องการ backup อีเมลสำคัญๆ เอาไว้กันสูญหายครับ ซึ่งทั้ง 2 กรณีที่ว่ามาทำให้โดยการ export อีเมลมาเก็บไว้ที่เครื่องเราก่อนครับ โดยเราสามารถ export ได้ 2 วิธีตามนี้ครับExport ทีละเมลเลือกเมลที่ต้องการ Backup แล้วคลิก More -> Download (.eml) Export ทั้งหมดเนื่องจาก roundcube ไม่มีฟังก์ชั่นให้ export เมลทีเดียวทั้งหมด เราจึงต้องไปหารายการอีเมลมา export เอง ตัวอย่างนี้ผมใช้ Centos 7 และทำการติดตั้ง centos web panel ไว้ หลังจากที่ล็อคอินด้วย user ที่เป็นสิทธิ์ root เข้ามาแล้วคลิกที่ File Manager เพื่อหาไฟล์อีเมลของเรา โดยเข้าไปที่ไดเรคทอรี่ /var/mail/ แล้วคลิกที่ชื่อ user ก็จะดาวน์โหลดไฟล์ backup มาให้ครับ แต่มันจะไม่มีนามสกุลไฟล์ พอดาวน์โหลดเสร็จก็ให้เปลี่ยนชื่อไฟล์นั้นเป็น .eml ด้วยนะครับกรณีที่ทำ virtual host ให้เปิดที่ไดเรคทอรี่ /var/vmail/[user]/cur เลือกเมลที่ต้องการ backup (หรือคลิกปุ่ม All เพื่อเลือกทั้งหมด) แล้วคลิก Compress ตั้งชื่อไฟล์ backup เป็น .zipจะได้ไฟล์ .zip อยู่ที่เดิมนั่นแหละ จากนั้นก็คลิกที่ชื่อไฟล์ดาวน์โหลดมาได้เลยครับแตกไฟล์ zip แล้วก็เปลี่ยนชื่อไฟล์อีเมลทั้งหมดให้เป็น .emlผมใช้วิธีกด cmd + a แล้วคลิก rename ทีเดียวเลยImport อีเมลคลิกที่ฟันเฟืองที่มุมซ้ายล่าง แล้วเลือก Import messagesจากนั้นก็ open ไฟล์ .eml ที่เรา backup ไว้แล้วคลิก Upload แล้วก็รอให้ระบบ import ให้เราครับ

  • ป้องกัน Spam บนเว็บของคุณ ด้วย reCAPTCHA

    Article
    Save Pongsiri 5 months ago

    reCAPTCHA พัฒนาโดย Google เพื่อช่วยป้องกันไม่ให้เว็บไซต์โดน Spam จากพวกบอทต่างๆ ที่แฝงตัวเข้ามาโจมตีเว็บไซต์ของเราแบบเงียบๆวิธีป้องกันก็คือให้ user เป็นคนยืนยันเลยว่าตัวเองเป็นคน ไม่ใช่บอท โดยจะให้ user เป็นคนตอบคำถามบางอย่างที่บอทไม่สามารถตอบได้ เช่น ให้เลือกรูปที่คล้ายกับรูปตัวอย่างแบบนี้ สโลแกนคือ "ยากสำหรับบอท ง่ายสำหรับคน"เปิดใช้งาน reCAPTCHAเข้าไปที่เว็บ https://www.google.com/recaptcha (จำเป็นต้องเข้าสู่ระบบโดยใช้บัญชี gmail ของเราก่อน) แล้วคลิกปุ่ม "My reCAPTCHA" จะเจอฟอร์มให้ลงทะเบียนเว็บไซต์ของเรา และมี 3 ประเภทให้เลือกครับ1. reCAPTCHA v2 (มีช่อง checkbox คลิกแล้วให้ user เลือกรูปภาพ)2. Invisible reCAPTCHA (ทำงานเบื้องหลัง ไม่แสดงให้เห็น)3. reCAPTCHA Android (สำหรับใช้งานบน Android)ในที่นี้เลือกเป็น reCAPTCHA v2 ครับ ส่วนช่องโดเมนสามารถใส่โดเมนที่จะใช้งานได้หลายโดเมนนะครับเสร็จแล้วเราก็จะได้กุญแจ มาใช้งาน 2 อันคือ Site key ไว้ใช้งานกับฟอร์มและ Secret key ไว้เชื่อมต่อกับ Google (เก็บไว้เป็นความลับด้วยนะครับ) การติดตั้งบนเว็บไซต์ในช่อง Step 1 ให้ Copy โค้ดทั้งสองอัน ไปวางในหน้าเว็บของเราครับในหน้านี้เราอาจเขียนสคริปต์ป้องกันไม่ให้คนกด submit ก่อนใส่ reCAPTCHA โดยการ disabled ปุ่ม submit ไว้ก่อน แล้วเขียน function เปิดใช้ปุ่มเมื่อได้รับ callback จาก reCAPTCHA ก่อนแบบนี้แล้วก็เพิ่ม data-callback ที่ .g-recaptcha ด้วยนะครับส่วนที่ฝั่ง Server side หรือฝั่งหน้ารับค่าข้อมูลก็ให้เขียนเช็คด้วยว่าพารามิเตอร์ g-recaptcha-response ที่ submit เข้ามาเป็นค่าที่ถูกต้องจริงๆ โดยการ call api ไปหา google ตามตัวอย่างนี้ (เปลี่ยน your_secretekey ด้วยนะ)$captcha;       if(isset($_POST['g-recaptcha-response'])){  $captcha=$_POST['g-recaptcha-response']; $response=json_decode(file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret=your_secretkey&response=".$captcha."&remoteip=".$_SERVER['REMOTE_ADDR']), true);        }if($response['success'] == true){    // Your Code Here}การติดตั้งบน Wordpressมีปลั๊กอินให้ดาวน์โหลดมาติดตั้งได้หลายตัวเลย ขอตัวอย่างแบบ Invisible reCAPTCHA บ้างนะครับ ค้นหาและติดตั้งปลั๊กอินชื่อ Invisible reCaptcha for WordPress นะครับคลิกปุ่ม "ใช้งาน" แล้วเข้าไปตั้งค่าโดยคลิกที่เมนู Settings -> Invisible reCaptchaแล้วใส่ข้อมูล Site Key และ Secrete Key ของเราครับ จะเลือกภาษาหรือตั้งก็ค่าตำแหน่งการแสดงด้วยก็ได้ครับและเลือกด้วยว่าจะให้ป้องกันที่หน้าไหนบ้างเสร็จแล้ว Invisible reCaptcha จะแสดงสัญลักษณ์แบบนี้ที่หน้าที่เราต้องการให้ป้องกันครับ

  • แนะนำ 10 ชุดไอคอนใช้งานฟรีสำหรับเว็บไซต์ 2018

    Article
    Save Pongsiri 6 months ago

    การใช้ไอคอนเป็นวิธีนึงที่จะทำให้การออกแบบเว็บไซต์ของคุณน่าสนใจ สะดุดตา และเข้าใจความหมายที่ต้องการสื่อสารได้ดียิ่งขึ้นสำหรับบทความนี้ขอคัด 10 ชุดไอคอนเด็ดๆ ที่ใช้งานฟรี มีหลายแบบหลายสไตล์มาให้เลือกใช้กันนะครับ ลองมาดูกันเลยFont Awesomeเป็นชุดฟอนต์ไอคอนที่ได้รับความนิยมมาอย่างยาวนาน มีความยืดหยุ่นสูง สามารถนำไปใช้งานได้หลากหลายรูปแบบ รองรับการใช้งานบน Browser มาตรฐานทั้งหมด และอำนวยความสะดวกสำหรับผู้พิการทางสายตาได้ดีอีกด้วย มีทั้งแบบฟรีและแบบโปร(ไม่ฟรี) เว็บไซต์ : fontawesome.comMaterial Iconsชุดไอคอนหลักจากทาง Google ออกแบบตามแนวทาง Material Design และเป็นไอคอนที่เราใช้กันในระบบปฏิบัติการ Android การันตีได้เลยทั้งความสวยงามและคุณภาพ มีให้เลือกใช้มากกว่า 900+ ไอคอนเลยครับเว็บไซต์ : material.io/tools/iconsFeather Iconsไอคอนชุดนี้เป็น open-source ทุกไอคอนออกแบบด้วย grid ขนาด 24x24 และมีสไตล์มน ๆ ให้ความรู้สึกสม่ำเสมอ ถูกสร้างมาเพื่อให้ใช้งานง่ายกับ  Angular, Vue, and React. ติดตั้งด้วย npm หรือ cdn ก็ได้ครับ ใช้งานฟรีเว็บไซต์ : feathericons.comLineaชุดไอคอนสไตล์โมเดิร์นลักษณะเป็นเส้นบางๆ ให้ความคม ดูมีเอกลักษณ์เฉพาะตัวเลย มีให้เลือกมากกว่า 730 ไอคอน แบ่งตามหมวดหมู่หลัก ๆ เช่น Basic, Music, Ecommerce, Software ใช้งานฟรีครับเว็บไซต์ : linea.ioOcticonsเป็นชุดไอคอนของทาง Github แต่ละไอคอนจึงออกเป็นแนว Programming ค่อนข้างมากมีให้เลือก 170+ แบบครับ และให้ใช้งานฟรีเว็บไซต์ : octicons.github.comGlyphชุดไอคอนชนิด SVG ที่ออกแบบมาสำหรับเว็บทันสมัย มีให้เลือกถึง 800 ไอคอนเลยทีเดียวเว็บไซต์ : glyph.smarticons.coIoniconsไอคอนแนวแบนๆ บางๆ จากทีมงาน Ionic Framework เขาละ เหมาะกับการใช้บนมือถือมากเลย มีไอคอนให้เลือก 260 กว่าแบบเว็บไซต์ : ionicons.comIconoเป็นไอคอนที่เขียนด้วย CSS ล้วนๆ ครับ จึงค่อนข้างเบา ถึงแม้จะมีให้เลือกแค่ 130 กว่าไอคอน แต่ส่วนใหญ่เป็นไอคอนที่ใช้งานได้จริงเลยนะเว็บไซต์ : saeedalipoor.github.io/iconoCSS ICONเป็นอีกหนึ่งชุดไอคอนที่สร้างมาจาก CSS ทั้งหมด มีทั้งสไตล์บางๆ และแบบหนาๆ ให้เลือกใช้งานได้ 190 แบบครับเว็บไซต์ : cssicon.spaceThemify Iconsชุดไอคอนสำเร็จรูปที่ออกแบบมาสำหรับเว็บแอพพลิชั่น มีไอคอนให้เลือมากกว่า 320+ ไอคอนให้เลือก ใช้งานได้ฟรี 100% เว็บไซต์ : themify.me/themify-icons