Configure social media sign in

The Photo Survey application allows users to sign in with social media credentials (Twitter, Facebook, and Google+) and track the status of problems or observations they have reported.

To fully enable social media authentication, you must establish a connection between your application and your organization's Facebook and Google+ accounts. In addition, you must configure a valid surveyor in the Photo Survey application to store the user name associated with the users social media account.

Configure Facebook credentials

Complete the following steps to set up a connection between your Photo Survey application and your organization's (or personal) Facebook account:

  1. If you do not have a Facebook account for your organization, create a new one.
  2. Sign in to Facebook, then open the Facebook Developers page.
  3. Click My Apps. If this is your first time registering a Facebook app, you will need to register as a developer by accepting the terms and conditions before continuing, otherwise click Add a New App.
  4. Use your application title for the Display Name. This name will be used to reference your application in the Facebook sign in experience for your app.
  5. Choose the category that best represents your application, then click Create App ID and complete the Captcha security test.
  6. Copy the App ID value into the facebookClientId parameter in the survey configuration file .json file and save the configuration change.
  7. Click Settings in the menu on the left side of the dashboard.
  8. Provide the email address you would like users to use to contact you if they run into issues signing in to the application. This is required before your users can sign in to your app using their Facebook credentials.
  9. Click App Review in the menu on the left side of the dashboard and enable public access under the Make Public heading. This will allow the public to use their Facebook accounts to sign in to your app. You can still control who can access your application using the ArcGIS sharing permissions.
  10. Return to the Settings screen by clicking Settings in the menu on the left side of the dashboard.
  11. Click Add Platform and choose the type Website.
  12. In the new website section of the Basic Settings screen, provide the URL of the application for the Site URL parameter. Then click Save Changes
  13. Return to configuring your application, which should now be set up to allow users to sign in using their Facebook credentials.

Configure Google+ credentials

Complete the following steps to set up a connection between your Photo Survey application and your organization's (or personal) Google+ account:

  1. If you do not have a Google+ account for your organization, create a new one.
  2. Use your Google+ credentials to sign in to the Google Developer Console and click Create Project from the drop-down menu to the right of the Google APIs title.
  3. Type the name of your project in the Project Name space and click Create.
  4. If the project does not open when it is done building, use the drop-down menu to the right of the Google APIs title to select the new project.
  5. Click Credentials in the menu on the left side of the console, then choose Create Credentials using OAuth client ID.
  6. Click the Configure consent screen button and set up the window that will appear when users provide their Google+ credentials. The provided email address will be used to contact you when users have issues signing into your app with their credentials.
  7. Click Save and choose the application type Web application.
  8. In the Authorized JavaScript Origins parameter, type the domain of your application. This will be the URL of your server where you are hosting the application.
  9. In the Authorized Redirect URIs parameter, type the URL of your application.
  10. Click Create to generate a Client ID. If you need to modify the redirect URIs or the JavaScript Origins associated with this project, you can do so by clicking Edit Settings, making the changes, then clicking Update.
  11. Copy the client ID value into the googleplusClientID parameter in the survey configuration file .json file and save the configuration change. Then click OK in the OAuth client
  12. Click library in the menu on the left side of the console. Then choose Google+ API under the Social APIs section.
  13. Click Enable
  14. Return to configuring your application, which should now be set up to allow users to sign in using their Google+ credentials.
Top