Differences

This shows you the differences between two versions of the page.

--- admin_dashboard:system_admin:system_settings:integration_settings [2016/06/02 03:45] – mooadmin
+++ admin_dashboard:system_admin:system_settings:integration_settings [2019/08/27 02:41] (current) – mooeditor
@@ Line 1: / Line 1: @@
-====== Integration Settings ======
+See detail at: https://moosocial.com/knowledge-base/configure-google-and-facebook-login/
-=====   =====
-===== Facebook App Integration tutorial =====
-----
-<font 14px/arial;;#000000;;#ffffff>// 1/ Go to developers.facebook.com //</font>
-<font 14px/arial;;#000000;;#ffffff>// 2/Login & select My apps/Add a New App: //</font>
-<font 14px/arial;;#000000;;#ffffff></font>
-//3/Select platform for your app, select Website platform://
-{{:admin_dashboard:system_admin:system_settings:social_integration:6-1-2015_4-42-48_pm.jpg?nolink&1299x832}}
-//4/Fill in your app’s name://
-{{https://moosocial.com/wiki/lib/plugins/ckgedit/fckeditor/userfiles/image/admin_dashboard/system_admin/system_settings/f_appname.jpg?nolink&1066x408}}
-//5/Select your app’s category://
-{{https://moosocial.com/wiki/lib/plugins/ckgedit/fckeditor/userfiles/image/admin_dashboard/system_admin/system_settings/fb_createapp.jpg?direct&}}
-//#1: Select **NO** //
-//#2: Input email//
-//#3: On Category dropdown list –> Select **App for Pages** //
-//#4: Press on** Create App ID** //
-//6/After Created App ID, scroll down then fill in your information of your site://
-{{https://moosocial.com/wiki/lib/plugins/ckgedit/fckeditor/userfiles/image/admin_dashboard/system_admin/system_settings/fb_websitedomain.jpg?nolink&1035x458}}
-//#1 Fill in your site's domain.//
-//#2 Press **Next** button.//
-//7/After Your App was successfully created, make sure it is activated (live)://
-//To make your app live, go to My Apps/YourNewCreatedApps/Settings/Basic//
-{{:admin_dashboard:system_admin:system_settings:social_integration:aaaa.png?nolink&485x344}}
-//#1:Ensure your Contact Email is correct.//
-//#2:Ensure your Website is correct.//
-//#3:Save Changes.//
-//If any of # above incorrect, your app cannot be lived.//
-//Go to Status & Review below Settings tab, switch to Yes://
-//{{:admin_dashboard:system_admin:system_settings:social_integration:untitled.jpg?nolink&567x309}}//
-//Configure your call back URL://
-//- Go to Settings/Advanced/////OAuth Settings//:
-//{{:admin_dashboard:system_admin:system_settings:social_integration:6-1-2015_5-13-45_pm.jpg?nolink&1299x779}}//
-//#1: Input your site callback’s url, the format will be: **[yoursite/social/auths/endpoint/facebook/]** //
-//#2: Save changes after input callback’s url//
-//8/How to configure your Admin Dashboard://
-//Go to Admin Dashboard/Socials Integration/Facebook//
-//Then://
-//{{:admin_dashboard:system_admin:system_settings:social_integration:6-1-2015_4-59-06_pm.jpg?nolink&1214x688}}//
-//Get #1 and #2 from fb app and copy to your Admin Dashboard/Socials Integration/Facebook//
-//{{:admin_dashboard:system_admin:system_settings:social_integration:6-1-2015_5-21-28_pm.jpg?nolink&1880x628}}//
-//#1: Your App ID from your FB app (in your FB app/Settings/Basic)//
-//#2: Your App Secret from your FB app (in your FB app/Settings/Basic, the App Secret will show after pressing **Show** button and re-enter your FB password.//
-//#3: Your callback url that configured from step 7.3 which has the format: **[yoursite/social/auths/endpoint/facebook/]** //
-//#4: **Save Changes**.//
-//*You dont need to config SDK version used in Admin Dashboard, system will be detected automatically.//
-//*Remember to check if any space in the fields.//
-//*Remember your site could be [https] instead of [http], they will not recognize if site was [https] and Client ID & Admin Dashboard were [http].//
-----
-===== Google App Integration tutorial =====
-----
-//1/ ////Go to console.developers.google.com//
-//2/////Login your google account & create a project////://
-{{:admin_dashboard:system_admin:system_settings:f70f5db4aa8fec771a284e794de5036f.png}}
-//#Press on Create a Project.//
-//3/////**Fill in your Project’s Name** ////://
-//{{:admin_dashboard:system_admin:system_settings:social_integration:google:6-2-2015_11-47-50_am.jpg?nolink&1636x568}}//
-//#1 Fill your **project’s name** //
-//#2 **Create** //
-//*Agree to Terms and Conditions if they’re showing up.//
-//4/////**After your project is done creating, go to APIs & auth/APIs of your project** ////://
-{{:admin_dashboard:system_admin:system_settings:df31b9ff39feaa9ca95440c549fff512.png}}
-//#1 Select **API tab** //
-//#2 Select **Google+ API** //
-//5/Enable your Google+ API://
-//{{:admin_dashboard:system_admin:system_settings:social_integration:google:6-2-2015_11-54-44_am.jpg?nolink&843x502}}//
-//#Press on **Enable API** to enable.//
-/Go to Credentials tab, and add new credentials:
-{{:admin_dashboard:system_admin:system_settings:bb4e1e6206d311954cae1025fcb51916.png}}
-#1/Go to **Credentials** tab
-#2/**Add credentials**.
-#3/**Select OAuth 2.0 client ID**.
-//7/We have to configure consent screen first://
-{{:admin_dashboard:system_admin:system_settings:30d1bae7d3fb09f67876241333c9301c.png}}
-//#Press on **Configure consent Screen** then continue//
-//8/////Register at your** Consent Screen** ////://
-{{:admin_dashboard:system_admin:system_settings:311a7cbe5aaec5854c24c6aa76304b21.png}}
-//#1 Check your **Email** //
-//#2 Enter your **Product’s name** //
-//#3 **Save** //
-//9/////Once you had registered your consent screen, Start Creating** Client ID** ////://
-{{:admin_dashboard:system_admin:system_settings:2a4dab63b4b82cba72c541b2f8d3ff15.png}}
-//#1 Select **Web Application** //
-//#2 Enter your site’s **domain** //
-//#3 Enter your **callback’s URL**, this URL has the format: **[yoursite/social/auths/endpoint/google?hauth.done=Google]** //
-//#4 **Create Client ID** //
-//10/ ////Review your Client ID, it should be looked like this////://
-{{:admin_dashboard:system_admin:system_settings:5ee12763e2bc7821ac0da6170a15310f.png}}
-//#Your Client ID//
-//11/////Go to **Admin Dashboard/Socials Integration/Google**, start configuring////://
-//The Client Id on Google://
-{{:admin_dashboard:system_admin:system_settings:b95772b8937a7dc44274eefe6787e83e.png}}
-//-Copy 1, 2, 3 to your settings Admin Dashboard/Socials Integration/Google one by one.//
-{{:admin_dashboard:system_admin:system_settings:c5845a2a17e6010ba9e1a8f2c7790cdd.png}}
-//-Copy 1, 2, 3 to your settings Admin Dashboard/Socials Integration/Google one by one.//
-//-**Enable**, check!//
-//-**Save Settings** //
-//*Remember to check if any space in the fields.//
-//*Remember your site could be [https] instead of [http], they will not recognize if site was [https] and Client ID & Admin Dashboard were [http].//
-//* Both sides, Admin Dashboard and Client ID must be configured synchronously for the 1, 2, 3, they must be same to each others.//
-----
-//{{:admin_dashboard:system_admin:system_settings:social_integration:google:6-1-2015_5-44-56_pm.jpg?nolink&1221x503}}//
-//{{:admin_dashboard:system_admin:system_settings:social_integration:google:6-1-2015_5-45-12_pm.jpg?nolink&1259x393}}//
-//Your Login Page and Sign Up Page should be looking like this, with Facebook and Google button//