How to set up facebook on Photogram2

Willian Ribeiro Angelo
Photogram
Published in
3 min readDec 23, 2016

First open the facebook developer portal by clicking here.

Then add a new app by clicking on the add new app from the dropdown on the top right corner as shown in the pic below.

sd

2. Add Platforms

After, you’ll need to add the native platforms you’ll be using to your app in the Facebook Developer portal under your app’s Settings:

Click 'Add Platform'.

At this point you’ll need to open your project’s config.xml file, found in the root directory of your project.

Take note of the id for the next step:

<widget id="com.mycompany.testapp" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0"> 

1. iOS

Under ‘Bundle ID’, add the id from your config.xml file:

2. Android

Development

Under ‘Google Play Package Name’, add the id from your config.xml file:

Hash Key

# OS X

keytool -exportcert -alias androiddebugkey -keystore ~/.android/debug.keystore | openssl sha1 -binary | openssl base64

# Windows

keytool -exportcert -alias androiddebugkey -keystore %HOMEPATH%\.android\debug.keystore | openssl sha1 -binary | openssl base64

Publish

OS X

#1. Create a RSA keystore

keytool -genkey -v -keystore ~/.android/debug.keystore -alias androiddebugkey -keyalg RSA -keysize 2048 -validity 10000

#2. Create a keyhash for facebook

keytool -exportcert -alias androiddebugkey -keystore ~/.android/debug.keystore | openssl sha1 -binary | openssl base64 

Inside Photogram2 folder

src/app/config.ts
config.xml

--

--