____________________________________________________________

TRABAJO PRÁCTICO Nº3

____________________________________________________________

Materia: Integración Tecnológica

Profesor: Misael Cudek
Alumnos/as:
● Samuel Contreras
● Matias Ortiz
● Carlos Riveros
● Gonzalo Alvarez
Fecha de entrega: 04-06-2020

1
____________________________________________________________
Objetivo
____________________________________________________________

Comenzar con el dashboard de la tesis integrando Nosis,Facebook E

instagram

Índice
1. Situación y escenario: Crear un módulo de una Api de Facebook

para usarlo en un dashboard de una página web.

2. Requisitos y configuraciones:

 Tener una cuenta en Facebook.

 Crear una página Comercial en Facebook

 Tener una página web con un dominio activo en la web.

 Tener la página web desarrollada para poder

3. Configuración de la Api Facebook:

Cómo obtener un ID de Facebook App

(Facebook API Key)
 
Si está utilizando al menos una de las características de Facebook relacionados / tipos
de páginas en su aplicación necesita configurar una aplicación de Facebook ID (API
Key) en Escritorio> Configuración de aplicación> Facebook.  Las características que
se relacionan con Facebook son: Compartir App, Evaluar y reseña, Mosaico,
Efecto fotográfico, Compartir, Clasificaciones, Marcador y Messenger.
Con el fin de obtener una clave de API de Facebook, primero es necesario crear una
aplicación de Facebook en https://developers.facebook.com/ Seleccione «Agregar una
nueva aplicación» en el menú «Aplicaciones».

2
 

 
Seleccione iOS o Android. Al principio es posible seleccionar una plataforma
única. Pero más tarde, usted será capaz de permitir la aplicación de Facebook para
ambas plataformas.
 

 
Una vez que seleccione una plataforma se mostrará una pantalla de inicio
rápido. Seleccione  en saltar y «Crear App Id»
 

 
 
A continuación, debe introducir un nombre y seleccione una categoría. El nombre de la
aplicación de Facebook se mostrará en el dispositivo cuando el usuario vaya a

3
compartir un contenido a través de las características antes mencionadas. Deje en
blanco los demás campos.

 
Una vez establecido un nombre y una categoría, seleccione «Crear ID de
aplicación». Ir a la pestaña «Configuración (Settings)».Aquí es necesario configurar
una dirección de correo electrónico. A continuación, agregue una plataforma. Añadir la
plataforma que refleja su aplicación. Si va a hacer una aplicación para iOS y Android, a
continuación, añadir las dos plataformas.
 

iOS. Si se agrega una plataforma iOS necesita establecer una identificación

Bundle y un ID de App Store (iPhone o iPad). Necesita habilitar «Single Sign On»
también.
 

4
 
1) Identificación Bundle. Si su aplicación fue al menos una vez presentada para su
publicación a continuación, usted puede encontrar el ID de paquete en la aplicación en
su Escritorio.
 
 

 
 
Si no ha publicado la aplicación antes tendrá que crear una ID de paquete en su
cuenta de desarrollador de Apple. Si usted no tiene una cuenta de Apple Developer,
puede comunicarse con nosotros con un email de soporte y le crearemos uno para
usted pero tenga en cuenta que entonces tendrá que publicar la aplicación bajo
nuestra cuenta de Apple para que la aplicación de Facebook para funcionar.
Puede añadir varios ID Bundle separadas por comas en caso de que vaya a utilizar la
misma aplicación de Facebook para otras aplicaciones.
 
2) iPhone/iPad Store ID. Si la aplicación es una publicación, puede configurar su ID de
Apple aquí. El ID de Apple se puede encontrar en iTunes Connect bajo «About this
App section»
 
 

5
Si su aplicación aún no se ha publicado añada el paquete de identificación una vez
que se hay lanzado en la Store.
 
3) Tiene necesita habilitar «Single Sign On» para cada ID de aplicación que cree.
 
* Todos los demás campos deben dejarse en blanco.
 

Android. Para la plataforma Android es necesario establecer el nombre del

paquete de la aplicación, «Key Hashes» y permitir «Single Sign On».

 
1) Nombre del paquete. Si usted presentó la App para publicar al menos una vez
puede encontrar el nombre de la aplicación del paquete de la aplicación en el
Escritorio.
 

6
 
 
Si nunca ha enviado la App (nunca solicitó una compilación) puede establecer
cualquier nombre del paquete en el siguiente formato: com.anyname.anyname. Utilice
los caracteres en minúsculas, sin espacios ni caracteres especiales.
Asegúrese de utilizar el mismo nombre del paquete una vez que envíe la aplicación
para la publicación o solicitar una compilación instantánea.
 
.2) Key Hashes Utilice este ID para cada aplicación
Android: nt9/4S7SokcvsH3x45jRA5udL10=
 
3) Necesita habilitar «Single Sign On» para cada ID de aplicación que cree.
 
* Todos los demás campos deben dejarse en blanco.
Una vez que haya terminado, haga clic en Guardar.
 
En el siguiente paso, es necesario hacer la App Pública desde barra de «Status &
Review». Una vez que haya terminado haga clic en Guardar.
 

 
 

7
 Además, en la sección «App Details» es posible añadir metadatos para la aplicación
de Facebook. Esto no es necesario, pero se recomienda. Puede añadir una breve
descripción, descripción larga, iconos, imágenes, etc.
 

4. Visualizando la APi

5. Cargando el ID, la Token

 son cadenas aleatorias que te ofrecen acceso temporal seguro a la API,

incluyen permisos para datos específicos de gráfica social, como el nombre o
la edad de un usuario y se pueden obtener mediante la implementación del
inicio de sesión con Facebook

6. Probando los datos recibidos de un Perfil

7. Visualizando los datos recibidos

8. Recursos y Bibliografía

Respuesta

{ "data": [ { "name": "Julia Goulia", "id": "julia's-user-id" }, {

"name": "Steven Even", "id": "steven's-user-id" } ], "resumen": {
"total_count": 156 } }

Requerimientos previos de la api

8
Es obligatorio para el uso de la api que tengas tus credencias, Token y usuario, la original
es paga peor para desarrolaldores, te dan una demo que contiene todas las funciones pero
tiene que estar vinculada hacia una cuenta

Nosis
Su objetivo es brindar información de antecedentes comerciales, mercados
financieros en línea y comercio exterior para aportar herramientas analíticas que
faciliten la toma de decisiones.

Condiciones de uso

Ambiente de Testing
Para facilitar el desarrollo e integración de los sistemas, Nosis provee un ambiente
exclusivo de testing, al cual se accede con credenciales especiales para tal fin.
El ambiente de testing respeta el contrato del servicio al que se accede.
La información entregada no está actualizada o incluso puede ser información falsa
modelada para que el cliente realice sus pruebas de integración.
El tiempo de respuesta generalmente es superior a lo esperado y no deben realizarse
pruebas de carga en este ambiente.

Ambiente de Producción
Una vez finalizado los desarrollos por parte del cliente y previo a la puesta en servicio,
Nosis le entregará al cliente las credenciales para ingresar al ambiente de producción.
Si bien los términos contractuales de uso se especifican en el contrato de servicio, Nosis
puede bloquear los accesos provenientes del cliente si considera que se está haciendo un
uso desmesurado o indebido que pueda afectar la estabilidad de nuestra plataforma.

Nosis encripta el vínculo de comunicación ofreciendo un canal seguro SSL para el

intercambio de información, lo que impide revelar las credenciales suministradas en
tránsito.

Web Service
El servicio puede ser consumido mediante protocolos SOAP, REST o HTTP Simple
(API). Cuando el protocolo lo permite el cliente puede elegir obtener el resultado en
formato XML o JSON
Cualquiera sea la forma de acceso elegida por el cliente y el formato especificado, el
contrato expuesto para cada servicio es único y se entrega en formato XSD (XML
SCHEMA).

Parámetros para la consulta

9
Url de ejemplo : https://ws01.nosis.com/rest/variables?
usuario=xxxxx&token=xxxxxx&documento=xxxxxxxx&VR=1&Format=Json

CDA:

10
 Ejemplo de pedido Rest
{
"Header": null,
"Body": {
"Variables": {
"Usuario": " xxxx",
"Token": "xxxx",
"Documento": "xxxx",
"RazonSocial": "Juan Perez",
"VR": "2",
"CDA": "7",
"RespuestaReducida": "No",
"Timeout": "lO"
}

11
 }
}
"Usuario": "xxxx",
"Documento": "xxxx"
"VR": "2",
"Timeout": "lO"
},
"Resultado": {
"Estado": "200",
"Novedad": "OK",
"Tiempo": "l88",
"FechaRecepcion": "2018-05-11Tl2:02:24",
"Transaccion": "3d872a9d-c34e-4d9e-bd74-bed169b5b7ld",
"Referencia": "20215841856",
"Servidor": "SACWEBZllO",
"Version": "l.0.0"
},
"Datos": {
"Variables": {
"Variable": {
"Nombre": "MN_3m_Cant",
"Valor": "0",
"Descripcion": "Periodos Pagos - últ. meses",
"Tipo": "ENTERO",
"FechaAct": "2018-03-12"
}
}
}
}
}
Estados Nosis

12
Manejo de excepciones

El resultado de la invocación de un servicio se informa con un Estado alineado a los codigos de

estado de HTTP.

De esta manera se clasifican los grupos de estados posibles:

13
2xx El pedido fue entendido, aceptado y procesado correctamente por el servidor.
3xx El resultado final se obtiene con otra URL. Nosis lo usa en su API asincrónica.
4xx El pedido no puede ser procesado por problemas que puede resolver el cliente.
5xx El pedido no puede ser procesados por problemas ajenos al cliente.
Adicionalmente, el código de estado es acompañado por un texto llamado Novedad que
brinda mayor información al cliente sobre la causa de la falla.

Link de la documentacion original: https://www.instagram.com/developer/libraries/

Pueden usar la API para obtener su contenido multimedia, administrar y responder

comentarios en ese contenido, identificar contenido multimedia en el que otros
usuarios de Instagram los hayan @mencionado, buscar contenido multimedia con
hashtags y obtener metadatos y métricas básicos sobre otros creadores y empresas
de Instagram.

Usos habituales

Obtener y administrar fotos, videos e historias publicados

Obtener datos básicos sobre otros usuarios y creadores de Instagram para

empresas

Moderar los comentarios y las respuestas a ellos

Medir la interacción con el perfil y el contenido multimedia

Descubrir contenido multimedia con hashtags

Descubrir @menciones

14
Todas las comunicaciones de la API piden que tengan un retorno mediante una URL
verificada, La misma tiene que seguir con el protocolo de HTTPS, las claves privada
y publica son diferentes a la de Facebook u otro producto del mismo dashboard

Los permisos de Instragram todos tienen que ser verificados por ellos antes de
dártelos a diferencia de otras APIS que aunque este en modo de desarrollo igual los
podes usar.

Pide un Token para poder generar las comunicaciónes con el server, que se genera
cuando se Logea, el login se puede hacer igual que en el caso de Facebook,
mediante, PHP, Javascript ,Android, Ruby y Python aunque los sdks de los dos
ultimso están desactualizados

Codigo de ejemplo:

15
Mediante JavaScript se hace por medio del ajax, en donde el campo de Url es

hacia donde tenes que ir, poniendo en el get todos los parámetros que te piden

https://api.instagram.com/v1/media/<<TOKEN>>/likes

16
Si en vez de mandar mediante una url directa intentas mediante un
Iframe,Ajax,Modal o cualquier otro método te tira un error de coneccion
rechazada

Anuncios y criticas de Instagram

Ellos anunciaron que van a descontinuar su anterior API por temas de

seguridad de que cualquier persona que sepa tu usuario de Instagram puede
acceder a tu perfil, en caso de que sea público y obtener tu data sin la
necesidad de permisos

Cuando vos generar el login y luego de eso te dan tu token en varias funciones
como están descontinuadas te devuelve un mensaje de token invalido, pero en
ningún momento de la API te dicen que están descontinuadas esas funciones

17
 El sdk de Facebook no anda en si para Instagram aunque haya varios sitios que
te dicen que si funcionaria

Contratiempos

Tener que estar lidiando con APIS que su documentación es casi nula o escasa, por
ejemplo en caso de Instagram, o donde tienen varias versiones de su API y no
encontras cual es la correcta hoy en dia, y en el único momento donde sabes cual es
la correcta es de probar durante varias horas hasta darte cuenta de que forma tenes
que hacerlo

Más info para Api Instagram + imágenes para la ppt

¿Cómo obtener Instagram Client ID y Client Secret

Key?
Para integrar el ID del cliente de Instagram y la clave secreta, siga los pasos a
continuación:
 

1. Login en su cuenta de Instagram:

 

2. Vaya a https://www.instagram.com/developer/
 

3. Clic en Manage Clients 

 

18
  

4. En la página Developer Signup 
 Ingrese su Reseller Platform URL en el campo “Your Website”          
 Ingrese su número telefónico en Phone Number
 En el campo “What do you want to build with the API”, copie y pegue el
siguiente texto: “Developer Account”
 Marque el checkbox o casilla de verificación “I accept the API Terms of Use and
Brand Guidelines” (Acepto los téminos)
 Clic en Sign Up.
 

5. Una vez completo el proceso de creación, clic en Manage Clients, luego

en Register a New Client 
 

19
  
6. En la página Register new Client ID:
 Ingrese Application Name
 En el campo de descripción copie y pegue el siguiente texto: “This app is created
for developer account to access the user’s media and likes etc. for the mobile
app” 
 

20
  

6.1 Brinde su  Company Name (Nombre de su Negocio) and Reseller URL

en el campo Website URL
 

6.2 En Valid redirect URLs,

 Ingrese su Reseller URL y agregue este texto al final de la
misma “/instagram/success.php” 
Por ejemplo, si su Reseller URL
is “https://demo.myapparea.com”, entonces
agregue “/instagram/success.php” así
- https://demo.myapparea.com/instagram/success.php
 En el campo Privacy Policy URL, ingrese su Reseller URL
 Brinde su Email ID
 Clic en Register 
 

21
  

           
7. Clic en Manage en My Project header
 Copie Client ID y Client Secret Key, los cuales deberá pegar en la configuración
del campo intagram se su plataforma de Reseller.
 

22
  

8. Clic en Security y desmarque Disable implicit OAuth

 

23
  

9. Clic en Permissions en Manage Client: My Project. Luego clic en Start a

submission para comenzar el proceso de revisión de Instagram
 

24
  

10. Tilde o marque  “My app allows people to login with Instagram and share
their own content” (Mi aplicación permite a las personas iniciar sesión con Instagram y
compartir su propio contenido) en Permissions Review
 

11. Bajo “How does your app use the Instagram API”, copie y pegue el texto
- “This app is created for developer account to access the user’s media and
likes etc. for the mobile app. We are offering App Builder platform to our
customers where they can integrate their Instagram profile” (Esta aplicación se
creó para que la cuenta de desarrollador acceda a los medios del usuario y me gusta, etc.
para la aplicación móvil. Estamos ofreciendo plataforma de App Builder a nuestros
clientes donde pueden integrar su perfil de Instagram) en el campo “API use case”.
 Copie esta URL “https://youtu.be/sf1Q6xTkbuw”  y péguela en el campo Video
Screencast URL.
 

12. En “Do you need additional permissions?” (¿Necesitas permisos

adicionales?), seleccione Additional permissions uno por uno y haga clic en Add 

25
 Por cada nuevo permiso, copie y pegue el texto - “This app is created for
developer account to access the user’s media and likes etc. for the mobile app.
We are offering App Builder platform to our customers where they can
integrate their Instagram profile.”, (Esta aplicación se creó para que la cuenta de
desarrollador acceda a los medios del usuario y me gusta, etc. para la aplicación móvil.
Estamos ofreciendo la plataforma App Builder a nuestros clientes, donde pueden integrar su
perfil de Instagram.) En el campo “How does your app use this permission” (Como su
aplicación usa este perminso?)
 

13. Clic en Submit

 

26
14. Ahora, clic en Manage en My Project header, luego clic en Permissions para ver el
estado o status de su App
Nota: Review status cambiará de Pending Review a Approved solo cuando
instagram lo revise y apruebe. Y a partir de entonces funcionará en su plataforma de
reseller.
 

27