กันยายน 2015 | เฟสบุคเอสเคดี Facebook SKD Graph API คู่มือการสร้างเว็บ

วิธีการติดตั้ง โปรแกรม Netbeans PHP IDE และวิธีการใช้งานเบื้องต้น

หากกำลังหาโปรแกรมที่ใช้สำหรับการเขียนเว็บ และเหมาะสำหรับนักพัฒนาเว็บมือใหม่ นั่นก็คือโปรแกรม Netbeans PHP IDE เป็นซอฟต์แวร์ที่ใช้ในการพัฒนาภาษา PHP เป็นภาษาโปรแกรมในการพัฒนาเว็บไซต์ที่ทำงานฝั่ง Server ซึ่งมีภาษา HTML ในการแสดงผลในฝั่ง Client บน Web Browser แท้จริงแล้วการพัฒนาภาษา PHP มีเครื่องมือที่ใช้ในการพัฒนาภาษานี้อย่างหลากหลายในปัจจุบัน โปรแกรม NetBeans ก็คือเครื่องมือหนึ่งในการพัฒนานี้โดยมีความสามารถมากมายโดยไม่ต้องพึ่งเครื่องมืออื่นๆเสริมในการพัฒนาเพิ่มเติมเลย

Download

ในส่วนของการ Dwonload และติดตั java(JRE) คลิก Download Java(JRE)
ตรง Java SE Runtime Environment 7u79 ให้ติกที่ช่อง Accept License Agreement สาทารถดาวโหลดและติดตั้งได้ทั้งแบบ Ofline และ Online และสำหลับ Windows ที่ใช้ 32 ฺbit และ 64 ฺbit สำหรับคอมพิวเตอร์ Windows 64bit ให้ทำการเลือก Windows x64 (มีให้เลือกอยู่2อัน)สำหรับคอมพิวเตอร์ Windows 32bit ให้ทำการเลือก Windows x86
จากนั้นก็ทำการติดตั้ง Java ตามปกติ

วิธีการติดตั้ง โปรแกรม Netbeans

ก่อนที่เราจะติดตั้ง โปรแกรม NetBeans PHP IDE เราต้องทำการติดตั้ง Java(JRE) ให้เรียบร้อยก่อนถึงจะทำการติดตั้ง โปรแกรม NetBeans PHP IDE ได้
ถ้ายังไม่ได่ ดาวโหลดโปรแกรม NetBeans PHP IDE สามารถดาวโหลดได้ที่นี้ ดาวโหลดโปรแกรมNetBeans PHP IDE

เมื่อ ดาวโหลดโปรแกรมเสร็จแล้วก็จะได้ ไฟล์ Setup ดังนี้

1. ขั้นตอนแรกเมื่อทำการติดตั้ง Java และดาวน์โหลดโปรแกรมจากลิ้งด้านบนแล้ว ให้ทำการเปิดตัวติดตั้ง Netbeans-7.3.1-windows ขึ้นมาตามภาพ

2. เมื่อทำการเปิดตัวติดตั้งโปรแกรมขึ้นมาแล้วก็จะมีการโหลด ในภาพที่ 1 และภาพที่ 2 รอจนกว่าจะโหลดเสร็จเพื่อนไปสู่ขั้นตอนต่อไป

3. เมื่อมาถึงในหน้าต่างนี้ จะมีหน้าต่างเกริ่นนำโปรแกรมสักเล็กน้อย ให้เราทำการคลิกที่ Next เพื่อไปสู่ขั้นตอนต่อไป

4. ในหน้านี้ก็จะมีเงื่อนไขและข้อตกลงในการใช้โปรแกรมต่างๆ ให้เราทำการติ๊กที่ i accept the terms in the license agreement แล้วทำการกด Next เพื่อไปในขั้นตอนต่อไป

5. ในส่วนของหน้านี้ก็จะมีเงื่อนไขของ JUnit ด้วย พออ่านเงื่อนไขเสร็จเรียบร้อยให้เราทำการติ๊กที่ i accept the terms in the license agreement, Install JUnit เพื่อยอมรับเงื่อนไขและทำการติดตั้ง JUnit จากนั้นให้ทำการกด Next ได้เลย

6. เมื่อมาถึงในหน้าต่างนี้ให้เราทำการ เลือกที่อยู่ของโปรแกรม แนะนำให้ใช้ที่อยู่ที่โปรแกรมได้กำหนดให้แล้ว และให้ทำการกด Next

7. และเมื่อมาถึงในหน้าต่างนี้ให้เราทำการ เลือกที่อยู่ของGlassfish แนะนำให้ใช้ที่อยู่ที่โปรแกรมได้กำหนดให้แล้ว และให้ทำการกด Next

8. จากนั้นเมื่อมาถึงในหน้านี้ให้ทำการติ๊กที่ Check for Updates เพื่อเป็นการอัพเดทโปรแกรมอยู่เสมอ เมื่อติ๊กแล้วให้ทำการคลิกที่ Install ได้เลย

9. โปรแกรมกำลังทำการติดตั้ง โปรดรอสักครู่…

10. เมื่อทำการติดตั้งโปรแกรมเสร็จเรียบร้อยแล้วก็จะมาในหน้าต่างนี้ ให้ทำการคลิก Finish ได้เลย เท่านี้การติดตั้งโปรแกรมNetbeans ก็เป็นอันเสร็จสิ้น

การสร้าง โปรเจคใน NetBeans

ขอบคุณ วีดีโอจาก โปรแกรมเมอร์ไทpแลน ManopKongoon :: https://www.youtube.com/watch?v=fX5pxAfmDok

สอนการใช้ Facebook sdk Login for php

Facebook SDK v5 ที่ใช้ในการ ล็อคอินเข้าสู่ระบบ

ในบทความนี้จะเป็นการสอนการใช้งาน Facebook SDK v5 ที่ใช้ในการ ล็อคอินเข้าสู่ระบบผ่าน Facebook app ให้เชื่อมต่อกับ เว็บของเรา สิ่งที่จำเป็นต้องใช้ใรการ Login มีดังนี้

1. สร้าง ไฟล์ ที่ชื่อ login.php
2. สร้าง ไฟล์ ที่ชื่อ fb-callback.php

เรมามาสร้าง Code login กันดีกว่า

1. ทำการ copy Code ดังต่อไปนี้ไปไส่ใน file login.php

 

<?php
/*
Facebook SDK Part 1
สอนการใช้ Facebook sdk  Login for php 
by http://facebook-sdk.blogspot.com/  
 
 */
session_start();
//ทำการเรียก Sesion_start(); เพื่อให้ Sesion ต่างๆทำงาน
 
require_once __DIR__ . '/src/Facebook/autoload.php';
//ทำการสร้างการดึงไฟล์ต่างๆ
//ของ facebook sdk ด้วยคำสั่ง  require_once  __DIR__ .'ตามด้วย ที่เก็บ file autoload.php '

$fb = new Facebook\Facebook([
  'app_id' => '740357906069989',
  'app_secret' => '85be710ace9ac4e630fdcff56e51bdbd', 
  'default_graph_version' => 'v2.4',
  ]);
//เป็นการสร้างคำสั่ง เพื่อ เก็บค่า app_id ,app_secret และ เวิอชั่นเริมต้นของ  Graph API 

$helper = $fb->getRedirectLoginHelper();
//เป็นการ นำค่าของ app_id ,app_secret, Graph API  ที่เก็บไว้ในตัวแปล $fb ไปตรวจสอบ ผ่านgetRedirectLoginHelper()

$permissions = ['email']; // Optional permissions
$loginUrl = $helper->getLoginUrl('http://localhost/facebook-adk-Manually/fb-callback.php', $permissions);
//เมื่อ ผ่าน จะส่งค่าที่ได้ไปยัง fb-callback.php  เพื่อที่จะได้ใช้งานต่อ
echo '<a href="' . htmlspecialchars($loginUrl) . '">Log in with Facebook!</a>';

2. ทำกา copy Code ดังต่อไปนี้ไปไส่ใน file fb-callback.php

 
<!doctype html>
<html>
<meta charset="utf-8">
<?php

session_start();
//ทำการเรียก Sesion_start(); เพื่อให้ Sesion ต่างๆทำงาน
 
require_once __DIR__ . '/src/Facebook/autoload.php';
//ทำการสร้างการดึงไฟล์ต่างๆ
//ของ facebook sdk ด้วยคำสั่ง  require_once  __DIR__ .'ตามด้วย ที่เก็บ file autoload.php '

$fb = new Facebook\Facebook([
  'app_id' => '740357906069989',
  'app_secret' => '85be710ace9ac4e630fdcff56e51bdbd', 
  'default_graph_version' => 'v2.4',
  ]);


$helper = $fb->getRedirectLoginHelper();  
  
try {  
  $accessToken = $helper->getAccessToken();  
} catch(Facebook\Exceptions\FacebookResponseException $e) {  
  // When Graph returns an error  
  echo 'Graph returned an error: ' . $e->getMessage();  
  exit;  
} catch(Facebook\Exceptions\FacebookSDKException $e) {  
  // When validation fails or other local issues  
  echo 'Facebook SDK returned an error: ' . $e->getMessage();  
  exit;  
}  

if (! isset($accessToken)) {  
  if ($helper->getError()) {  
    header('HTTP/1.0 401 Unauthorized');  
    echo "Error: " . $helper->getError() . "\n";
    echo "Error Code: " . $helper->getErrorCode() . "\n";
    echo "Error Reason: " . $helper->getErrorReason() . "\n";
    echo "Error Description: " . $helper->getErrorDescription() . "\n";
  } else {  
    header('HTTP/1.0 400 Bad Request');  
    echo 'Bad request';  
  }  
  exit;  
}  

// Logged in  
echo '<h3>Access Token</h3>';  
var_dump($accessToken->getValue());  
  
// The OAuth 2.0 client handler helps us manage access tokens  
$oAuth2Client = $fb->getOAuth2Client();  

// Get the access token metadata from /debug_token  
$tokenMetadata = $oAuth2Client->debugToken($accessToken);  
echo '<h3>Metadata</h3>';  
var_dump($tokenMetadata);  
  
// Validation (these will throw FacebookSDKException's when they fail)  
//$tokenMetadata->validateAppId($config['app_id']);  
// If you know the user ID this access token belongs to, you can validate it here  
// $tokenMetadata->validateUserId('123');  
$tokenMetadata->validateExpiration();   
   
if (! $accessToken->isLongLived()) {  
  // Exchanges a short-lived access token for a long-lived one  
  try {  
    $accessToken = $oAuth2Client->getLongLivedAccessToken($accessToken);  
  } catch (Facebook\Exceptions\FacebookSDKException $e) {  
    echo "<p>Error getting long-lived access token: " . $helper->getMessage() . "</p>";  
    exit;  
  } 
  echo '<h3>Long-lived</h3>';  
  var_dump($accessToken->getValue());  
}

$_SESSION['fb_access_token'] = (string) $accessToken;  
  
// User is logged in with a long-lived access token.  
// You can redirect them to a members-only page.  
// header('Location: https://example.com/members.php');

3. ทดสอบการทำงาน เปิดบลาวเชอร์ ขึ้นมาแล้ว พิมพ์ Url http://localhost/facebook-adk-Manually/login.php จะได้ดังรูป

คลิก Log in with Facebook! จะได้

คลิก ตกลง ก็จะได้หน่าการแสดงผล ในไฟล์ fb-callback.php ที่ถูกส่งค่ามาจากการ login ในส่วนค่าที่ได้ออกมาก็จะมีค่า access Token ,app_id ,ชื้อ application และอื่นๆอีกมากมาย ตามที่เราได้ใช้คำสั่งในการ เรียกการแสดงผลออกมา

มาถึงส่วนนี้ก็เป็นอันเสร็จสมบูรณ์ในการ log in ผ่าน facebook sdk

The End Facebook Sdk Login For PHP

การติดตั้ง facebook adk v5 แบบ Manually installing

ในการติดตั้ง facebok adk v5 สามารถ download ได้ที่ ดาวน์โหลด Facebook adk v5 เมื้อ เข้าไปที่ developers.facebook แล้ว ทำการคลิก Download the SDK for PHP v5.0

จากนั้นเราจะได้ไฟล์ facebook-php-adk-v4-5.0-dev.zip แล้วทำการแตกไฟล์ออกมา

เมื่อแตกไฟล์ออกมาจาหนัน coppy โฟเดอร์ที่ชื่อ scr ไปวางไว้ที่ root directory โดยตัวอย่างผมได้สร้าง root directory ไว้ที่ C:\wamp\www\facebook-adk-Manually หรือ http://localhost/facebook-adk-Manually/

เมือ copy โฟเดอร์ scr ไปวาง root directory แล้วก็เป็นอันเสร็จสมบูรณ์

The End การติดตั้ง facebook adk v5 แบบ Manually installing

การติดตั้ง composer

รู้จักกับ composer

Composer คือระบบจัดการไลบราลี่ภายนอกของ PHP ถูกสร้างขึ้นมาโดยนำแนวคิดมาจากระบบจัดการไลบราลี่ของ node.js,ruby ที่ต้องสร้างขึ้นเพราะ ของเดิมของ php คือ pear ไม่มีการพัฒนามากว่า 5 ปีเเล้ว และแนวคิดของ composer ต่างจาก pear ตรงที่ตัวไลบราลี่จะไม่ถูกติดตั้งในระดับที่สามารถถูกเรียกใช้จากที่ไหนก็ ได้ แต่จะใช้โฟลเดอร์ vendor เป็นตัวหลักในการเก็บไลบราลี่ต่างๆ ตอนนี้ php framework หลายๆ ตัวเริ่มหันมาใช้ composer แล้วอย่างเช่น laravel 4 ,cakephp 3,kohan,CI,Zend เป็นต้น

packagist.org

เป็นเว็บไซต์ที่รวบรวมไลบราลี่ของ php เมื่อเราต้องการไลบราลี่เกี่ยวกับอะไร ก็เข้าไปค้นหาจากที่นี้ได้ครับ โปรเจคส่วนใหญ่จะมาจาก github กับ bitbucketใครที่มีไลบราลี่อยุ่บน github สามารถนำเอาไปลงทะเบียนกับ packagist ได้เลย

ประโยชน์หลัก

ลดเวลาการค้นหาไลบราลี่ที่เราต้องการ เพราะไลบราลี่ของ php ที่ใช้มาตรฐาน psr แทบจะทุกตัวใช้ packagist.org ในการขึ้นทะเบียนว่าสามารถใช้ร่วมกับ composer ได้

ถ้าไลบราลี่ตัวนั้นมีการอัพเดท เราสามารถติดตามได้โดยไม่ต้องเสียเวลาเข้าไปตรวจที่หน้าเว็บ
ลดการสร้างไลบราลี่ซ้ำซ้อน เมื่อเราต้องการสร้างไลบราลี่ขึ้นมาใช้เอง ก็เข้าไปค้นดูก่อน ถ้าไม่มีค่อยสร้าง
ต่อไปถ้าไลบราลี่ของเราจะสามารถใช้งานได้กับทุกๆ framework ที่ใช้ composer

การติดตั้ง composer

1. เข่าไปดาวโหลดที่ http://getcomposer.org เมื่อเข้ามาแล้วจะเห็นตามรูปด่านล่าง จากนั้น คลิก ที่ ปุ่ม Download

2. เมื่อไปยังหน้า Download แล้ว เลื่อนหน้าเพจลงมา หาคำว่า Windows Installer จากนั้น คลิก Dowload ตรง Composer-Setup.exe

3. เมื่อได้ ไฟล์ Setup >> Composer-Setup.exe แล้ว ดับเบิลคลิก ที่ Composer-Setup.exe เพื่อที่จะติดตั้ง Composer

คลิก Run

คลิก Next >

คลิก Do net install Shell Menus จากนั้น คลิก Next >

คลิกที่ Browse เลือก ไปยัง directory ที่ลงโปรแกรม wamp server ค้นหา ไฟล์ php.exe คือ C:\wamp\bin\php\php5.5.12\php.exe ถ้าลงไว้ที่ ไดร์อื่น ก็เปลี่ยนไปไดร์ที่ ลง wamp server เช่น D:\wamp\bin\php\php5.5.12\php.exe จากนั้นคลิก คลิก Next >

ก็จะแสดงผลจากที่เราตั้งค่าไว้ก่อนหน้านี้ ต่อไปคลิก Install

เมื่อโประแกรม composer ทำการติดตั้งเสร็จก็จะแสดงดังรูปข้างบน จากนั้นคลิก Nextt

คลิก Finish เป็นการติดตั้ง เสร็จสมบูรณ์

การทดสอบการติดตั้ง Composer

1. โลโก้ Windows + R พร้อมกัน จากนั้น พิมพ์ cmd แล้วกด Enter ที่คีย์บอร์ด

2. พิมพ์ คำว่า composer แล้วกด Enter ที่คีย์บอร์ด

จะแสดง Options ต่างๆ ข้อง โปรแกรม Composer แสดงว่าการติดตั้งเสร็จสมบูรณ์

The End Install Composer

wamp server คืออะไร ทำหน้าที่อะไร การติดตั้ง

สิ่งหนึ่งซึ่งควรจะมี เมื่อต้องการศึกษา หรือต้องการสร้าง website นั่นคือ wamp server ในการสร้าง website เราจำเป็นต้องจำลองเครื่องของเราเป็นโฮสเนื่องจากเรายังไม่มีโฮสหรือโดเมนเป็นของตังเอง สำหรับ wamp server นั้นเป็นโปรแกรมประเภทเดียวกับ Appserv ที่ทำหน้าที่เป็นโฮส สนใจความหมายของ wamp server สามารถอ่านรายละเอียดได้ในบทความนี้ครับ

wamp server คืออะไร

wamp server คือการรวมเอาโปรแกรมที่มีความจำเป็นสำหรับการสร้างเว็บไซต์เข้าไว้ด้วยกัน ประกอบด้วย Apache PHP Mysql PhpMyadmin ซึ่งโดยปกติแล้วโปรแกรมเหล่านี้จะต้องติดตั้งทีละตัว ทำให้เสียเวลา และปรับแต่งค่า Configuration ค่อนข้างยาก ที่สำคัญคือต้องมีความรู้และประสบการณ์ มิเช่นนั้นแล้วอาจทำให้เกิดข้อผิดพลาดได้จนทำให้เสียเวลาได้ เมื่อติดตั้ง wamp server ซึ่งเป็นไฟล์ .exe ในเครื่องคอมพิวเตอร์ส่วนบุคคลของเรา สิ่งที่จะได้ประกอบด้วย โปรแกรมที่ทำหน้าที่เป็น Webserver (Apache) โปรแกรมจัดการฐานข้อมูล (MySql) และโปรแกรม PHP ซึ่งเป็นภาษาที่ใช้ในการเขียนเว็บไซต์อีกชนิดหนึ่ง สิ่งสำคัญคือต้องเลือกรุ่น หรือเวอร์ชั่นให้ตรงกับระบบปฏิบัติการนั้น ๆ ด้วยครับ

การติดตั้ง wamp server

1. ดาวโหลด wamp server ที่ http://www.wampserver.com/en/

2. เลื่อนลงมาจะเห็น Downloads WampServer is available for free (under GPML license) in two distinct versions : 32 and 64 bits. Wampserver 2.5 is not compatible with Windows XP, neither with SP3, nor Windows Server 2003. Older WampServer versions are available on

3.คลิก Wamp Server 32 bit and PHP 5.5 จะมีให่เรา ดาวโหลด สองไฟล์ ดังรูป

4.เมื่อดาวโหลดเสร็จแล้วจะได้ ไฟล์ ติดต้้ง exe สองไฟล์ ติดตั้ง ทั้ง สองไฟล์ โดยเริ่มจาก vcredist_x86.exe

5. ติดตั้ง wamp server ดับเบิ้ลคลิ๊ก wampserver2.5 จะขึ้นหน้าจอตามรูป

คลิก Next

เลือก I accept the agreement คลิกNext

คลิ๊ก Next ถ้าเราไม่ต้องการระบุ path อื่นที่จะติดตั้ง WAMP

ในหน้าจอนี้จะติ๊กเลือกหรือไม่เลือกก็ได้ ถ้าเลือกจะเป็นการสร้าง ICON ไว้ที่หน้าจอ Desktop และ Quick Launch

ในหน้านี้จะรายการผลค่าที่เราได้เซ็นไปทั้งหมด คลิ๊ก Install เพื่อติดตั้ง

ตัวโปรแกรมจะเริ่มติดตั้งให้รอจนกว่าโปรแกรมจะติดตั้งเสร็จ

ในระหว่างที่ติดตั้งโปรแกรมจะมีการถามว่า ต้องการเลือก Browser ไหนเป็น Default Browser ให้เราคลิ๊ก No เพราะเราจะยังให้ IE เป็น Default Browser เหมือนเดิม

คลิ๊ก Open

คลิ๊ก Next

ในหน้านี้จะบอกถึงว่าเราได้ติดตั้ง WAMP Server เรียบร้อยแล้ว คลิ๊ก Finish เพื่อ Start WAMP Server

เริ่มทดสอบว่า WAMP Server ที่เราได้ติดตั้งลงไปใช้งานได้หรือเปล่าด้วยการเป็น Browser ขึ้นมาแล้วใส่ http://localhost ลงใน Address bar ถ้าสำเร็จผลลัพธ์ควจจะได้ประมาณนี้

หรือเราสามารถดูได้จาก ICON ใน Tray Window ก็ได้ถ้า WAMP Server ทำงานได้ถูกต้องทุกอย่าง ICON [W] ต้องเป็นสีเขียว, ถ้าเป็นสีส้มแสดงว่าบาง Service อาจทำงานไม่ถูกต้อง เช่น MySQL ไม่สามารถ Start service ได้ เป็นต้น