Inicio de sesión único (SSO) de OAuth para Shopify usando Apple como IDP | Shopify Iniciar sesión con Apple

Requisito previo: inicio de sesión único: aplicación SSO

Para configurar SSO en Shopify usando Apple como IDP, necesitarás instalar la aplicación miniOrange Single Sign On - SSO en tu tienda Shopify:

Pasos para configurar el inicio de sesión único (SSO) de Apple en Shopify

Paso 1: Paso para obtener el URI de redireccionamiento para el servidor OAuth

• Ve a tu tienda Shopify, haz clic en Apps y seleccione la Inicio de sesión único: inicio de sesión SSO .

• Haga clic en el Configurar proveedor de identidad en la parte superior izquierda de la barra de navegación.

• En la barra de navegación izquierda, seleccione Configurar SSO y haga clic en Agregar proveedor de identidad del botón.

• Usted puede encontrar el URL de devolución de llamada de OAuth/URI de redireccionamiento existentes OAuth 2.0 sección. Tenga a mano la URL de devolución de llamada de OAuth, ya que la necesitará más adelante.

2. Configuraciones en Apple

• En primer lugar, ve a https://developer.apple.com , haga clic en Cuenta e inicie sesión con su cuenta de desarrollador de Apple.
  
  
  
• Haga clic en Certificados, Identificadores y Perfiles en la cuenta de Apple.
  
  
• En el menú de la izquierda haz clic en Identificadores y después de eso haga clic en el Icono Más (color azul). Haga clic en Continúar para las próximas 2 páginas de la Cuenta Apple.
  
  
• Participar Descripción y ID de paquete para Identificación de la aplicación. (El ID del paquete debe estar en una cadena de estilo dns inverso).
  
  
• En Capacidades sección desplácese hacia abajo y seleccione firmar con manzana y haga clic en Editar .
  
  
• Seleccione Habilitar como ID de aplicación principal y haga clic en Guardar. Haga clic en Continúar y luego haga clic en Registro.
  
  
  
• En la esquina derecha haz clic en Continúar, luego haz clic en Registro del botón.
• Nuevamente haga clic en Icono más (color azul). Seleccionar ID de servicio y haga clic en Continuar.
  
  
• Participar Descripción y Identificador (El identificador sería su ID de cliente. Copie este ID y péguelo en el campo anterior de ID de cliente). Haga clic en Continúar y luego haga clic en el Registro del botón.
  
  
• Haga Clic en Claves desde el menú del lado izquierdo. Clickea en el Icono más para registrar una nueva clave.
  
  
• Entrega tu Clave un nombre, seleccione Iniciar sesión con Apple y haga clic en Configurar del botón.
  
  
• Seleccione su cuenta en ID principal y haga clic en el Guardar botón. Después de eso, en la esquina derecha, haga clic en Continuar y registrarse del botón.
  
  
  
• Copia el ID de clave y haga clic en el Descargar botón. Una vez descargada la clave, haga clic en el Terminado del botón.
  
  
• En el menú de la izquierda, haga clic en Identificadores.
• En la parte superior derecha haz clic en ID de aplicaciones.
• Seleccione ID de servicio Desde el menú desplegable.
  
  
• Seleccione su cuenta en ID de servicio de la lista.
• Seleccione Iniciar sesión con Apple y haga clic en Configurar .
  
  
  
• Seleccione ID de aplicación principal en el menú desplegable e ingrese el Dominio (el dominio de tu tienda Shopify) y del URL de redireccionamiento (URL de devolución de llamada desde la aplicación Shopify) en Dominios y Subdominios y URL de retorno respectivamente. Clickea en el Siguiente botón. (Obtendrá el nombre de dominio y la URL de redireccionamiento de la aplicación de inicio de sesión único (SSO) miniOrange)
  
  
• Verifica los detalles y haz clic en Terminado botón. Después de eso, en la esquina derecha, haga clic en el Continúar del botón.
• Copia el Valor del identificador y haga clic en el Guardar del botón.
• Ingrese el valor del Identificador en la ID del cliente y copie el clave descargada valor en el secreto del cliente de la aplicación Shopify SSO.
  
  

Ha completado con éxito la configuración lateral de Apple.

3. Generación de clave secreta

• Descargue nuestra Instalador de ruby desde el siguiente enlace https://rubyinstaller.org/downloads/ y luego instalarlo.
• Busque el símbolo del sistema Iniciar con Ruby. Abra el símbolo del sistema de Ruby e instale la gema JWT ejecutando el siguiente comando en la línea de comando: gem install jwt.
• Copie el siguiente código en un archivo y guárdelo con el .rb extensión. Mantenga este archivo .rb y el archivo .p8 descargado en la misma carpeta.
• Ingrese los siguientes valores en el código:
  
  • Ingrese el valor de key_file como el nombre del archivo de clave descargado del Paso 1. Por ejemplo: key_file = 'AuthKey_994H448YX2.p8'.
  • Ingrese el valor de ID del equipo consultando la imagen a continuación.
    
    
  • Ingrese el valor de la identificación del cliente como valor del identificador de la identificación del servicio. por ejemplo: 'com.abc.xyz'.
  • Ingrese el valor copiado de ID de clave de Paso 1 en key_id.
  
  

                        require 'jwt' key_file = 'key.p8' team_id = '' client_id = '' key_id = '' ecdsa_key = OpenSSL::PKey::EC.new IO.read key_file headers = { kid: key_id } Claims = { iss: team_id, iat: Time.now.to_i, exp: Time.now.to_i + 86400*180, aud: 'https://appleid.apple.com', sub: client_id, } token = reclamaciones JWT.encode, ecdsa_key, 'ES256', los encabezados ponen token
                    

• Abra el símbolo del sistema de Ruby y ejecute el código anterior usando el siguiente comando nombre de archivo rubí.rb.
• Obtendrás tu clave secreta. Copia la clave secreta.

4. Configure el ID de Apple como proveedor de OAuth 2.0 en Shopify.

• Ve a tu tienda Shopify, haz clic en Apps y seleccione la Inicio de sesión único: inicio de sesión SSO .

• Haga clic en el Configurar proveedor de identidad en la parte superior izquierda de la barra de navegación.

• En la barra de navegación izquierda, seleccione Proveedor de identidad. Seleccione Oauth.
  
  
• Introduzca los siguientes valores
  
  

  Nombre de la aplicación	Proveedor personalizado
  Nombre de visualización de la aplicación	Elija el nombre apropiado
  Punto final de autorización de OAuth	https://appleid.apple.com/auth/authorize?response_mode=form_post
  Punto final del token de acceso de OAuth	https://appleid.apple.com/auth/token
  ID de cliente	Identificador Valor del ID del servicio
  ID secreto del cliente	Desde el paso 2
  Lo que hacemos	email

• Para el mapeo de atributos, vaya a la página de administración de Shopify y desplácese hacia abajo hasta la sección de mapeo de atributos, ingrese OAuthConstants.ATTRIBUTES.EMAIL en el campo de correo electrónico.
  
  
• Guarde su configuración.

Has completado con éxito la configuración lateral de Shopify.

5. Prueba de SSO para tu tienda Shopify

• Ve a la página de inicio de sesión de tu tienda Shopify.(https:// /Cuenta de Ingreso)
• Haga clic en el botón de inicio de sesión Personalizaste antes.

• Serás redirigido a la página de inicio de sesión del IDP que configuraste en el paso anterior. Inicie sesión con las credenciales de su cuenta IDP.
• Iniciarás sesión exitosamente en tu tienda Shopify.

¡Has configurado exitosamente Apple como IDP para tu tienda Shopify!