How to Setup Facebook Login

Starting with version 2.7, PHP Melody comes with social login integration for both the Twitter and Facebook social networks.

In this tutorial we’ve set out to cover the Facebook integration. The Twitter integration is covered in this tutorial.

We’ll take you through the steps required to create a new app in Facebook and integrate this into PHP Melody.

The ultimate goal being to allow your visitors to register and log in using only their Facebook account.

Step 1: Creating a new Facebook App

Log into your Facebook account and then go to https://developers.facebook.com/apps/

Click on the ‘Add New App‘ button, select ‘Website (www)‘ as the platform.
Enter your apps’ name and click ‘Create new Facebook App ID‘. Fill in the form and proceed to ‘Create App ID‘.
Fill in your ‘Site URL‘ and click ‘Next‘.
You’re now finished setting your Facebook App.

Step 2: Setting your new Facebook App

You should now see your new Facebook app listed under:
https://developers.facebook.com/apps/

Click on your new app
Under ‘Products’ click + Add Product
Select ‘Facebook Login‘ and click ‘Get Started‘
You will be presented with a form.
Under ‘Valid OAuth redirect URIs‘ you need to enter your URL as such:
https://www.your-site.com/login.php?do=facebook&step=confirm
Save the changes.

Since the app is not yet live, you need to make it available to the public so that Facebook users can log into your PHP Melody website using their Facebook account.

Facebook APP ID & Client Token for PHP Melody (2019)

Step 3: Add your Facebook APP ID and APP Secret into PHP Melody

You can now retrieve and use your App’s ID and Secret and add them into your PHP Melody installation. Here’s where to find your App ID and App Secret:

Facebook APP ID & Client Token for PHP Melody (2019)

Log into your PHP Melody website’s back-end and go to Settings > User tab.

Enter your keys in the Facebook Login form which is found under the User tab.

Only thing left to do is Enable the Facebook Login, hit ‘Save Changes‘ and you’re ready to accept Facebook users.

Note: Sometimes the ‘Check App Status‘ button from your PHP Melody admin area might return an error message. You can safely ignore this error message if the front-end Facebook Login works.

How to create a YouTube API key

As is tradition, the process consists of 3 easy steps:

Creating a new project in your Google Cloud Platform account.
Enabling the “YouTube Data API V3″ data source for your newly created project.
Generating the API key to access the YouTube API.

Step 1

Log into your Google Cloud Platform account. Create your new project or select an existing one.

Step 2

Once your new project is available, search “YouTube Data API V3” and enable the data source. You can also create the project here if you’re a rebel and skipped step 1.

The end goal is to enable the YouTube data source for your project, which you did. Half-way there.

Step 3

Generate and save your API keys as illustrated below. But first, locate the YouTube DATA API.

Here you can choose to restrict the API key to your own domain. If unsure about this, leave the default options until you get the website operational. Otherwise, make sure to use the correct details about your domain and the rules you set. This part can’t be ignored and is the #1 source for problems.

When set incorrectly, there can be no communication between your domain and the YouTube API since the restrictions/rules prevent it. Don’t worry, you’ll get an error message about it.

Job done 🥳

Just copy/pasta your shiny new API key in PHP Melody’s ‘Settings’ page (you know where) and you’re good to go.

Have fun and be mindful of API usage and Google’s terms of service.

PHP Melody Support

Tag Archives: api

How to create a YouTube API key

Step 1

Step 2

Step 3

Job done 🥳

Step 1: Create A New Project

Step 2: Update Your Credentials

Step 3: Add your CLIENT ID into PHP Melody

Step 1: Creating a new Facebook App

Step 2: Setting your new Facebook App

Step 3: Add your Facebook APP ID and APP Secret into PHP Melody

Step 1

Step 2

Step 3

Job done 🥳