.
¿Tienes identificado el sistema que necesitas?
Selecciona una opción
Selecciona una opción
Describe brevemente lo que necesitas desarrollar:
Favor de llenar este campo
Favor de llenar este campo
Escribe aquí tu descripción
¿Para qué plataformas lo necesitas?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Qué requieres que contenga el software?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Qué sistema de notificaciones requieres?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Cuáles de las siguientes tecnologías deseas implementar?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Podrías especificar o describir la tecnología que requieres implementar?
Favor de llenar este campo
Favor de llenar este campo
Describe aquí la tecnología
¿Con qué clase o tipo de hardware necesita el software ser compatible?
Favor de llenar este campo
Favor de llenar este campo
Sensores, paneles, cámaras, etc.
¿A qué clase o tipo de sistema estás considerando integrar este software?
Favor de llenar este campo
Favor de llenar este campo
Describe aquí el sistema existente
Describe brevemente el problema que intentas solucionar:
Favor de llenar este campo
Favor de llenar este campo
Escribe aquí tu descripción
¿En qué área de tu empresa se encuentra el problema?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Qué otra área?
Favor de llenar este campo
Favor de llenar este campo
Escribe aquí el nombre de la área
¿Con quién nos dirigimos?
Favor de compartir mínimo 1 nombre y 1 apellido para saber a quién dirigirnos
Favor de llenar este campo
Favor de llenar este campo
Nombre
¿Cuál es tu correo electrónico?
Favor de escribir un correo electrónico valido
Favor de escribir un correo electrónico valido
Correo electrónico
¿Cómo te gustaría que te contactáramos?
Selecciona tu metodo de contacto preferido
Selecciona una
Selecciona una
¿Cuál es tu número de WhatsApp?
Favor de escribir un número de WhatsApp valido (10 dígitos)
Favor de escribir un número de WhatsApp valido (10 dígitos)
Número de WhatsApp
¿Cuál es tu número de teléfono?
Favor de escribir un número de teléfono valido (10 dígitos)
Favor de escribir un número de teléfono valido (10 dígitos)
Número de teléfono
.
Have you identified the type of system you need?
Selecciona una opción
Selecciona una opción
In just a few words, describe the type of system you're looking for
Please fill out this field
Please fill out this field
Describe the system you need, here.
On what types of platforms does it need to run?
Choose as many as you need
Choose at least one
Choose at least one
What does it need to do?
Choose as many as you need
Choose at least one
Choose at least one
What type of notification alerts do you need?
Choose as many as you need
Choose at least one
Choose at least one
Which technologies does it need to work with?
Choose as many as you need
Choose at least one
Choose at least one
Could you specify or describe the technology you want it to work with?
Please, fill out this field
Please, fill out this field
Describe it here
What kind of existing hardware does it need to work with?
Please, fill out this field
Please, fill out this field
Sensors, cameras, panels, etc.
What kind of existing software does it need to work with?
Please, fill out this field
Please, fill out this field
Describe it here
Describe in just a few words the problem that you're trying to solve:
Please, fill out this field
Please, fill out this field
Describe it here
In what area of your business is the problem located in?
Choose as many as you need
Choose at least one
Choose at least one
What other area?
Please, fill out this field
Please, fill out this field
Name of the area
Who should we address?
Please, fill out this field
Please, fill out this field
First and last name
What's your email address?
Please, use a valid email
Please, use a valid email
Email
How would you like to be contacted
Choose your preferred method
Choose one
Choose one
What's your phone number?
It has to be a valid 10 digit phone number
It has to be a valid 10 digit phone number
Phone number
¿Tienes identificado el sistema que necesitas?
Selecciona una opción
Selecciona una opción
Describe brevemente lo que necesitas desarrollar:
Favor de llenar este campo
Favor de llenar este campo
Escribe aquí tu descripción
¿Para qué plataformas lo necesitas?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Qué requieres que contenga el software?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Qué sistema de notificaciones requieres?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Cuáles de las siguientes tecnologías deseas implementar?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Podrías especificar o describir la tecnología que requieres implementar?
Favor de llenar este campo
Favor de llenar este campo
Describe aquí la tecnología
¿Con qué clase o tipo de hardware necesita el software ser compatible?
Favor de llenar este campo
Favor de llenar este campo
Sensores, paneles, cámaras, etc.
¿A qué clase o tipo de sistema estás considerando integrar este software?
Favor de llenar este campo
Favor de llenar este campo
Describe aquí el sistema existente
Describe brevemente el problema que intentas solucionar:
Favor de llenar este campo
Favor de llenar este campo
Escribe aquí tu descripción
¿En qué área de tu empresa se encuentra el problema?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Qué otra área?
Favor de llenar este campo
Favor de llenar este campo
Escribe aquí el nombre de la área
¿Con quién nos dirigimos?
Favor de compartir mínimo 1 nombre y 1 apellido para saber a quién dirigirnos
Favor de llenar este campo
Favor de llenar este campo
Nombre
¿Cuál es tu correo electrónico?
Favor de escribir un correo electrónico valido
Favor de escribir un correo electrónico valido
Correo electrónico
¿Cómo te gustaría que te contactáramos?
Selecciona tu metodo de contacto preferido
Selecciona una
Selecciona una
¿Cuál es tu número de WhatsApp?
Favor de escribir un número de WhatsApp valido (10 dígitos)
Favor de escribir un número de WhatsApp valido (10 dígitos)
Número de WhatsApp
¿Cuál es tu número de teléfono?
Favor de escribir un número de teléfono valido (10 dígitos)
Favor de escribir un número de teléfono valido (10 dígitos)
Número de teléfono
Have you identified the type of system you need?
Selecciona una opción
Selecciona una opción
In just a few words, describe the type of system you're looking for
Please fill out this field
Please fill out this field
Describe the system you need, here.
On what types of platforms does it need to run?
Choose as many as you need
Choose at least one
Choose at least one
What does it need to do?
Choose as many as you need
Choose at least one
Choose at least one
What type of notification alerts do you need?
Choose as many as you need
Choose at least one
Choose at least one
Which technologies does it need to work with?
Choose as many as you need
Choose at least one
Choose at least one
Could you specify or describe the technology you want it to work with?
Please, fill out this field
Please, fill out this field
Describe it here
What kind of existing hardware does it need to work with?
Please, fill out this field
Please, fill out this field
Sensors, cameras, panels, etc.
What kind of existing software does it need to work with?
Please, fill out this field
Please, fill out this field
Describe it here
Describe in just a few words the problem that you're trying to solve:
Please, fill out this field
Please, fill out this field
Describe it here
In what area of your business is the problem located in?
Choose as many as you need
Choose at least one
Choose at least one
What other area?
Please, fill out this field
Please, fill out this field
Name of the area
Who should we address?
Please, fill out this field
Please, fill out this field
First and last name
What's your email address?
Please, use a valid email
Please, use a valid email
Email
How would you like to be contacted
Choose your preferred method
Choose one
Choose one
What's your phone number?
It has to be a valid 10 digit phone number
It has to be a valid 10 digit phone number
Phone number
.
¿Tienes identificado el sistema que necesitas?
Selecciona una opción
Selecciona una opción
Describe brevemente lo que necesitas desarrollar:
Favor de llenar este campo
Favor de llenar este campo
Escribe aquí tu descripción
¿Para qué plataformas lo necesitas?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Qué requieres que contenga el software?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Qué sistema de notificaciones requieres?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Cuáles de las siguientes tecnologías deseas implementar?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Podrías especificar o describir la tecnología que requieres implementar?
Favor de llenar este campo
Favor de llenar este campo
Describe aquí la tecnología
¿Con qué clase o tipo de hardware necesita el software ser compatible?
Favor de llenar este campo
Favor de llenar este campo
Sensores, paneles, cámaras, etc.
¿A qué clase o tipo de sistema estás considerando integrar este software?
Favor de llenar este campo
Favor de llenar este campo
Describe aquí el sistema existente
Describe brevemente el problema que intentas solucionar:
Favor de llenar este campo
Favor de llenar este campo
Escribe aquí tu descripción
¿En qué área de tu empresa se encuentra el problema?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Qué otra área?
Favor de llenar este campo
Favor de llenar este campo
Escribe aquí el nombre de la área
¿Con quién nos dirigimos?
Favor de compartir mínimo 1 nombre y 1 apellido para saber a quién dirigirnos
Favor de llenar este campo
Favor de llenar este campo
Nombre
¿Cuál es tu correo electrónico?
Favor de escribir un correo electrónico valido
Favor de escribir un correo electrónico valido
Correo electrónico
¿Cómo te gustaría que te contactáramos?
Selecciona tu metodo de contacto preferido
Selecciona una
Selecciona una
¿Cuál es tu número de WhatsApp?
Favor de escribir un número de WhatsApp valido (10 dígitos)
Favor de escribir un número de WhatsApp valido (10 dígitos)
Número de WhatsApp
¿Cuál es tu número de teléfono?
Favor de escribir un número de teléfono valido (10 dígitos)
Favor de escribir un número de teléfono valido (10 dígitos)
Número de teléfono
.
Have you identified the type of system you need?
Selecciona una opción
Selecciona una opción
In just a few words, describe the type of system you're looking for
Please fill out this field
Please fill out this field
Describe the system you need, here.
On what types of platforms does it need to run?
Choose as many as you need
Choose at least one
Choose at least one
What does it need to do?
Choose as many as you need
Choose at least one
Choose at least one
What type of notification alerts do you need?
Choose as many as you need
Choose at least one
Choose at least one
Which technologies does it need to work with?
Choose as many as you need
Choose at least one
Choose at least one
Could you specify or describe the technology you want it to work with?
Please, fill out this field
Please, fill out this field
Describe it here
What kind of existing hardware does it need to work with?
Please, fill out this field
Please, fill out this field
Sensors, cameras, panels, etc.
What kind of existing software does it need to work with?
Please, fill out this field
Please, fill out this field
Describe it here
Describe in just a few words the problem that you're trying to solve:
Please, fill out this field
Please, fill out this field
Describe it here
In what area of your business is the problem located in?
Choose as many as you need
Choose at least one
Choose at least one
What other area?
Please, fill out this field
Please, fill out this field
Name of the area
Who should we address?
Please, fill out this field
Please, fill out this field
First and last name
What's your email address?
Please, use a valid email
Please, use a valid email
Email
How would you like to be contacted
Choose your preferred method
Choose one
Choose one
What's your phone number?
It has to be a valid 10 digit phone number
It has to be a valid 10 digit phone number
Phone number

Integración de Paypal en Angular

by | Ago 7, 2019 | Angular

Para realizar la implementación de Paypal con Angular usaremos la librería ngx-paypal.

Lo primero que haremos será instalar la librería.

npm install ngx-paypal --save

Una vez instalada la librería tendremos que importar el modulo NgxPayPalModule.

@NgModule({
imports: [
NgxPayPalModule,
...
],
})

Ahora en el el archivo .ts de nuestro componente donde vamos a realizar la configuración de la compra se
pondrá el siguiente código.

-> Se declara una variable del tipo IPayPalCongig.
public payPalConfig: IPayPalConfig;

-> En el constructor llamaremos el método que contiene toda la configuración.
constructor() {
this.initConfig();
}

-> En este método ‘initConfig()’ realizaremos la configuración de PayPal. Los primeros datos que nos piden es el tipo de
moneda, que en este caso es peso mexicano MXN, y el segundo es el clientId, este id corresponde al id de la cuenta a quien
se le harán los depósitos, es decir al dueño. Para conseguir este id tendremos que ir al sitio de Paypal
https://www.paypal.com/mx/webapps/mpp/account-selection donde nos tendremos que registrar una cuenta de negocios.
Una vez que estemos registrados, ingresaremos a https://developer.paypal.com/ donde iniciaremos sesión e ingresaremos al
dashboard, una vez dentro de esta sección no ubicaremos en la sección de My Apps & Credentials, ahí crearemos una nueva App.


Una vez creada la app, la seleccionaremos para ver los detalles, uno de los datos importantes que debemos de tener en cuenta es
que si queremos realizar transacciones reales deberemos de usar la opción Live, y el Client ID que nos aparece es el que usaremos
en la configuración de PayPal en Angular.

-> Una vez que ya tenemos el client ID, lo siguiente sera nada más configurar la compra, en el objeto amount, pondremos
el tipo de moneda y el valor total de la compra. Y en el objeto Items pondremos la descripción de la compra, el total de
artículos, y el precio de cada artículo.

initConfig() {
this.payPalConfig = {
currency: 'MXN',
clientId: 'ASiNzQ1WmiOYpTOdrmyBskYW6_lOid09x-oPEN0ryIqQnx3KRZ4P8Xx3A8QNwUrUQaSv9J4mkjw4NmXM',

createOrderOnClient: (data) => <ICreateOrderRequest>{
intent: 'CAPTURE',
purchase_units: [
{
amount: {
currency_code: 'MXN',
value: '0.02',
breakdown: {
item_total: {
currency_code: 'MXN',
value: '0.02'
}
}
},
items: [
{
name: 'Tokens',
quantity: '2',
category: 'DIGITAL_GOODS',
unit_amount: {
currency_code: 'MXN',
value: '0.01',
},
}
]
}
]
},
advanced: {
commit: 'true'
},
style: {
label: 'paypal',
layout: 'vertical'
},
onApprove: (data, actions) => {
console.log('onApprove - transaction was approved, but not authorized', data, actions);
actions.order.get().then(details => {
console.log('onApprove - you can get full order details inside onApprove: ', details);
});
},
onClientAuthorization: (data) => {
console.log('onClientAuthorization - you should probably inform your server about completed transaction at this point', data);
},
onCancel: (data, actions) => {
console.log('OnCancel', data, actions);
},
onError: err => {
console.log('OnError', err);
},
onClick: (data, actions) => {
console.log('onClick', data, actions);
},
};
}

Una vez que pusimos este código podemos observar que contiene varias acciones como son onClick, onError, onCancel,
onClientAuthorization, onApprove, cada una de estas acciones se ejecutará de acuerdo a lo que nos responda la appi
de PayPal.

Propiedad Tipo Descripción
Identificación del cliente cuerda Identificación de su cuenta PayPal
onApprove (datos, acciones) => nulo Ejecutado cuando la transacción de PayPal fue aprobada (pero no autorizada)
createOrderOnClient (datos) => ICreateOrderRequest Use para crear orden en el cliente. Es necesario definir esto o ‘createOrderOnServer’
createOrderOnServer (datos) => Promesa <cadena> Use para crear orden en el servidor. Es necesario definir esto o ‘createOrderOnClient’
onClientAuthorization (autorización) => cualquiera Se llama cuando se completa la autorización del cliente. Use esto para notificar a su servidor sobre el pago.
authorizeOnServer (datos, acciones) => cualquiera Si está configurado, debe autorizar el pago en su servidor. La autorización predeterminada del cliente no se utiliza en este caso.
currency cuerda La moneda de PayPal. El valor predeterminado es USD
button IPayPalButtonStyle Configuración de botones
onError (err) => vacío Llamado cuando PayPal experimenta un error
onCancel (datos, acciones) => nulo Llamado cuando se cancela el pago

Por ultimo en el html de nuestro componente mandaremos a llamar al botón de PayPal.

<ngx-paypal [config]="payPalConfig"></ngx-paypal>


			

Entradas relacionadas

Descubre en 5 minutos las áreas de tu empresa puedes mejorar