This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
admin_dashboard:system_admin:system_settings:integration_settings [2015/08/31 07:06] mooeditor |
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:// | + | |
- | + | ||
- | //{{:admin_dashboard:system_admin:system_settings:social_integration:6-4-2015_4-03-30_pm.jpg?nolink&969x412}}// | + | |
- | + | ||
- | //5/Select your app’s category:// | + | |
- | + | ||
- | //{{:admin_dashboard:system_admin:system_settings:social_integration:6-1-2015_4-47-11_pm.jpg?nolink&1536x788}}// | + | |
- | + | ||
- | //#1: Select **NO** // | + | |
- | + | ||
- | //#2: Click to drop down// | + | |
- | + | ||
- | //#3: 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:// | + | |
- | + | ||
- | //{{:admin_dashboard:system_admin:system_settings:social_integration:6-4-2015_4-08-07_pm.jpg?nolink&1006x467}}// | + | |
- | + | ||
- | //#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.// | + | |
- | + | ||
- | 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:311a7cbe5aaec5854c24c6aa76304b21.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:social_integration:google:new_client_id_.jpg?nolink&1332x454}}// | + | |
- | + | ||
- | //#Your Client ID// | + | |
- | + | ||
- | //11/////Go to **Admin Dashboard/Socials Integration/Google**, start configuring////:// | + | |
- | + | ||
- | //The Client Id on Google:// | + | |
- | + | ||
- | //{{:admin_dashboard:system_admin:system_settings:social_integration:google:untitled2.jpg?nolink&890x246}}// | + | |
- | + | ||
- | //-Copy 1, 2, 3 to your settings Admin Dashboard/Socials Integration/Google one by one.// | + | |
- | + | ||
- | //{{:admin_dashboard:system_admin:system_settings:social_integration:google:untitled.jpg?nolink&1884x911}}// | + | |
- | + | ||
- | //-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// | + | |