User Tools

Site Tools


admin_dashboard:system_admin:system_settings:integration_settings

Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
admin_dashboard:system_admin:system_settings:integration_settings [2016/06/02 03:56]
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//​ +
- +
-{{https://​moosocial.com/​wiki/​lib/​plugins/​ckgedit/​fckeditor/​userfiles/​image/​admin_dashboard/​system_admin/​system_settings/​fb_appsettings.jpg?​nolink&​1264x910}} +
- +
-//#1:Ensure your Contact Email is correct.//​ +
- +
-//#2:Ensure your Website is correct.//​ +
- +
-//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.// +
- +
-6/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//+
  
admin_dashboard/system_admin/system_settings/integration_settings.1464839765.txt.gz · Last modified: 2016/06/01 23:56 (external edit)