OAuth 2.0 Using PHP

This project demonstrates how to set up Google OAuth 2.0 authentication using PHP and style your project with Tailwind CSS and Flowbite components.

Installation

Step 1: Clone the Repository

Start by cloning the repository to your local environment:

git clone https://github.com/Dawn-o/Oauth-PHP.git

cd Oauth-PHP

Step 2: Install Tailwind CSS & Flowbite

To install Tailwind CSS and Flowbite as dependencies in your project, run the following command:

npm install -D tailwindcss flowbite

This will add both Tailwind CSS and Flowbite as development dependencies in your project.

Step 3: Set Up Environment Variables

To configure your .env file for OAuth 2.0, follow these steps:

1. Create OAuth 2.0 Credentials:

   • Go to the Google Cloud Console.

   • Create a new project or select an existing one.

   • Navigate to "Credentials" and click on "Create Credentials" > "OAuth Client ID."

   • Set the Authorized redirect URI to:

     http://localhost/Oauth/function/google_auth.php
     

     Adjust this URI if necessary to match your local or production setup.

2. Update .env File:

   After creating the credentials, you will receive a Client ID and Client Secret. Add these to your .env file along with the redirect URI:

   CLIENT_ID='<YOUR_CLIENT_ID>'
   CLIENT_SECRET='<YOUR_CLIENT_SECRET>'
   

   Replace and with the actual values obtained from Google Cloud Console.

Step 4: Run the Project

To run the project, you can using XAMPP

1. Install and Configure XAMPP:

   • Download and install XAMPP if you haven't already.
   • Start the Apache and MySQL services from the XAMPP Control Panel.

2. Move Project to XAMPP Directory:

   • Move your project directory (e.g., oauth-php) to the htdocs directory inside your XAMPP installation (usually located at C:\xampp\htdocs).

3. Access the Project:

   • Open your web browser and navigate to http://localhost/oauth-php (or whatever the path is relative to htdocs).

4. Verify OAuth Configuration:

   • Test the OAuth 2.0 authentication flow to ensure that your setup is correct. Follow the authentication process and check for any errors.

5. Check for Errors:

   • Monitor your browser console and XAMPP's Apache error logs for any issues during the authentication process and resolve them as needed.

   • Watch for any errors or issues in the browser console and terminal, and resolve them as needed.