Regístrate con Instagram
9 min
tutorial de oauth de instagram introducción instagram oauth permite a los usuarios iniciar sesión en aplicaciones utilizando su cuenta de instagram a través de oauth requisitos previos para completar este tutorial, necesitarás una aplicación creada en back4app consulta el tutorial de crear nueva aplicación https //www back4app com/docs/get started/new parse app para aprender cómo crear una aplicación en back4app configura un subdominio para tu aplicación de back4app consulta activar tu alojamiento web y consulta en vivo https //www back4app com/docs/platform/activating web hosting para aprender cómo crear un subdominio en back4app una cuenta de desarrollador de instagram https //developers facebook com/docs/instagram 1 crea una nueva aplicación en back4app primero que nada, es necesario asegurarse de que tienes una aplicación existente creada en back4app sin embargo, si eres un nuevo usuario, puedes consultar este tutorial https //www back4app com/docs/get started/new parse app para aprender cómo crear una 2 crea un nuevo cliente de aplicación de instagram inicia sesión en tu cuenta de desarrollador de instagram https //www instagram com/developer/ y regístrate como desarrollador ingresa tu sitio web, teléfono y una descripción para tu aplicación acepta los términos para continuar ir a resumen haga clic en \<font color="#2166ae">registrar su aplicación\</font> haga clic en \<font color="#2166ae">registrar un nuevo cliente\</font> complete el \<font color="#2166ae">nombre de la aplicación\</font> , \<font color="#2166ae">descripción\</font> , \<font color="#2166ae">nombre de la empresa\</font> , \<font color="#2166ae">url del sitio web\</font> , \<font color="#2166ae">uris de redirección\</font> , \<font color="#2166ae">url de la política de privacidad\</font> , y \<font color="#2166ae">correo electrónico de contacto\</font> para los \<font color="#2166ae">uris de redirección válidos\</font> , si solo está tratando de recuperar su token de acceso, puede dejarlo como http //localhost de lo contrario, debe usar la uri de producción para la redirección en este punto, debería tener un cliente como la imagen de abajo haga clic en \<font color="#2166ae">administrar\</font> y en la pestaña \<font color="#2166ae">seguridad\</font> desmarque \<font color="#2166ae">deshabilitar oauth implícito\</font> 3 recupera tu token si dejaste tus \<font color="#2166ae">uris de redirección\</font> como \<font color="#2166ae">localhost\</font> , hay dos formas en que puedes recuperar tu token la primera es usando tu navegador de elección e ir a la siguiente url https //api instagram com/oauth/authorize/?client id=client id\&redirect uri=redirect uri\&response type=code https //api instagram com/oauth/authorize/?client id=client id\&redirect uri=redirect uri\&response type=code simplemente cambia el \<font color="#2166ae">client id\</font> y \<font color="#2166ae">redirect uri\</font> usando los valores que obtuviste de tu cliente recién creado esto te redirigirá a una página inválida, pero te mostrará el token de acceso en la url la otra forma de recuperar tal token es ejecutar el siguiente comando curl, reemplazando el \<font color="#2166ae">client id\</font> , \<font color="#2166ae">client secret\</font> , y \<font color="#2166ae">redirect uri\</font> por tus valores 1 curl \\ f 'client id=client id' \\ 2 f 'client secret=client secret' \\ 3 f 'grant type=authorization code' \\ 4 f 'redirect uri=redirect uri' \\ 5 f 'code=code' \\ 6 https //api instagram com/oauth/access token ese comando también mostrará tu token de acceso 4 comienza el desarrollo ahora que la autenticación con instagram está configurada, puedes comenzar el proceso de desarrollo pasando el token de acceso que recuperaste para la autenticación el formato para authdata es 1 { 2 "instagram" { 3 "id" "user's instagram id (string)", 4 "access token" "an authorized instagram access token for the user" 5 } 6 } aquí está el método para el sdk de ios 1 pfuser loginwithauthtype(inbackground "instagram", authdata \["access token"\ tokenstring, "id" user]) continuewith { task > any? in 2 3 } y aquí para el sdk de android 1 map\<string, string> authdata = new hashmap\<string, string>(); 2 authdata put("access token", tokenstring); 3 authdata put("id", user); 4 parseuser loginwithinbackground("instagram", authdata){ 5 6 }