SlideShare ist ein Scribd-Unternehmen logo
1 von 10
1 
Facebookログイン 
Copyright (c) 株式会社HEART QUAKE All rights reserved .
2 
Facebookログインの流流れ 
1APIでログイン⽤用URLを2 
取得する 
4ログイン後、3結果を返却する 
Copyright (c) 株式会社HEART QUAKE All rights reserved . 
Facebook側で 
認証を⾏行行う 
API 
指定されたページへ 
⾃自動リンクされる 
PHP
3 
Facebook API(4/8) 
l Facebook APIを使う 
- examples  example.php 
- がサンプルプログラムとなります。 
- sublime textで中⾝身を⾒見見てみましょう。 
復復習 
Copyright (c) 株式会社HEART QUAKE All rights reserved .
4 
Facebook API(5/8) 
l Facebook APIを使う 
- example.phpのappId,secretを以下のように編集 
して保存下さい。 
・・・なんか書いてある。ここはいじらない。・・・ 
require '../src/facebook.php'; 
//ここ数値は、このアプリのIDが334993866548043で、 
//このアプリのパスワードが9a185006487e4f063059f26f2aa32859 
//ということを意味しています。(アプリによって異なります) 
$facebook = new Facebook(array( 
'appId' = '334993866548043', 
'secret' = '9a185006487e4f063059f26f2aa32859', 
)); 
・・・なんか色々書いてある。ここはいじらない。・・・ 
Copyright (c) 株式会社HEART QUAKE All rights reserved . 
次のページで解説 
復復習
// Login or logout url will be needed depending on current user state. 
if ($user) { 
5 
Facebook ログイン(1/3) 
l ログイン⽤用URLの取得 
- facebookアプリにログインするためのURLを取得する 
- example.phpの45⾏行行⽬目〜~ 
・・・なんか書いてある。ここはいじらない。・・・ 
$logoutUrl = $facebook-getLogoutUrl(); 
} else { 
$loginUrl = $facebook-getLoginUrl(); 
} 
・・・なんか色々書いてある。ここはいじらない。・・・ 
Copyright (c) 株式会社HEART QUAKE All rights reserved . 
既にログイン済み 
なら 
ログアウト⽤用URL 
をAPIで取得する 
ログインがまだ 
ならログイン⽤用URL 
を取得する
6 
Facebook ログイン(2/3) 
l ログイン⽤用URLの表⽰示 
- facebookアプリにログインするためのURLを表⽰示する 
- example.phpの76⾏行行⽬目〜~ 
・・・なんか書いてある。ここはいじらない。・・・ 
?php if ($user): ? 
a href=?php echo $logoutUrl; ?Logout/a 
?php else: ? 
div 
Login using OAuth 2.0 handled by the PHP SDK: 
a href=?php echo $loginUrl; ?Login with Facebook/a 
/div 
?php endif ? 
・・・なんか色々書いてある。ここはいじらない。・・・ 
Copyright (c) 株式会社HEART QUAKE All rights reserved . 
既にログイン済み 
なら 
ログアウト⽤用URL 
をリンクで表⽰示 
ログインがまだ 
ならログイン⽤用URL 
をリンクで表⽰示する
7 
Facebook API(6/8) 
l Facebook APIを使う 
- examplesとsrcフォルダをフォルダごとアップロードします。 
復復習 
Copyright (c) 株式会社HEART QUAKE All rights reserved .
8 
Facebook API(7/8) 
l Facebook APIを使う 
- examplesフォルダの中のexample.phpを実⾏行行 
してみましょう。 
examples/ 
をクリック 
Copyright (c) 株式会社HEART QUAKE All rights reserved . 
 
example.php 
をクリックして、 
login facebook 
のリンクをクリック 
 
あなたのプロフィール 
が表⽰示される 
復復習
// Login or logout url will be needed depending on current user state. 
if ($user) { 
header(Location: http://a1.zeroprm.com/b31_cXX/ 
1.html); 
9 
Facebook ログイン(3/3) 
l ログイン後、別ページに⾃自動リンクする 
・・・なんか書いてある。ここはいじらない。・・・ 
$logoutUrl = $facebook-getLogoutUrl(); 
} else { 
$loginUrl = $facebook-getLoginUrl(); 
} 
・・・なんか色々書いてある。ここはいじらない。・・・ 
Copyright (c) 株式会社HEART QUAKE All rights reserved . 
ログイン後、⾃自動リンク 
させたいURLを記述する。 
XXの部分はマイフォルダ 
から確認すること。
10 
お疲れ様でした!! 
Copyright (c) 株式会社HEART QUAKE All rights reserved .

Weitere ähnliche Inhalte

Andere mochten auch

20110329チャリティイベント
20110329チャリティイベント20110329チャリティイベント
20110329チャリティイベント
Jun Chiba
 
Javascript1-1
Javascript1-1Javascript1-1
Javascript1-1
Jun Chiba
 
Api geocoding
Api geocodingApi geocoding
Api geocoding
Jun Chiba
 
System insert hint
System insert hintSystem insert hint
System insert hint
Jun Chiba
 
Library login2
Library login2Library login2
Library login2
Jun Chiba
 
Geolocation4 system
Geolocation4 systemGeolocation4 system
Geolocation4 system
Jun Chiba
 
System4 detail for_h
System4 detail for_hSystem4 detail for_h
System4 detail for_h
Jun Chiba
 
キャリア
キャリアキャリア
キャリア
Jun Chiba
 
Reservation3
Reservation3Reservation3
Reservation3
Jun Chiba
 
Geolocation gurunavi
Geolocation gurunaviGeolocation gurunavi
Geolocation gurunavi
Jun Chiba
 
Session facebook
Session facebookSession facebook
Session facebook
Jun Chiba
 
System2 ajax
System2 ajaxSystem2 ajax
System2 ajax
Jun Chiba
 

Andere mochten auch (20)

System all
System allSystem all
System all
 
20110329チャリティイベント
20110329チャリティイベント20110329チャリティイベント
20110329チャリティイベント
 
Javascript1-1
Javascript1-1Javascript1-1
Javascript1-1
 
Api geocoding
Api geocodingApi geocoding
Api geocoding
 
System insert hint
System insert hintSystem insert hint
System insert hint
 
Api all
Api allApi all
Api all
 
Library login2
Library login2Library login2
Library login2
 
Geolocation4 system
Geolocation4 systemGeolocation4 system
Geolocation4 system
 
System4 detail for_h
System4 detail for_hSystem4 detail for_h
System4 detail for_h
 
If advance
If advanceIf advance
If advance
 
キャリア
キャリアキャリア
キャリア
 
Css
CssCss
Css
 
Reservation3
Reservation3Reservation3
Reservation3
 
Geolocation gurunavi
Geolocation gurunaviGeolocation gurunavi
Geolocation gurunavi
 
Ajax2
Ajax2Ajax2
Ajax2
 
Login
LoginLogin
Login
 
Session facebook
Session facebookSession facebook
Session facebook
 
My sql h
My sql hMy sql h
My sql h
 
System2 ajax
System2 ajaxSystem2 ajax
System2 ajax
 
Ajax
AjaxAjax
Ajax
 

Ähnlich wie Login facebook

マッシュアップ勉強会
マッシュアップ勉強会マッシュアップ勉強会
マッシュアップ勉強会
guestadcb01
 
マッシュアップ勉強会
マッシュアップ勉強会マッシュアップ勉強会
マッシュアップ勉強会
seiryo
 
第四回Web apiを使ってwebアプリケーションを作る勉強会テキスト2
第四回Web apiを使ってwebアプリケーションを作る勉強会テキスト2第四回Web apiを使ってwebアプリケーションを作る勉強会テキスト2
第四回Web apiを使ってwebアプリケーションを作る勉強会テキスト2
脇村 隆
 
Array twitter
Array twitterArray twitter
Array twitter
Jun Chiba
 
Opauthライブラリによるtwitter,facebook認証について
Opauthライブラリによるtwitter,facebook認証についてOpauthライブラリによるtwitter,facebook認証について
Opauthライブラリによるtwitter,facebook認証について
松本 雄貴
 
Struts2を始めよう!
Struts2を始めよう!Struts2を始めよう!
Struts2を始めよう!
Shinpei Ohtani
 
Library login3
Library login3Library login3
Library login3
Jun Chiba
 

Ähnlich wie Login facebook (20)

Api
ApiApi
Api
 
Phpcon tokyo 20120_bigginer
Phpcon tokyo 20120_bigginerPhpcon tokyo 20120_bigginer
Phpcon tokyo 20120_bigginer
 
Php+Word Press
Php+Word PressPhp+Word Press
Php+Word Press
 
マッシュアップ勉強会
マッシュアップ勉強会マッシュアップ勉強会
マッシュアップ勉強会
 
マッシュアップ勉強会
マッシュアップ勉強会マッシュアップ勉強会
マッシュアップ勉強会
 
第21回Creators MeetUp
第21回Creators MeetUp第21回Creators MeetUp
第21回Creators MeetUp
 
2009 PHP初心者
2009 PHP初心者2009 PHP初心者
2009 PHP初心者
 
FukuokaPHP 3
FukuokaPHP 3FukuokaPHP 3
FukuokaPHP 3
 
第四回Web apiを使ってwebアプリケーションを作る勉強会テキスト2
第四回Web apiを使ってwebアプリケーションを作る勉強会テキスト2第四回Web apiを使ってwebアプリケーションを作る勉強会テキスト2
第四回Web apiを使ってwebアプリケーションを作る勉強会テキスト2
 
Array twitter
Array twitterArray twitter
Array twitter
 
一六社ブログ-プラグイン作成入門
一六社ブログ-プラグイン作成入門一六社ブログ-プラグイン作成入門
一六社ブログ-プラグイン作成入門
 
Windows で拡張モジュールをビルドしてみた
Windows で拡張モジュールをビルドしてみたWindows で拡張モジュールをビルドしてみた
Windows で拡張モジュールをビルドしてみた
 
FuelPHPにアプリと管理ツールを同居してみる
FuelPHPにアプリと管理ツールを同居してみるFuelPHPにアプリと管理ツールを同居してみる
FuelPHPにアプリと管理ツールを同居してみる
 
Opauthライブラリによるtwitter,facebook認証について
Opauthライブラリによるtwitter,facebook認証についてOpauthライブラリによるtwitter,facebook認証について
Opauthライブラリによるtwitter,facebook認証について
 
いまどきのPHP開発現場 -2015年秋-
いまどきのPHP開発現場 -2015年秋-いまどきのPHP開発現場 -2015年秋-
いまどきのPHP開発現場 -2015年秋-
 
最近、僕がハマったFuelPHPの紹介
最近、僕がハマったFuelPHPの紹介最近、僕がハマったFuelPHPの紹介
最近、僕がハマったFuelPHPの紹介
 
Struts2を始めよう!
Struts2を始めよう!Struts2を始めよう!
Struts2を始めよう!
 
Library login3
Library login3Library login3
Library login3
 
PHPCON_TOKYO_2022_Bigginer.pptx
PHPCON_TOKYO_2022_Bigginer.pptxPHPCON_TOKYO_2022_Bigginer.pptx
PHPCON_TOKYO_2022_Bigginer.pptx
 
フレームワークを使うべき 3 つの理由
フレームワークを使うべき 3 つの理由フレームワークを使うべき 3 つの理由
フレームワークを使うべき 3 つの理由
 

Mehr von Jun Chiba

Mehr von Jun Chiba (20)

セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』
セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』
セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』
 
答えのないコンセンサスゲーム「無人島での出来事」運営用パワーポイントスライド説明資料
答えのないコンセンサスゲーム「無人島での出来事」運営用パワーポイントスライド説明資料答えのないコンセンサスゲーム「無人島での出来事」運営用パワーポイントスライド説明資料
答えのないコンセンサスゲーム「無人島での出来事」運営用パワーポイントスライド説明資料
 
合意形成(コンセンサス)ゲーム「月での遭難 in 2025」(NASAゲーム2025)
合意形成(コンセンサス)ゲーム「月での遭難 in 2025」(NASAゲーム2025)合意形成(コンセンサス)ゲーム「月での遭難 in 2025」(NASAゲーム2025)
合意形成(コンセンサス)ゲーム「月での遭難 in 2025」(NASAゲーム2025)
 
システム思考、全体最適、SCMを体験から学ぶボードゲーム「ビールゲーム」概要説明資料
システム思考、全体最適、SCMを体験から学ぶボードゲーム「ビールゲーム」概要説明資料システム思考、全体最適、SCMを体験から学ぶボードゲーム「ビールゲーム」概要説明資料
システム思考、全体最適、SCMを体験から学ぶボードゲーム「ビールゲーム」概要説明資料
 
財務・会計を楽しく学ぶビジネスゲーム型財務・会計研修「財務の虎Lv.1」の概要説明資料
財務・会計を楽しく学ぶビジネスゲーム型財務・会計研修「財務の虎Lv.1」の概要説明資料財務・会計を楽しく学ぶビジネスゲーム型財務・会計研修「財務の虎Lv.1」の概要説明資料
財務・会計を楽しく学ぶビジネスゲーム型財務・会計研修「財務の虎Lv.1」の概要説明資料
 
プロジェクトマネジメントを疑似体験するボードゲーム型企業研修「プロジェクトテーマパーク」
プロジェクトマネジメントを疑似体験するボードゲーム型企業研修「プロジェクトテーマパーク」プロジェクトマネジメントを疑似体験するボードゲーム型企業研修「プロジェクトテーマパーク」
プロジェクトマネジメントを疑似体験するボードゲーム型企業研修「プロジェクトテーマパーク」
 
バルーンバ人文化を探れ!パワーポイント・動画マニュアル販売用のスライドシェア資料
バルーンバ人文化を探れ!パワーポイント・動画マニュアル販売用のスライドシェア資料バルーンバ人文化を探れ!パワーポイント・動画マニュアル販売用のスライドシェア資料
バルーンバ人文化を探れ!パワーポイント・動画マニュアル販売用のスライドシェア資料
 
内定者/新入社員向け ビジネスライティング研修用パワーポイントスライド販売用サンプル
内定者/新入社員向け ビジネスライティング研修用パワーポイントスライド販売用サンプル内定者/新入社員向け ビジネスライティング研修用パワーポイントスライド販売用サンプル
内定者/新入社員向け ビジネスライティング研修用パワーポイントスライド販売用サンプル
 
図形伝達ゲーム「グラコミ」
図形伝達ゲーム「グラコミ」図形伝達ゲーム「グラコミ」
図形伝達ゲーム「グラコミ」
 
傾聴力を高めるビジネスゲーム「傾聴チャレンジ」
傾聴力を高めるビジネスゲーム「傾聴チャレンジ」傾聴力を高めるビジネスゲーム「傾聴チャレンジ」
傾聴力を高めるビジネスゲーム「傾聴チャレンジ」
 
無料アイスブレイクスライドサンプル
無料アイスブレイクスライドサンプル無料アイスブレイクスライドサンプル
無料アイスブレイクスライドサンプル
 
ストレスマネジメント体験ゲーム「ストマネ」
ストレスマネジメント体験ゲーム「ストマネ」ストレスマネジメント体験ゲーム「ストマネ」
ストレスマネジメント体験ゲーム「ストマネ」
 
ベストチームオンライン説明スライド
ベストチームオンライン説明スライドベストチームオンライン説明スライド
ベストチームオンライン説明スライド
 
死の疑似体験ワーク 対面版
死の疑似体験ワーク 対面版死の疑似体験ワーク 対面版
死の疑似体験ワーク 対面版
 
地図作成ゲーム「ジグソータウン」説明資料
地図作成ゲーム「ジグソータウン」説明資料地図作成ゲーム「ジグソータウン」説明資料
地図作成ゲーム「ジグソータウン」説明資料
 
プロジェクトテーマパーク説明資料
プロジェクトテーマパーク説明資料プロジェクトテーマパーク説明資料
プロジェクトテーマパーク説明資料
 
死の疑似体験ワーク(対面版)説明資料
死の疑似体験ワーク(対面版)説明資料死の疑似体験ワーク(対面版)説明資料
死の疑似体験ワーク(対面版)説明資料
 
ヘリウムリング&フープリレー
ヘリウムリング&フープリレーヘリウムリング&フープリレー
ヘリウムリング&フープリレー
 
世界記録を目指すマシュマロチャレンジ
世界記録を目指すマシュマロチャレンジ世界記録を目指すマシュマロチャレンジ
世界記録を目指すマシュマロチャレンジ
 
相互理解ワークショップ、内定者懇親会で使えるワークスタイルトランプ
相互理解ワークショップ、内定者懇親会で使えるワークスタイルトランプ相互理解ワークショップ、内定者懇親会で使えるワークスタイルトランプ
相互理解ワークショップ、内定者懇親会で使えるワークスタイルトランプ
 

Login facebook

  • 1. 1 Facebookログイン Copyright (c) 株式会社HEART QUAKE All rights reserved .
  • 2. 2 Facebookログインの流流れ 1APIでログイン⽤用URLを2 取得する 4ログイン後、3結果を返却する Copyright (c) 株式会社HEART QUAKE All rights reserved . Facebook側で 認証を⾏行行う API 指定されたページへ ⾃自動リンクされる PHP
  • 3. 3 Facebook API(4/8) l Facebook APIを使う - examples example.php - がサンプルプログラムとなります。 - sublime textで中⾝身を⾒見見てみましょう。 復復習 Copyright (c) 株式会社HEART QUAKE All rights reserved .
  • 4. 4 Facebook API(5/8) l Facebook APIを使う - example.phpのappId,secretを以下のように編集 して保存下さい。 ・・・なんか書いてある。ここはいじらない。・・・ require '../src/facebook.php'; //ここ数値は、このアプリのIDが334993866548043で、 //このアプリのパスワードが9a185006487e4f063059f26f2aa32859 //ということを意味しています。(アプリによって異なります) $facebook = new Facebook(array( 'appId' = '334993866548043', 'secret' = '9a185006487e4f063059f26f2aa32859', )); ・・・なんか色々書いてある。ここはいじらない。・・・ Copyright (c) 株式会社HEART QUAKE All rights reserved . 次のページで解説 復復習
  • 5. // Login or logout url will be needed depending on current user state. if ($user) { 5 Facebook ログイン(1/3) l ログイン⽤用URLの取得 - facebookアプリにログインするためのURLを取得する - example.phpの45⾏行行⽬目〜~ ・・・なんか書いてある。ここはいじらない。・・・ $logoutUrl = $facebook-getLogoutUrl(); } else { $loginUrl = $facebook-getLoginUrl(); } ・・・なんか色々書いてある。ここはいじらない。・・・ Copyright (c) 株式会社HEART QUAKE All rights reserved . 既にログイン済み なら ログアウト⽤用URL をAPIで取得する ログインがまだ ならログイン⽤用URL を取得する
  • 6. 6 Facebook ログイン(2/3) l ログイン⽤用URLの表⽰示 - facebookアプリにログインするためのURLを表⽰示する - example.phpの76⾏行行⽬目〜~ ・・・なんか書いてある。ここはいじらない。・・・ ?php if ($user): ? a href=?php echo $logoutUrl; ?Logout/a ?php else: ? div Login using OAuth 2.0 handled by the PHP SDK: a href=?php echo $loginUrl; ?Login with Facebook/a /div ?php endif ? ・・・なんか色々書いてある。ここはいじらない。・・・ Copyright (c) 株式会社HEART QUAKE All rights reserved . 既にログイン済み なら ログアウト⽤用URL をリンクで表⽰示 ログインがまだ ならログイン⽤用URL をリンクで表⽰示する
  • 7. 7 Facebook API(6/8) l Facebook APIを使う - examplesとsrcフォルダをフォルダごとアップロードします。 復復習 Copyright (c) 株式会社HEART QUAKE All rights reserved .
  • 8. 8 Facebook API(7/8) l Facebook APIを使う - examplesフォルダの中のexample.phpを実⾏行行 してみましょう。 examples/ をクリック Copyright (c) 株式会社HEART QUAKE All rights reserved . example.php をクリックして、 login facebook のリンクをクリック あなたのプロフィール が表⽰示される 復復習
  • 9. // Login or logout url will be needed depending on current user state. if ($user) { header(Location: http://a1.zeroprm.com/b31_cXX/ 1.html); 9 Facebook ログイン(3/3) l ログイン後、別ページに⾃自動リンクする ・・・なんか書いてある。ここはいじらない。・・・ $logoutUrl = $facebook-getLogoutUrl(); } else { $loginUrl = $facebook-getLoginUrl(); } ・・・なんか色々書いてある。ここはいじらない。・・・ Copyright (c) 株式会社HEART QUAKE All rights reserved . ログイン後、⾃自動リンク させたいURLを記述する。 XXの部分はマイフォルダ から確認すること。
  • 10. 10 お疲れ様でした!! Copyright (c) 株式会社HEART QUAKE All rights reserved .