<!-- | |
Licensed to the Apache Software Foundation (ASF) under one or more | |
contributor license agreements. See the NOTICE file distributed with | |
this work for additional information regarding copyright ownership. | |
The ASF licenses this file to You under the Apache License, Version 2.0 | |
(the "License"); you may not use this file except in compliance with | |
the License. You may obtain a copy of the License at | |
http://www.apache.org/licenses/LICENSE-2.0 | |
Unless required by applicable law or agreed to in writing, software | |
distributed under the License is distributed on an "AS IS" BASIS, | |
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | |
See the License for the specific language governing permissions and | |
limitations under the License. | |
--> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Facebook Login Example App for Apigee App Services (Usergrid)</title> | |
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
<link rel="stylesheet" href="../resources/css/bootstrap-combined.min.css" /> | |
<link rel="stylesheet" href="../resources/css/styles.css" /> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script> | |
<script src="../../usergrid.js" type="text/javascript"></script> | |
<script src="app.js" type="text/javascript"></script> | |
<script src="//connect.facebook.net/en_US/all.js" type="text/javascript"></script> | |
</head> | |
<body> | |
<div class="header"> | |
<img src="../resources/images/apigee.png"> App Services (Usergrid) Javascript SDK | |
</div> | |
<div class="breadcrumb"> | |
<a href="../../index.html"><< examples</a> | |
</div> | |
<div class="info"> | |
This sample application will show you how to log into App Services (Usergrid) using Facebook and the Usergrid Javascript SDK. | |
Enter the <a href="https://developers.facebook.com/apps/">API Key that you get from Facebook</a>, then log in. | |
<br/><br/> | |
The Log in button sends the user to the facebook login page. Once the user logs in, they are redirected back to | |
this page and automatically logged into Usergrid. If the user is already logged into facebook, then they don't need to log in again. | |
<br/><br/> | |
Clicking the log out button calls the logout method of the Facebook JS SDK, and also logs the user out of Usergrid by calling the Usergrid logoutAppUser method. | |
<br/><br/> | |
For a step by step walk-thru on how to get this app running, see this <a href="guide.html">guide</a>. | |
<br/><br/> | |
For more information on App Services, see our <a href="http://apigee.com/docs/app_services">docs</a> site, specifically or our <a href="http://apigee.com/docs/usergrid/content/facebook-sign-in">Facebook docs page</a>. | |
<br/><br/> | |
For more information on how using the Facebook JS SDK to log users in, see this guide: <a href="http://developers.facebook.com/docs/howtos/login/getting-started/">http://developers.facebook.com/docs/howtos/login/getting-started/</a> | |
</div> | |
<div id="main" class="main"> | |
<div class="section-header">Log in with Facebook</div> | |
<div class="well"> | |
<div id="name-control" class="control-group"> | |
<div class="controls"> | |
<label class="control-label" for="get-path">Facebook API key (<a href="https://developers.facebook.com" target="_blank">Learn more</a>)</label> | |
<input type="text" name="api-key" id="api-key" class="span4" style="float: left;" value="308790195893570"/> | |
<span class="span4 left" style="width: 10px; float: left;"> </span> | |
<button class="btn btn-primary" id="login-button" style="width: 90px;">Log In</button> | |
<button class="btn btn-primary" id="logout-button" style="width: 90px;">Log out</button> | |
<span style="clear: both;"> </span> | |
</div> | |
</div> | |
</div> | |
<div class="section-header"><b>API Response</b></div> | |
<div class="well" id="facebook-status"> | |
// Press 'Log in' to log in with Facebook. | |
</div> | |
</div> | |
<div id="fb-root" class=" fb_reset"> </div> | |
</body> | |
</html> |