Apple Social App User Guide
Ivan.filho (Talk | contribs) (→Requirements) |
Ivan.filho (Talk | contribs) |
||
Line 8: | Line 8: | ||
:https://developer.apple.com/enroll/ | :https://developer.apple.com/enroll/ | ||
− | == | + | |
+ | == Create a New App == | ||
Access your Apple Developer Account: | Access your Apple Developer Account: | ||
Line 15: | Line 16: | ||
And then, click at Certificates, Identifiers & Profiles. | And then, click at Certificates, Identifiers & Profiles. | ||
+ | |||
=== Create an App ID === | === Create an App ID === | ||
At Certificates, Identifiers & Profiles, go to Identifiers section and click to add a new Identifier. | At Certificates, Identifiers & Profiles, go to Identifiers section and click to add a new Identifier. | ||
+ | |||
[[File:Apple_step_1_add_indentifier.png| 720px]] | [[File:Apple_step_1_add_indentifier.png| 720px]] | ||
+ | |||
+ | |||
Select App IDs type: | Select App IDs type: | ||
+ | |||
[[File:Apple_step_2_select_as_app_id.png| 720px]] | [[File:Apple_step_2_select_as_app_id.png| 720px]] | ||
+ | |||
+ | |||
Chose an App ID Prefix, at description fill with the name of your App ID and at bundle id add the reverse-domain of your page. At the following examples we are going to use a hypothetical site: mike.wazowski | Chose an App ID Prefix, at description fill with the name of your App ID and at bundle id add the reverse-domain of your page. At the following examples we are going to use a hypothetical site: mike.wazowski | ||
+ | |||
[[File:Apple_step_3_register_app_id.png| 720px]] | [[File:Apple_step_3_register_app_id.png| 720px]] | ||
+ | |||
+ | |||
And at Capabilities, enable the Sign in With Apple | And at Capabilities, enable the Sign in With Apple | ||
+ | |||
[[File:Apple_step_4_enable_sign_in_with_apple.png| 720px]] | [[File:Apple_step_4_enable_sign_in_with_apple.png| 720px]] | ||
+ | |||
+ | |||
Click on Continue and then register your new App ID. | Click on Continue and then register your new App ID. | ||
+ | |||
=== Add a Service ID === | === Add a Service ID === | ||
Again at the Identifiers section, click to add a new Identifier, and then select the Services IDs type. | Again at the Identifiers section, click to add a new Identifier, and then select the Services IDs type. | ||
+ | |||
[[File:Apple_step_7_select_services_ids.png| 720px]] | [[File:Apple_step_7_select_services_ids.png| 720px]] | ||
− | Add at | + | |
+ | |||
+ | Add at description the name of your service id, the Identifier is the OAuth client_id so, using the same bundle ID used at App ID creation, here we are going to add the suffix client. | ||
+ | |||
[[File:Apple_step_8_register_service_id.png| 720px]] | [[File:Apple_step_8_register_service_id.png| 720px]] | ||
+ | |||
+ | |||
With the Sign in with Apple enabled for your Service ID, click at Configure and then at Primary App ID select the App ID created earlier. | With the Sign in with Apple enabled for your Service ID, click at Configure and then at Primary App ID select the App ID created earlier. | ||
Line 51: | Line 72: | ||
At Return URLs, add the https://app.socialidnow.com/marketing/login/o_auth2/callback URL and then save the configuration. | At Return URLs, add the https://app.socialidnow.com/marketing/login/o_auth2/callback URL and then save the configuration. | ||
+ | |||
[[File:Apple_step_9_configure_service_sign_in.png| 720px]] | [[File:Apple_step_9_configure_service_sign_in.png| 720px]] | ||
+ | |||
+ | |||
=== Create a Private Key === | === Create a Private Key === | ||
At Certificates, Identifiers & Profiles, go to Keys section and click to add a new key. | At Certificates, Identifiers & Profiles, go to Keys section and click to add a new key. | ||
+ | |||
[[File:Apple_step_10_go_to_keys_section.png| 720px]] | [[File:Apple_step_10_go_to_keys_section.png| 720px]] | ||
+ | |||
+ | |||
Add a name to your Key, and enable the Sign in With Apple. | Add a name to your Key, and enable the Sign in With Apple. | ||
+ | |||
[[File:Apple_step_11_register_a_new_key.png| 720px]] | [[File:Apple_step_11_register_a_new_key.png| 720px]] | ||
+ | |||
+ | |||
Click once again to configure the Sign in With Apple, select the created App ID and then click to save the config. Click at Continue to create the Key. | Click once again to configure the Sign in With Apple, select the created App ID and then click to save the config. Click at Continue to create the Key. | ||
+ | |||
[[File:Apple_step_12_configure_key_sign_in_apple.png| 720px]] | [[File:Apple_step_12_configure_key_sign_in_apple.png| 720px]] | ||
+ | |||
Download the generated secret of your Key and get your Key ID | Download the generated secret of your Key and get your Key ID | ||
Line 74: | Line 106: | ||
Access your marketing account at https://app.socialidnow.com/. Open the drop-down of your account and click on "Social Apps" | Access your marketing account at https://app.socialidnow.com/. Open the drop-down of your account and click on "Social Apps" | ||
+ | |||
[[File:Go_to_social_apps.png| 720px]] | [[File:Go_to_social_apps.png| 720px]] | ||
+ | |||
+ | |||
Click on "Add a new Social App" and select Apple type. | Click on "Add a new Social App" and select Apple type. | ||
+ | |||
[[File:Social-apps-social-app-type.png| 720px]] | [[File:Social-apps-social-app-type.png| 720px]] | ||
+ | |||
+ | |||
Choose a name for your App, provide the Identifier of your Service ID as the Client ID, your Team ID and the id and secret of the generated key. | Choose a name for your App, provide the Identifier of your Service ID as the Client ID, your Team ID and the id and secret of the generated key. | ||
+ | |||
[[File:Apple_step_16_fill_credentials.png| 720px]] | [[File:Apple_step_16_fill_credentials.png| 720px]] |
Revision as of 21:39, 12 February 2020
Contents |
Requirements
To follow these steps you will need an Apple account. If you don't have one you can sign up at the link:
And need to be enrolled with the Apple Developer Program, which you can afford at:
Create a New App
Access your Apple Developer Account:
And then, click at Certificates, Identifiers & Profiles.
Create an App ID
At Certificates, Identifiers & Profiles, go to Identifiers section and click to add a new Identifier.
Select App IDs type:
Chose an App ID Prefix, at description fill with the name of your App ID and at bundle id add the reverse-domain of your page. At the following examples we are going to use a hypothetical site: mike.wazowski
And at Capabilities, enable the Sign in With Apple
Click on Continue and then register your new App ID.
Add a Service ID
Again at the Identifiers section, click to add a new Identifier, and then select the Services IDs type.
Add at description the name of your service id, the Identifier is the OAuth client_id so, using the same bundle ID used at App ID creation, here we are going to add the suffix client.
With the Sign in with Apple enabled for your Service ID, click at Configure and then at Primary App ID select the App ID created earlier.
Add your web domain and follow the instructions to verify the ownership.
At Return URLs, add the https://app.socialidnow.com/marketing/login/o_auth2/callback URL and then save the configuration.
Create a Private Key
At Certificates, Identifiers & Profiles, go to Keys section and click to add a new key.
Add a name to your Key, and enable the Sign in With Apple.
Click once again to configure the Sign in With Apple, select the created App ID and then click to save the config. Click at Continue to create the Key.
Download the generated secret of your Key and get your Key ID
Create Custom Social Login App
Access your marketing account at https://app.socialidnow.com/. Open the drop-down of your account and click on "Social Apps"
Click on "Add a new Social App" and select Apple type.
Choose a name for your App, provide the Identifier of your Service ID as the Client ID, your Team ID and the id and secret of the generated key.