| title | date | categories | tags | permalink |
|---|---|---|---|---|
How to login using Social Auth (Facebook, Google, Twitter ...) |
2016-01-08 07:10:15 -0800 |
settings |
settings |
/social-auth/ |
On Open eShop it's really easy to login using your social network account like Twitter, Facebook, Google + , LinkedIn etc., we use a 3rd party open source project called HybridAuth (awesome project!).
To activate any of these social logins you need first to purchase a premium theme from our market.
- Open in a new window the Google Developers Console
- Click Create project
3\. Choose name and press **Create**
4\. Then go to: **Api** > **Credentials** > **Create New Client ID**
5\. Choose an application type: **Web Application**
- Authorized Javascript origins: Your site URL here. ex: http://forums.open-classifieds.com/
- Authorized redirect URI: ex: http://forums.open-classifieds.com/social/login/1?hauth.done=Google
6. Click Create Client ID
7\. Go on **APIs and auth** -> **APIs** and enable Contacts API and Google+ API
8. Go to http://yourdomain.com/oc-panel/social/index
9. Set Google = TRUE
10. Fill ID = Client ID as appears at Google page
11. Fill Secret = Client secret as in Google
12. Click Update in the bottom of the page
13. Logout
14. Go to login, Google should appear there
15. Test!
This social login might change depending on Facebook !
1. Create a facebook app [Here is a guide with instructions on how to do that]({{ site.baseurl }}/add-facebook-comments)
2. Go to facebook developers section
3. Go to Settings > Basic, fill fields Display Name and Contact Email
4. Press Save Changes
5. Go to Settings > Advanced, fill field Deauthorize Callback URL with your website's URL (for example http://example.com/) and field Valid OAuth redirect URIs with your website's URL too (press enter after you type the URL). Make sure Social Discovery, Allow API Access to App Settings, Client OAuth Login and Web OAuth Login are ON.
6. Click Save Changes
7. Go to Status & Review
8. Answer "Do you want to make this app and all its live features available to the general public?" with YES
9. Go to http://yourdomain.com/oc-panel/social/index
10. Set Facebook = TRUE
11. Fill ID = App ID as appears at FB page
12. Fill Secret = App secret as in FB
13. Click Update in the bottom of the page
14. Logout
15. Go to login, Facebook should appear there
16. Test!
- Go to http://yourdomain.com/oc-panel/social/index
- Set AOL = TRUE
- Click Update in the bottom of the page
- Logout
- Go to login, AOL should appear there
- Test!
With this option users will be able to login using an Open ID account. In Open Classifieds we use Yahoo as Open ID provider since it's really easy to implement.
- Go to http://yourdomain.com/oc-panel/social/index
- Set Open ID = TRUE
- Click Update in the bottom of the page
- Logout
- Go to login, Open ID should appear there
- Test!
- Go to https://developer.apps.yahoo.com/dashboard/createKey.html and create a new application.
- Fill out any required fields such as the Application Name and Description.
- Put your website domain in the Home Page URL and Callback Domain fields.
- Set Application Type to Web Application.
- Choose Contacts API
6. Go to your panel, Settings -> Plugins, enable Social Auth, click Save and then go to Settings -> Social Auth or http://yourdomain.com/oc-panel/social/index
7. Set Yahoo = TRUE
8. Fill ID = Client ID as appears at Yahoo
9. Fill Secret = Client secret as in Yahoo
10. Click Update in the bottom of the page
11. Logout
12. Go to login, Yahoo should appear there
13. Test!
From documentation Hybrid Auth, follow similar procedure.
- Yahoo (deep integration, but check better Open ID)
- MySpace
- Windows Live
- Foursquare