Categor铆as: Sin categor铆a

Mi primer app de shopify ?

Requerimientos
Ruby
RubyGems
Bundler
Descarga la aplicaci贸n de ejemplo

1.- Ya que debemos correr la aplicaci贸n en una url con https externa a shopify vamos a usar ngrok

  • Descargar ngrok de su pagina oficial
  • Descomprimimos
  • Ejecutamos este comando聽./ngrok http 4567
Esto creara un tunel entre tu maquina local en el puerto 4567 (localhost:4567) y el subdominio que te presta ngrok

2.- Descargamos la aplicacion de ejemplo de shopify lo descomprimimos en la carpeta聽shopify_app2 y abrimos el archivo que esta en 鈥01 Getting Started/app.rb鈥

require 'shopify_api'
require 'sinatra'
require 'httparty'
require 'dotenv'
Dotenv.load

class GiftBasket < Sinatra::Base
attr_reader :tokens
API_KEY = ENV['API_KEY']
API_SECRET = ENV['API_SECRET']
APP_URL = "jamie.ngrok.io"

Sustituimos聽jamie.ngrok.io聽por la url que nos da ngrok en este caso聽https://741020c8.ngrok.io

Dentro de la raiz del proyecto ejecutamos el siguiente comando:

bundle install

3.- Debemos registrarnos como partner en este link
Click en apps y despues create app

Colocamos el nombre de nuestra app y ponemos la url que nos dio ngrok.

Damos click a la pesta帽a 鈥淎pp info鈥 Y sacamos el 鈥淎pi key鈥 y el 鈥淎PI secret key鈥

4.- Creamos el archivo .env y colocamos el API_KEY y el API_SECRET

API_KEY=YOUR_API_KEY
API_SECRET=YOUR_SECRET_KEY

5.- Configuramos las URL en la app de shopify

https://741020c8.ngrok.io/giftbasket/install
https://
741020c8.ngrok.io/giftbasket/auth

6.- En la terminal entramos en la carpeta de nuestra aplicacion y corremos app.rb

ruby 01 Getting Started/app.rb

7.- Para probar nuestra app debemos crear un tienda de tipo develop
Vamos a dashboard de shopify partners聽 >>聽 Developers stores y crear una nueva store

Llenamos los datos de la tienda y damos click en save

Creamos una URL dependiendo de los datos previamente obtenidos.
https://{shop}.myshopify.com/admin/oauth/authorize?client_id={api_key}&scope={scopes}&redirect_uri={redirect_uri}&state={nonce}&grant_options[]={option}
Donde:
{shop} 鈥 Nombre de la tienda-develop que creamos.
{api_key} 鈥 Key que acabamos de sacamos.
{scopes} 鈥 Permisos que le vamos a pedir la tienda por ejemplo: scope=write_orders,read_customers.
{redirect_uri} 鈥 (Requerido) URL a donde se va a redireccionar el login en mi caso: https://741020c8.ngrok.io/giftbasket/auth.
{nonce} 鈥 a Nombre de tu app.

La url que ingesamos nos muestra esta pantalla a la que le damos install.

Al final vemos聽 nuestra app instalada en nuestra tienda develop.

https://help.shopify.com/api/tutorials/building-public-app

Eugenio Chaparro

Compartir
Publicado por
Eugenio Chaparro

Entradas recientes

馃煝Editar c贸digo de un m贸dulo en Dolibarr [04]

馃煝Editar c贸digo de un m贸dulo en Dolibarr [04]

En este tutorial vamos editar el c贸digo de nuestro m贸dulo personas para poder personalizar algunas…

3 semanas hace
馃煝Crear un sub_m贸dulo en Dolibarr [03]

馃煝Crear un sub_m贸dulo en Dolibarr [03]

En este tutorial vamos a crear un sub m贸dulo llamado seguridad que ser谩 muy parecido…

3 semanas hace
馃煝Modificar un m贸dulo en Dolibarr [02]

馃煝Modificar un m贸dulo en Dolibarr [02]

En este tutorial aprenderemos a editar el objeto personas del modulo persona que creamos en…

3 semanas hace
馃煝Constructor de m贸dulos en Dolibarr

馃煝Constructor de m贸dulos en Dolibarr

Como mencionamos anteriormente Dolibarr es un proyecto realizado sobre la base de una pol铆tica clara:…

3 semanas hace
馃煝Tickets en Dolibarr [19]

馃煝Tickets en Dolibarr [19]

Los ticket en dolibarr nos ayudan a comunicar inconveniente en nuestros productos y servicios dentro…

3 semanas hace
馃煝Agenda en Dolibarr [18]

馃煝Agenda en Dolibarr [18]

Las agendas en dolibarr nos ayudan a ver las actividades realizadas en proceso y por…

3 semanas hace