AutoFeed

ที่มา เห็น page ตาม Facebook ที่ดังๆส่วนใหญ่ทำแค่ เอาลิ้งมาแปะแล้วกด post เราก็เลยคิดว่าแค่นี้บอทก็ทำได้นะ php bot อันนี้เคยศึกษามานานมากละ แต่ยังไม่เคยทำอะไรเป็นชิ้นเป็นอันสักที เป็นโอกาสที่ดีในการเอา bot มาเล่น อยากศึกษา crontab เพิ่มมากขึ้น อยากศึกษา Facebook Graph API และ OAuth หลักการ ใช้ crontab ในการเรียก php bot ไปเก็บ url ตามเว็บต่างๆที่น่าสนใจ ใช้ crontab ในการโพส url นั้นไปยัง page ของ Facebook ผ่าน Facebook Graph API ส่วนตัว project ตัวนี้ ตอนนี้กำลังอยู่ในขั้นตอนการทดสอบจริง เนื่องจากพัฒนา source code และตั้งค่าเสร็จหมดแล้ว จะรอดูผล…

OAuth

เนื่องจากช่วงนี้นี้กำลังศึกษา Facebook Graph API อยู่เพื่อทำ AutoFeed project บังเอิญไปเจอ OAuth เลยสงสัย, วันนี้จะมาอธิบายให้ฟังกันครับ (บทความนี้เป็นทฤษฏีล้วนๆเลยนะครับ) ปล. ในบทความนี้เราจะเรียกข้อมูลต่างๆของ user ว่า user resource กันนะครับ OAuth = มาตรฐานในการระบุตัวตน OAuth = มาตรฐาน การ Authentication แบบนึง OAuth = authorization framework OAuth จะอนุญาติให้ client app ได้รับ limited access ในการเข้าถึง user resource บน HTTP โดยจะเอา user authentication ไปร้องขอกับ server ที่มี resource ของ user นั้นๆ เพื่อที่จะทำให้…

การย้าย domain และ host ของ wordpress

เมื่อถึงเวลาย้ายบ้านของเหล่าสาวก wordpress บางคนอาจจะกลัวว่ามันทำยากครับ แต่จริงๆแล้วง่ายมากเลย ซึ่งจะแบ่งเป็น 2 แบบ ย้าย host และ ย้าย domain การย้าย Host ก่อนอื่นก็เอา source code ทั้งหมดและ db ทั้งหมดเข้า host ใหม่ได้เลย แต่มีสิ่งที่ต้องระวังอย่างเดียวคือ permission ของ folder ครับสามารถข้ามไปดูได้ที่ ข้อ 4.1 Permission ได้เลยครับ การย้าย Domain หัวข้อนี้จะยุ่งยากเล็กน้อยครับ โดยมีหลักการง่ายๆคือการ replace (แทนที่) ชื่อโดเมนเก่าด้วยโดเมนใหม่ โดยผมจะสมมุติว่าผมจะย้ายจาก jojoee.com ไปเป็น jojoeenew.com นะครับ เอาละครับมาเริ่มกันเลย 1. wp-config.php ให้เปลี่ยน config ต่างๆใน ไฟล์ wp-config โดย default แล้วจะเปลี่ยนแค่ส่วนของ database…

การใช้ Browser ทดสอบการแสดงผลบน Mobile

เนื่องจากช่วงนี้นี้กำลังศึกษา facebook sdk อยู่เพื่อทำ AutoFeed project บังเอิญไปเจอ OAuth เลยสงสัย, วันนี้จะมาอธิบายให้ฟังกันครับ (บทความนี้เป็นทฤษฏีล้วนๆเลยนะครับ) ปล. ในบทความนี้เราจะเรียกข้อมูลต่างๆของ user ว่า user resource กันนะครับ OAuth = มาตรฐานในการระบุตัวตน OAuth = มาตรฐาน การ Authentication แบบนึง OAuth = authorization framework OAuth จะอนุญาติให้ client app ได้รับ limited access ในการเข้าถึง user resource บน HTTP โดยจะเอา user authentication ไปร้องขอกับ server ที่มี resource ของ user นั้นๆ เพื่อที่จะทำให้ client…

Local Storage

local storage = พื้นที่ ที่ web application สามารถเก็บ data ไว้ที่ฝั่ง user / client ได้ วิธีการใช้งาน เบื้องต้น [code lang=”javascript”]// basic localStorage.setItem( ‘afavoriteflavor’, ‘vanilla’ ); // set item // localStorage.removeItem( ‘favoriteflavor’); // remove item var taste = localStorage.getItem( ‘afavoriteflavor’ ); // get item[/code] วิธีเก็บ object ลง local storage local storage เก็บได้แค่ string ดังนั้นต้องใช้ json ช่วย [code lang=”javascript”]…

ทำไมต้องใช้ CDN ด้วย

จากรูปด้านบน CDN จะทำการหา CDN ที่ใกล้ที่กับ User ที่สุดเพื่อให้ User ดาวน์โหลดไฟล์จาก CDN ตัวนั้นไป เราคงเห็นการให้บริการ Library ดังๆผ่าน CDN กันมาแล้วเช่นอย่างของ jQuery, AnfularJS บน Google CDN, ว่าแต่ทำไมเราต้องใช้กันละครับ, ว่ากันถึง Concept สั้นๆ ของ CDN กันก่อนครับ CDN (Content Delivery Network) ทำหน้าที่ให้การให้ User มาโหลด Resource ต่างๆ (เช่น jQuery, Bootstrap, jQuery UI, AngularJS) ที่ผู้ให้บริการกำหนดไว้ได้, CDN นี้จะวางไว้จุดต่างๆทั่วโลก ยกตัวอย่าง Google มี Server วางอยู่มากมายทั่วโลก ทำให้ CDN ส่ง Resource…

DIY – Basic Cache System

หลักการทำงานทั่วๆไปของ website ปัจจุบัน จะมีลำดับการทำงานแบบนี้ครับ 1. user เข้าหน้า website (user ส่ง request ไปที่ web server) 2. server ประมวลผล 3. server ดึงข้อมูลมาจาก database 4. server ได้รับข้อมูลจาก database แล้วนำมาประมวลผลอีกรอบ 5. server ประมวลผลเสร็จส่งไฟล์กลับไปให้ ซึ่งขั้นตอนทั้ง ก็จะให้ memory ในการทำงาน แต่เมื่อเราทำระบบ cache file, server ก็จะใช้ memory ในการทำงานน้อยลงมาก เช่น การ cache HTML ไฟล์จะช่วยลดได้ดังนี้ ข้อ “2” ก็ไม่ต้องแล้ว หา cache file ก็พอ ข้อ “3” ไม่ต้องไปดึงข้อมูลมาจาก…

DIY – WP Customize CSS หน้า admin

วันนี้จะมา Customize ปุ่มหน้า admin ให้มันเป็น สีชมพู เอ้ย สีเขียวกันนะครับ รูปก่อนทำ “Customize Your Site” button จะยังเป็นสีฟ้า (สี default ของ wordpress) อยู่นะครับ การ customize CSS หน้า admin จะมีด้วยกัน 2 วิธีนะครับ เลือกใช้แบบไหนก็ได้ echo wp_enqueue_style วิธีที่ 1. echo 1.1 เปิดไฟล์ function.php ใน theme ของเรา 1.2 ใส่ code เข้าไปดังนี้ [code lang=”php”]// 1. echo function twf_admin_scripts() { echo ‘<style> .wp-core-ui .button-primary {…

Custom ต่างๆของ WordPress

wordpress เริ่มต้นออกแบบมาสำหรับ blog เท่านั้น ดังนั้นที่หน้า post บทความของเราเวลาเราเขียน ก็จะมีสิ่งที่จำเป็นสำหรับการเขียนบทความ บทความหนึ่ง เท่านั้น เช่น titlte, slug, featured image, format, category, tag, etc. แต่เมื่อเราต้องการอะไรที่มากกว่าเราก็ต้องมา custom กันครับ custom ต่างๆของ wordpress จะมีด้วยกัน 3 แบบ 1. Custom Field 2. Custom Post Type 3. Custom Taxonomy 1. Custom Field custom field คือ field เพิ่มเติมที่ post ส่วนใหญ่ของเราควรจะมี จะเป็น field ที่เพิ่มมาในแต่ละ post เช่น สมมุติเราจะทำเว็บเกี่ยวกับภาพยนต์ แต่ละ…