Overview

This guide shows you how to create a login application on Facebook that allows students to log in to DigitalChalk with their Facebook account.

Create a Facebook Application

  1. Go to developers.facebook.com and log in with your normal Facebook login on the Developers page.

  1. Click Apps, then click Add a New App from the drop-down menu.

  1. The Add a New App page is displayed. Click WWW (Website).

  1. The Quick Start for Website page is displayed.
  2. Enter a name for your new application. The application name should be something your students will recognize, such as your company name, since it is displayed on the page students see when they first log in to DigitalChalk using Facebook.
  3. Click the Create New Facebook App ID button.

  1. Select Apps for Pages for Category, then click the Create App ID button.

  1. The Quick Start for Website page is displayed. Ignore the “Setup the Facebook SDK for JavaScript” section. You don’t need to do this.
  2. Click the Skip Quick Start button.

  1. The Dashboard page for your new application is displayed. If the application Dashboard is not displayed, select it from the Apps drop-down menu.
  2. Click the Settings tab.

  1. The Basic Settings page is displayed. The App ID and App Secret fields are filled in for you. Enter any name you want for Namespace.
None of theses fields are displayed to students, but you will need them when you return to DigitalChalk to complete the setup of your Facebook application.

basic-1-2016

  1. Scroll down to Icons.
  2. Click on the App Icon symbol.
  3. Upload your company logo here. This logo is displayed when students log in to your application with Facebook.

appicon-2016

  1. Click the Save Changes button.
  2. Click on the Add Product link in the sidebar.

 

addproduct-2016

  1. Press the Get Started button next to the Facebook Login product.

selectproduct-2016

  1. In the Client OAuth Settings section, make sure that Client OAuth Login and Web OAuth Login are set to Yes, and all the other security settings are set to No.
  2. Enter the following in the Valid OAuth redirect URIs field: https://[myvirtualhost].digitalchalk.com/dc/signin/facebook
  3. Replace [myvirtualhost] with your DigitalChalk virtual host (for example, https://wayne.digitalchalk.com/dc/signin/facebook)
  4. Click the Save Changes button at the bottom of the page.

facebookloginsettings-2016

Configuring DigitalChalk to Use Your Facebook Application

In DigitalChalk, do the following:

  1. Click the Administration tab, then click My Organization from the System Management list.
  2. The Edit Organization Details page is displayed with a task list.
  3. Select Social Apps from the task list.

  1. The Social Applications page is displayed.
  2. Click on the Facebook logo.

  1. The Edit Social Application page for Facebook is displayed.

  1. Enter the App ID from the Facebook Basic settings for the Application ID, the App Secret from the Facebook Basic settings for Application Secret, and the Namespace from the Facebook settings for Application Namespace.
  2. Select Yes for “Would you like to activate this social app for login?”. (For descriptions of other settings shown here, see Configuring Social Sites for Your Organization.)
  3. Click the Save button when you finish entering information for your Facebook application.
You have completed creating a Facebook login for your DigitalChalk organization. Your students can now log in to DigitalChalk using their Facebook account. If you have any questions, please contact DigitalChalk support for assistance.

How Your DigitalChalk Facebook Login Looks To a Student

When students first log in to your DigitalChalk site with Facebook, they must approve the application through Facebook. The page shown here is a sample of what students see the first time they log into DigitalChalk from Facebook. The red boxes show how your settings are displayed on the Facebook approval page.