Page 102 - การโปรแกรมเว็บ
P. 102
12-90 การโปรแกรมเวบ็
index.jsp
1 <html>
2 <head>
3 <title>Login with Facebook Account</title>
4 </head>
5 <body>
6 <!--โคด้ เพอ่ื import sdk จากเฟซบกุ๊ โดยมพี ารามเิ ตอร์ เวอรช์ นั , app id และ autoLogAppEvents
-->
7 <div id="fb-root"></div>
8 <script async defer crossorigin="anonymous"
9 src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v3.2&
10 appId=1916690305097290&autoLogAppEvents=1"></script>
11 <!-- ******** -->
12 <h2>This is Login with Facebook Account Page</h2>
13 <!-- โค้ดปุ่มจากเฟซบกุ๊ -->
14 <div class="fb-login-button" data-size="large" data-button-type="login_with"
15 data-auto-logout-link="true" data-use-continue-as="true" ></div>
16 <!-- ******** -->
17 </body>
18 </html>
ค�ำอธิบาย
บรรทดั ที่ 8-10 ค�ำสง่ั import sdk ของเฟซบ๊กุ โดยมพี ารามิเตอร์ เวอร์ชนั , app id
ท่ีได้จากการสร้างแอปพลเิ คชนั ในเฟซบกุ๊ ดเี วลอปเปอร์ และ autoLogAppEvents เปน็ 1
บรรทดั ท่ี 14 ค�ำส่ังใช้ปุ่มลอ็ กอนิ ของเฟซบกุ๊ ระบขุ นาดใหญ่ ประเภทปุ่มทต่ี ้องการใช้
งานคอื login_with
บรรทดั ท่ี 15 กำ� หนดให้แสดงปมุ่ ลอ็ กเอาทเ์ มอื่ ล็อกอนิ สำ� เร็จ และแสดงปมุ่ continue
as หากทเ่ี บราวเ์ ซอรม์ กี ารลอ็ กอินกบั เฟซบกุ๊ คา้ งไว้อยู่
11) จากน้ันให้ท�ำการรันหน้าแสดงผล http://localhost:8080/FBloginApp/index.jsp
จะได้ผลลัพธ์ ดงั ภาพท่ี 12.78
