Monday, March 28, 2022

How to create social logins using Laravel 8

 Refer the links:

Windows Azure login

-not a paid service

https://www.appypie.com/faqs/how-can-i-get-my-microsoft-acount-client-id-and-client-secret-key

 1)Visit portal https://portal.azure.com/

2) Login and go to Manage Azure Active Directory

3) go to 'App Registrations'

4) Click 'Register New Application' button

5) In the form fill up the domain name and redirect url, submit

6) Then copy client id and client secret

Apple social login

https://devpeel.com/implement-apple-sign-in-with-laravel/

https://developer.okta.com/blog/2019/06/04/what-the-heck-is-sign-in-with-apple

1)Login to https://developer.apple.com, using apple credentials

2)Click menu item 'certificates', 'ids' and 'profiles'

3)Choose  'identifiers' and create new app id

4) select 'app ids', select 'apps', click continue

5) check 'sign in with apple' check box

6) Now go to the 'services' menu,

7)Go to the keys menu, add keys

Follow steps in this tutorial for social login

https://sarunw.com/posts/sign-in-with-apple-4/


Google Login

https://www.tutsmake.com/laravel-8-socialite-google-login-example-tutorial/

https://www.webdew.com/blog/login-with-google-in-laravel 

https://stackoverflow.com/questions/11485271/google-oauth-2-authorization-error-redirect-uri-mismatch

 

1)Visit link https://console.cloud.google.com/apis/dashboard

2)Login with an existing gmail account

3)click on the 'create credentials' button and choose OAuth client id.

4)copy client id and secret id, then add to the laravel .env file

5) enter the call back redirect uri, as in the laravel routes file


Facebook Login

https://www.tutsmake.com/laravel-8-facebook-login-tutorial-step-by-step/


1) Create an FB account

2) Visit link https://developers.facebook.com/apps/

3) create app, with the website domain name 

4) After creating app, In the settings ---> Basic, copy client id, secret key to add to the .env file of your back-end code

5)From the sidebar 'Add Product' - ' Facebook Social Login'

5) In the top, Change app status from 'development' to 'live' mode

6)Set up the redirect url:

for eg:

https://testing.com/complete-social-profile


Whatsapp Chat

 

1) Get short link from whatsapp business number and add to the website settings