### “PHP Music - Download Portal” Documentation by “Pratik Barman” v2.0

# “PHP Music - Download Portal”

Created: 30/04/2021
Last Updated: 30/09/2021
By: Pratik Barman
Email: webmaster.pratik@gmail.com

Thank you for purchasing my “PHP Music - Download Portal” Source Code. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

## Table of Contents

1. Installation
2. Database Creation
3. Final Installation
4. Google Sign In Setup
5. Facebook Sign In Setup
6. Credits

### A) Uploading Source Code: - top

cPanel Tutorial

1. Login cPanel
2. Go File Manager
3. Open public_html folder and click upload button
4. Select Source_Code.zip and Upload it.
5. Select Source_Code File And Extract it

### Step 1:

### Step 2:

### Step 3:

### Step 4:

### B) Database Creation - top

I've included three psds with this theme:

1. Login cPanel
2. Go MYSQL Database Wizered
3. Remember Database Name, Username , Password

### Step 1:

### Step 3:

### Step 4:

### Step 5:

### Step 6:

### C) Final Installation - top

1. Open Browser
2. Enter Your Website URL Address Bar

### Step 1:

### D) How Get Google Client ID and Secret - top

1. Login to Google Developer Console using your Google account credentials.
2. If you are not registered on Google developer account, then you need to accept agreement.

- After accepting agreement or if you are already registered on Google developer account, you will see a screen as shown below. Click on “Select a project” on top header bar.

- From the project selection popup click on the "NEW PROJECT" button to add a new project.

- Enter your “Project name” and click on the “Create” button.

- Click on “OAuth consent screen” from the left side menu and create OAuth consent with User Type selection.

- Add Application name, select Support email and add Authorized domain. Then click on the Save button.

1. After creating the project, click on “Credentials” from the left side menu to open the Credentials screen.
2. Click on “Create credentials” and from the dropdown list select OAuth client ID.

### OAuth client id creation screen:

- Select the “Web Application” radio button from the “Application Type”.
- Enter your application name in the “Name” field. This name will be shown to end users when they are asked to give login ermission to your website. So please specify a meaningful name which can identify your website.
- Enter your catalog site URL in “Authorized JavaScript origins”. For example, if website domain is yourdomain.com, enter http://yourdomain.com
- In “Authorized redirect URIs” input box, enter your website URL example: https://yourwebsite.com/account
- Click on “Create” Button

### It will display the popup with client id and client secret.

### E) How Get Facebook APP ID and Secret - top

#### Follow the below steps to create Facebook application:

1. Login to your Facebook account and navigate to https://developers.facebook.com
2. If you already have an account registered for a Facebook developer account, you can skip this step and directly go to step 3. If you are not registered on a Facebook developer account, then you need to follow these steps:
3. Click on Get Started button from the top right corner.

- Now, you need to click on the “Next button” from the popup.

- On the last screen, after verifying your account, 3rd step is to tell you about it. Select the Developer option here.

- On welcome screen, click on Create First App button. Here you'll be asked for Display Name and Contact Email of your New App ID. This app name will be shown to end-users when they will try to “Login with Facebook” and they are redirected to the Facebook website for login permission.
- So, make sure you give a meaningful name here which can identify your website.

If you are already registered with Facebook developer perform below steps:

- From the popup enter “Display Name” of your new application and "Contact Email”, then click on the “Create App Id” Button.

- Complete the Security Check entering the password and click on “Submit button” and it will open the product list page.
- From the Product list page click on “Set Up” button from product with name “Facebook Login”.

- In the menu at the left corner, click on the “Facebook Login” link to expand the sub menu. Next, you need to Click on “Settings” from the sub-menu.

- Now, you will see the details where you have to enter your website URL in “Valid OAuth redirect URIs”.
- For example, my website domain is yourdomain.com so I entered https://yourdomain.com/account

- Now expand the Setting menu and select Basic. Here you can find the App ID and App Secret. Then click on the “Show” button in the “App Secret” text box. You can copy the “App Id” and “App Secret” which you can use for your Facebook API calls

- By default, when you create Facebook application, it is private and available only to you for testing purpose. End users can only use it after you make the app live. For the live app you must enter a Privacy Policy URL at setting > Basic.

- For Switching the mode from Development to Live, click on the status switch. After that, it will show a popup to switch the mode. Please select the category of your app and click on the “Switch Mode” button to make your app public.

### E) Sources and Credits - top

I've used the following images, icons or other files as listed.

- PHP MySQL class Josh Campbell (ajillion)
- Icons made by fjstudio from www.flaticon.com

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Pratik Barman

Go To Table of Contents