Login With Google Account Using PHP & Client API & Bootstrap Design

Подписаться 26 тыс.

Просмотров 102 тыс.

50% 1

Login With Google Account Made Easy!
Timestamps for this Video:
0:15 Introduction
2:29 Getting Started (Setting up the Login Page)
5:52 Setting up Google API
7:54 Getting the API to work
11:45 Getting the Login Button to work (Setting up the Login Page)
13:18 Callback Feature after Logging in
18:30 Setting up the Index Page
22:48 Setting up the Logout Page
23:40 Result
24:05 Better Website Design (Optional Step)
👉 GRAB MY COURSE 👈
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Do you want to become a web developer from scratch?
I have spent 4 months creating the BEST course that exists about web development and in this course I am teaching everything that you need to know to become a web developer from scratch.
Learn more: bit.ly/devAccel...
It's helped hundreds of students, it can help you too.
👉 ABOUT VIDEO 👈
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
It is PHP & Google Client API tutorial for beginners.
In this tutorial you will learn how to:
design login page using Bootstrap Design
add "Login With Google" button to the login page
create Client ID and Client Secret Code
get permission for Google Account
generate Google OAuth 2.0 Code
generate Access Token
display Google Account Data inside your website
𝗗𝗼𝘄𝗻𝗹𝗼𝗮𝗱 𝗦𝗼𝘂𝗿𝗰𝗲 𝗖𝗼𝗱𝗲: codingpassivein...
👉 LETS CONNECT 👈
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Subscribe: bit.ly/1VdATVr
Blog: CodingPassiveIn...
Resources: CodingPassiveIn...
Facebook Community: on. 1nMGVC4
Facebook Fan Page: / codingpassiveincome
Twitter: / senaidbacinovic
Music: www.bensound.co...

Опубликовано:

17 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 449

@SenaidBacinovic 5 лет назад

Do you want to become a web developer from scratch??? Check this: bit.ly/devAccelerator

@TV-vu9fg 5 лет назад

Thanks for your video, but I have a problem since I am a beginner.When I use localhost server, it cannot redirect to the callback.php, saying "localhost doesn't send any data ERR_EMPTY_RESPONSE".

@whatwhywhy 5 лет назад

thanks for this lesson . your source code free but maybe bad code for commercial or bot in your source code . tahnks your answ.

@amiyaghosh6869 5 лет назад

Can u make a tutorial how to store google user info on database

@ankitajaswani810 4 года назад

I m getting an error in config.php line 8 as

@ahsanjutt4598 3 года назад

@@ankitajaswani810 May your api library isn't download completely. check for autolaod.php in folder.

@yitzchaksviridyuk932 4 года назад

Even though it's almost 3 years later, this tutorial has helped me very much. Your teaching style is not too fast or too slow, and this lesson did exactly what it said it would. Thank you very much.

@SenaidBacinovic 4 года назад

You're very welcome!

@yitzchaksviridyuk932 4 года назад

@@SenaidBacinovic 😁

@spiderangelo 4 года назад

@@SenaidBacinovic I would like to communicate with you my email id is spiderangelo@gmail.com plz provide ur mail id

@ClintonRyanThompson 2 года назад

THANK YOU SO MUCH for making this!!! I've been scouring the web to figure this out - BEST VIDEO EVER!

@gerardobrunoleonpanti3018 6 лет назад

Dude! that's the way to be straightforward: concise and right to the point! Really found enjoyable and worth watching your vid since it works, I already shared with my classmates. One thing I wanted to add up, for those who miss the implementation of the Log-out button (if you have the code provided by Senaid's web page): //after line 51 in index.php add this code Log-out

@gerardobrunoleonpanti3018 6 лет назад

Another tip: if you want to retrieve, and not only display, account's givenName, familyName, and so on (such as in a use case where you want to store that information in your own database), don't forget to add scopes to the config.php, in my case i wanted to store givenName and familyName and email from the account so: //in config.php add this to... $gClient->addScope("www.googleapis.com/auth/plus.login www.googleapis.com/auth/userinfo.email www.googleapis.com/auth/userinfo.profile www.googleapis.com/auth/plus.me");

@SenaidBacinovic 6 лет назад

Thank you so much for nice words, sharing with your classmates and also helping others in this community with tips on how to do additional things on the code. You're amazing!

@haksenguz 2 года назад

Thank you very much! It was a very useful tutorial. I was finally able to make Google Sign in to my website. I have a question sir. As I am new to PHP I did not how to make Google sign in on my hosted website. Iuploaded Google API library to my webserver and made Google sign in. It was difficult to do it, since it took long time to upload 30MB file to the server. In web development in commercial websites, when making Google sign in, do you also upload large file to server? Or it is done by other ways? I will be genuinely glad, if you answer me! Thank you!

@cxvoiqw9917 5 лет назад

I bookmarked your phpmailer, fb login and google login because I got a remote work that they need me to implement these tasks. Thank you so much! You're a great help.

@SenaidBacinovic 5 лет назад

You're welcome!

@Ayman_Hassan 4 года назад

Before watching this video I didn't know the way it login by Google account but now I think that I can do it easily by following your video thanks bro ❤

@SenaidBacinovic 4 года назад

You can do it!

@pixelhouseco 4 года назад

Sorry for my English but it is a translator. my question is: are all the files that your code has necessary? I uploaded it to my subdomain and there are more than 6000 files, obviously replacing index, login, etc. can some be removed?

@alessiobianchini928 6 лет назад

Thank you, this is exactly what I searched for the entire morning!

@SenaidBacinovic 6 лет назад

Awesome, glad I could help. :)

@sajabz2007 6 лет назад

I don't do comments but, I will make an exception just this once. Bravo. Great vid. Cheers!

@SenaidBacinovic 6 лет назад

Damn, thank you so much!

@rohansaand2023 7 лет назад

damn bro, about to reach 1000 subs so quick from the first 500, you are killing it!

@SenaidBacinovic 7 лет назад

Thank you so much! It wouldn't be possible without the help of my followers. :)

@_daniel24 7 лет назад

Hello Senaid, your content helps me so much to learn web development. I'd like to see a tutorial about paypal payments, for example i'd like this functionality: 1. User fills a price form. 2. User gets redirected to PayPal. 3. If the transaction was successfully completed, insert the data from the first step into database. I tried doing this myself but i can't really get it to work, and also i want to see the secure way to do this. Thanks for your tutorials, and keep up the good work, you are awesome !

@SenaidBacinovic 7 лет назад

Awesome, I am so happy that I could help you. :D I will for sure make one tutorial that will cover everything about PayPal payments so that you can integrate it into your website and start selling products/services.

@inclinedscorpio 5 лет назад

That's the kind of AT THE POINT TUTORIAL || You delivered what was needed !

@chiranjeeviys231 5 лет назад

You didn't do the logout part. Or did I miss? How to login with google+ with different accounts?

@revanslacey 4 года назад

One of the better explained tutorials. Thank you.

@SenaidBacinovic 4 года назад

Glad it was helpful!

@envadd.6556 2 года назад

Zemo imam jedno pitanje za tebe a tice se login pa ako bi mi mogao dati neko svijetlo na to posto sam stuck lol. Naime pokusavam napraviti program koji ce biti online ili cloud based, ali hocu da koristim jednu scriptu gdje ce ljudi moci imati account a zatim moci dodati sub-accounts koji ce moci vidjeti samo stvari vezane za taj main account. Inspiracija je od Weebly ili Square gdje svi idu na jednu adresu a onda vidi samo sto je njihovo iako je shared website.. Jel takvo nesto moguce ili pametno i kako da to aproach nemogu da savladam taj koncept ili ga previse komplikujem...

@MikkoVille 6 лет назад

Excellent. Simple and to the point. Thank you for this!

@SenaidBacinovic 6 лет назад

thank you :)

@patrick-dev 4 года назад

Thanks for the tutorial. I just have a quick question and would like you to provide me with a good suggestion: Is there any way to minimize or compress the google SDK file? Because its too heavy.

@ravikumarturamalla21 5 лет назад

I tried the API but got guzzlehttp certificate error. Gone to Client class of Guzzlehttp folder of GoogleApi and set configure defaults function verify to false. Works like a charm. Thanks for the awesome tutorial.

@Omletteàlafromage 5 лет назад

YOU JUST SAVED MY LIFE

@SinghatehAlagie 5 лет назад

hello sir, i want to make something for my school management system that is working with, but I don't have any idea how to make the students receive information from the teacher or the principal and the teacher will able to set an exam for the students based on their id and enable and disable students that are not active. That is the things that I want from my student management system. Could you please help me and explain it to me in detail. thank you so much... your video is helping me a lot to learn coding fast.

@jasurbekyuldoshev2673 6 лет назад

i have 1 question , the way u taught us was from login page to index.php right ? i mean from 1 page to another page, my question is how to implement the same thing but for single-page-application when contents of page changes according to if a user is authenticated or not... Thanks in advance !

@andreighita8762 5 лет назад

The 'id" scope is the unique id that google has for every user? Or what it represents exactly?

@michellebarzilai6281 6 лет назад

Great tutorial, thanks!! but I do have a question - when I tried to run this on my web server it didn't work (error 500 on the gcallback page), but when I tried running it on localhost it worked perfectly. Anyone knows what could it be?

@shubhammathur8882 5 лет назад

Configure your smpt file

@hafizzubairalikhan6946 5 лет назад

Hi sir, which editor you are using?

@erindgjyshja8545 6 лет назад

Great Job - never watched any of your videos before but I am subscribed just from this.

@xalfaprint 6 лет назад

Hello, very good tutorial, but there is something that is not working, in my system downloaded the zip package of the tutorial, the function that negotiates the token fails as if it did not exist .. (maybe the file is corrupt), or missing some piece is integrated, I have no problem in the PHP version and I only have a problem for the detection of this function. What adjustments do I make? That is the question. Thank you very much for your response beforehand. PHP.5.6.30 Windows

@hardiksomaiya8989 7 лет назад

Great tutorial my friend. You made it simple and easy to understand. Helped a lot. Thanks

@SenaidBacinovic 7 лет назад

Thank you so much! Appreciate the feedback! :)

@siyabuddin410 4 года назад

Really informative and workfull criteria i also lerant alot of things from your tutorials.

@peacefulhack 5 лет назад

can u help me, i got an error for g-callback, it said "Fatal error: Uncaught GuzzleHttp\Exception\RequestException: cURL error 77: error setting certificate verify locations: CAfile:......GoogleAPI\vendor\guzzlehttp\guzzle\src\Handler\CurlFactory.php on line 187"

@RamKumar-de2ps 5 лет назад

Awesome man..... I am looking for this one.... Great job.......

@SenaidBacinovic 5 лет назад

Thank you. :)

@ahsanjutt4598 3 года назад

Kindly share the link where we can learn more about scopes.

@desarrolladorcii5091 5 лет назад

Thank you very much, days ago I was looking for this. The best method I found. regards

@SenaidBacinovic 5 лет назад

Thank you :)

@cumaelvis4612 3 года назад

hello, for the connection using either google, facebook, twiter and other ... can't we register these users who connect in the MYSQL database? I say that because I made a form for checking emails with the OTP code so I will integrate this connection with google, facebook, twitter, instagram ... can you tell me please

@angelsantiago8190 7 лет назад

Senaid great video. If I'm creating this for a client would I need to create the API in Google Development with the clients credentials, or would I create API for the client using my credentials in Google Development? What would be the best practice?

@SenaidBacinovic 7 лет назад

Thank you :) It all depends on the project, and also from the deal that you have with that specific customer. In most cases, personally, I, will just use client credentials.

@suluabdullahi101 4 года назад

Thank You Mr. Coding Passing. But i want to know how someone can fetch a particular user data when Login to a page base on id in SELECT Statement. Pls Help!!

@anselmdike2817 2 года назад

very nice tutorial

@SenaidBacinovic 2 года назад

thank you

@lborealtv 5 лет назад

Hi, greettings from Argentina. I have a cuestion. I am working with php too.. I want to store the refresh token in my database to use the token of the user while the user is not on my site. I am building a application that manages the user account (Obviously.. with the user authorization).. How could i get the Refresh token? Thnx

@cxvoiqw9917 5 лет назад

Hi, I got GET Request 404 after a successful login, I am redirected to 404 page. I followed all your instructions in the video. Is this because the Google+ API is now shutdown? Do you have alternative for this? Thanks.

@mirjanakatalina591 6 лет назад

Ovo je super. Svaka čast! Hvala ti

@SenaidBacinovic 6 лет назад

Hvala puno!

@bennyjwalter566 4 года назад

Thanks for the course.

@ArjunSingh-qt5jn 4 года назад

yes, you saved my life Keep coming more videos :)

@SenaidBacinovic 4 года назад

Thanks, will do!

@eziochannel9373 4 года назад

u earned my subs bro, keep it up. I like your explaination

@musictioficial8273 6 лет назад

Hi i have a question. I am developing a website and integrated the facebook login. At first was testing the ogin with on gmail account and it worked perfectly, i deleted the app permisison on facebook, deleted also in my c panel, deleted it my chache, everything. When i tried to create an account with facebook using the same account it says "sorry email not received by post" , yet when i go to my facebook account in the app section i see my app registered on facebook, but not my cpanel to create the account to give acces to the user to acces the page for the service i am providing. Why is that happening?

@saisumanth3042 6 лет назад

Hii Senald bro,I am trying to build oAuth 2.0(i.e,Login with "mycompany") for a company as an intern,Can you just tell me how can i relate this video to me!!!And can you suggest any other thing for my project?? Thank you and finally,You are awesome Bro!!

@simpsonfong2472 4 года назад

Sir, I'm having issue of sign out to google. When I click sign out button it successfully sign out and redirect to login page, but when I click login button again it just redirect to index page which is remember my account that been login. It should destroy the access token and when I click login button it needs to select account again and get the permission again to redirect to index page. Can sir or any viewers help me to solve this problem if you see this comments?

@yifangyuan4998 4 года назад

i'm having the same issue. Would really appreciate if someone can solve this.

@KSabitaSadiqShahabuddin 4 года назад

will it work when we have a live web server ?

@aruppaul4317 5 лет назад

The code is running well for 2 days..but now its shows warning: curl_setopt_array(): unable to create temporary file in GogleApi/vendor/guzzlehttp/guzzle/src/Handler/CurlFactory.php on line 56 I am using google api version 2.2.2.

@enfragygis9402 5 лет назад

Thanks for your video, but I have a problem since I am a beginner.When I use localhost server, it cannot run the code. I am getting syntax error on login.php. Help me to reslove it.

@acente2998 7 лет назад

Thank you for this!!! I was wondering, though, using this OAuth method, instead of using a Sign in with Google button, can you instead retrieve input from an email and password text field? Meaning, the users will type in their G-mail credentials in the text field and when they hit sign-in, the system will use the credentials in the input fields to authenticate with Google? thanks!

@SenaidBacinovic 7 лет назад

Hmm, why would you do that?

@acente2998 7 лет назад

Coding Passive Income hi! nevermind! this method you used was the better one thank you and keep up with the nice tutorials

@SenaidBacinovic 7 лет назад

Thank you so much, and I am sorry that it took a month for me to reply to your comment, but I've lost it in the dozens of others.

@JakubScherbaum 6 лет назад

Hi, nice video tutorial. I wanna ask you, how to allow specific users to log-in ? Is there any way to do it via Google Dev console or i have to make it out in my code? The only way that comes on my mind is to compare user ID after login. Is it right or there is some security issue?

@SenaidBacinovic 6 лет назад

That's completely fine, there is nothing wrong with that approach.

@robertostzutski 3 года назад

Thank you! Regards

@aky017 6 лет назад

Svaka čast! Zbilja si mi uštedio puno vremena. Pozdrav iz Hrvatske.

@SenaidBacinovic 6 лет назад

Hvala puno, drago mi je to čuti! :D

@Aqua_Pla 4 года назад

Hello what is it? Please help me! Fatal error: Uncaught Error: Call to undefined method Google_Client::setRedirectUrl()

@fomz21 4 года назад

Thank you for this! you made it look so easy

@fabienekoutesone6046 4 года назад

tkanks you Good bless you FAbien from Cameroun

@SenaidBacinovic 4 года назад

Glad I could help :)

@denniscamacho9259 4 года назад

Hi sir, i'm your new Follower :) and i tried your stuff, i get the users details except for the Gender, i don't know if its just the google API problem or my code but i just copied what you've done and the Gender doesn't coming out or listed, any help would much appreciated thanks :)

@anthonyleong3011 6 лет назад

Hello Sir, how can we know if user signed out in google , we also need to execute sign out them from our system , how can we do this ?

@x1_medusa_1x 7 лет назад

hey. I love your videos! can you tell me please, what software do you use ?! thank you !

@SenaidBacinovic 7 лет назад

Thank you so much! I am using PHPStorm.

@darshanprajapati2942 6 лет назад

Great Job Gentleman....I really Like It ..

@djosfr 6 лет назад

great video. Raw Php as you show it is clean code for a dev environement. Cheers from France.

@SenaidBacinovic 6 лет назад

thank you! :)

@siluncai7341 6 лет назад

Wow...great tutorial.... thanks dude...so awesome...i gonna try this tomorrow...

@SenaidBacinovic 6 лет назад

Thank you! Have you tried it? :)

@siluncai7341 6 лет назад

Yea, I just try it, and its working ! Thanks for sharing your knowledge bro. Now i need to working on modifying it to my own style of coding. Thumbs Up! Does GoogleAPI allowed to give response with much more details information? such as Age, Address, Country, etc.

@_aguskhaer 6 лет назад

sir,i have an error like this when i was click allow in google and link to g-callback.php Fatal error: Uncaught Error: Call to undefined method Google_Client::fetchAccessTokenWithAuthCode() in C:\xampp\htdocs\testAPI\g-callback.php:5 Stack trace: #0 {main} thrown in C:\xampp\htdocs\testAPI\g-callback.php on line 5 can you solve this?

@akhilagopal5988 3 года назад

Hey I have the same error did u get it?

@sahooramakanta2884 5 лет назад

How to do it without google+ and only with gmail API, as google plus API has already shut down?

@shanikaperera1830 6 лет назад

Hey, I'm getting an error saying that it cant find the autoload.php file. Do you have any idea why is that? "Warning: require_once(GoogleAPI/vendor/autoload.php): failed to open stream Fatal error: require_once(): Failed opening required 'GoogleAPI/vendor/autoload.php' " I've done extracting the zip file in the correct folder. But it says that it cant find it. Can you tell me a way to fix it? Thank you in advance!

@sumitk4193 6 лет назад

require_once "GoogleAPI/vendor/autoload.php";

@yashraval9984 4 года назад

So the user cannot just type in index.php into the url bar and access the page?

@yaznachtar9045 5 лет назад

Awesome video, but i seem to get an error on the g-callback.php, the site gives me an error 500 for some reason despite pasting your code on the g-callback.php page. I went to check the google apis, and it’s enabled but also gives an error saying “page loading error. Refresh this page to try again” Any ideas Many thanks for reading

@SenaidBacinovic 5 лет назад

There has to be some issue in the code if you get 500. Please analyze it a little bit more, and make sure that you are using your details etc.

@weforyouweb1165 5 лет назад

Good one! Helpful.Thank you.

@SenaidBacinovic 5 лет назад

Glad to hear that! You're welcome

@joanteran1297 5 лет назад

Hi Men! Excelent video, thanks you very much!

@SenaidBacinovic 5 лет назад

My pleasure, thank you :)

@derik4622 5 лет назад

What extension do you use to show your array in such a nice order on chrome?

@Felix15Koeln 5 лет назад

Derik Stavast he echoed the tag

@menaveen06 5 лет назад

Could we get the Google Login example using Gmail API, because Google + plus, should be blocked by the Google.

@SenaidBacinovic 5 лет назад

I agree, will record a new one. :)

@jackvaughn2364 3 года назад

i love it! Thank you bro!

@tipsmobillegends6553 3 года назад

Thank you so much 👍

@1979DY 5 лет назад

Thanks a lot for the video it was very helpful

@sownthear.d6418 5 лет назад

I am getting syntax error on login.php at 9th line...Help me to reslove it

@ILTECHS 5 лет назад

Very nice tutorial !!!

@SenaidBacinovic 5 лет назад

Thanks!!

@luismanuelperezherrera660 6 лет назад

i have a problem bro Parse error: syntax error, unexpected ':', expecting ',' or ')' in C:\xampp\htdocs\login\config.php on line 10 my php version 7.1.11

@SenaidBacinovic 6 лет назад

Can you show me the code?

@luismanuelperezherrera660 6 лет назад

@pratiknikam614 5 лет назад

@@SenaidBacinovic error on line 9 in config.php

@virajlifestyle447 5 лет назад

you are doing great job , really helpful

@SenaidBacinovic 5 лет назад

My pleasure, thank you!

@barathmanikandan688 6 лет назад

I am getting, Access Forbidden! Error 403. What to do to rectify the error?

@sarakhan-nb7vc 5 лет назад

I am also getting same error. Have your issue solved ?

@olasoderlind5685 3 года назад

how do i fetch the ID_TOKEN from google use the OpenID Connect layer on oauth ? developers.google.com/identity/protocols/oauth2/openid-connect i can do all parts whit out other extended but the untill encoding the JWT .. and if i use the googleapis libery i dont know hot dot fetch the IDTOKEN only the Access tooken. but in the liberys there are verifatation methonds for the ID_TOKEN:

@acadnetsinfo4511 5 лет назад

this code was working but now when i click on allow(wants to access your Google Account) it is giving 403.shtml error

@sarakhan-nb7vc 5 лет назад

I am also getting same error. Have your issue solved ?

@habibjalal9939 5 лет назад

Parse error: syntax error, unexpected '"www.googleapis.com/au' (T_CONSTANT_ENCAPSED_STRING), expecting ')' in C:\xampp\htdocs\GoogleLogin\config.php on line 10

@habetech 4 года назад

dobar video ,svaka čast na trudu !

@SenaidBacinovic 4 года назад

hvala puno!

@ameebadiyani243 4 года назад

Is it for a particular google user? Or anybody having google account can sign In?

@alejandrodiazsolis608 5 лет назад

thank you! this video solve me a big doubt!

@mitchellaninyang12 6 лет назад

Uhmm, I got confused at some point, when you copied a link into your code, what link was that please?

@SenaidBacinovic 6 лет назад

Can you write time when I did that?

@techstruct4784 4 года назад

Is it nessary to store this data into the database to retrive its data for email and password field functions?

@SenaidBacinovic 4 года назад

It all depends on your needs.

@teameuphony497 6 лет назад

its showing this error Maximum execution time of 30 seconds exceeded in C:\xampp\htdocs\GoogleLogin\GoogleAPI\vendor\guzzlehttp\guzzle\src\Handler\CurlHandler.php on line 41 now what to do

@chirashreebhaduri4538 5 лет назад

same problem.allow option not come Google Login

@sarakhan-nb7vc 5 лет назад

As i am trying to do login through google account in php on live server, but i am getting error on callback page. Error: 403 - Forbidden The Web server is configured to not list the contents of this directory or you do not have enough permissions to access the resource Would you please help me in solving this issue.