Apple Social App User Guide

(Difference between revisions)
Jump to: navigation, search
(Requirements)
Line 8: Line 8:
 
:https://developer.apple.com/enroll/
 
:https://developer.apple.com/enroll/
  
== Add a New App ==
+
 
 +
== 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 a 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.
+
 
 +
 
 +
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:

https://appleid.apple.com/account

And need to be enrolled with the Apple Developer Program, which you can afford at:

https://developer.apple.com/enroll/


Create a New App

Access your Apple Developer Account:

https://developer.apple.com/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.


Apple step 1 add indentifier.png


Select App IDs type:


Apple step 2 select as app id.png


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


Apple step 3 register app id.png


And at Capabilities, enable the Sign in With Apple


Apple step 4 enable sign in with apple.png


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.


Apple step 7 select services ids.png


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.


Apple step 8 register service id.png


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.


Apple step 9 configure service sign in.png


Create a Private Key

At Certificates, Identifiers & Profiles, go to Keys section and click to add a new key.


Apple step 10 go to keys section.png


Add a name to your Key, and enable the Sign in With Apple.


Apple step 11 register a new key.png


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.


Apple step 12 configure key sign in apple.png


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"


Go to social apps.png


Click on "Add a new Social App" and select Apple type.


Social-apps-social-app-type.png


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.


Apple step 16 fill credentials.png

Personal tools
Namespaces
Variants
Actions
Navigation
Toolbox