Aplicación web: construya un bote Bot con Flask y Heroku
Este capítulo te entrena sobre cómo construir una aplicación Frash y Heroku. Toma la aplicación Shopify Bot por ejemplo
A muchos comerciantes a menudo les gusta preguntar por qué la tasa de conversión de mi tienda de repente está empeorando cada vez más. Siempre me gusta decir que el rendimiento de su tienda de repente está disminuyendo dramáticamente. A menudo no se trata de sus fallas en operación y estrategia de marketing. No lo tomes personalmente. A veces es una razón muy simple por la cual la tasa de conversión está disminuyendo, aunque ayer todavía fue muy excepcional. Es su competidor que hace algo que impacta la decisión final de su cliente. Necesita una aplicación web que lo facilite que los monitoree y la agilidad reaccione en la implementación.
En este capítulo, te presentaría a Flask y Heroku y los utilizaría para crear una aplicación web: Shopify Bot. Tomaría nuestro Capítulo 10 – Shopify Product Rasper, por ejemplo. Al final de este capítulo, puede aprender a construir los archivos de programación en el marco Flask y volver a vivir con Shopify Bot usando Heroku.
Tabla de contenido: Aplicación web con Flask y Heroku
- ¿Qué son Flask y Heroku?
- 1 estructura más 3 ingredientes y componentes centrales: carpeta más HTML, CSS y App.py
- Pruebe la aplicación en el host local – Flask Run
- Install gunicorn, add Procfile & Requirement.txt
- Conecte el git con Heroku
- Script de versión completa de la aplicación web Shopify Bot
- Shopify Última recomendación de punto final de API de tendencias de tendencias
¿Qué son Flask y Heroku?
Flask es un marco web, algunas personas también podrían haber conocido a Django. Ellos son muy similares. Es un módulo de Python que le permite desarrollar aplicaciones web fácilmente. Flask tiene un núcleo pequeño y fácil de extender. Tiene muchas características geniales como el enrutamiento de URL y un motor de plantilla. Es un marco de aplicaciones web WSGI.
We walk you through how to build a Shopify bot fetching your competitor’s website data. You might have a question about how to build a web application and share it with others using this scraper. Flask is for the purpose of building a web application. Installing Flask on Mac is very easy, you just need to type pip3 install flask in the terminal. Meanwhile, Heroku is for the purpose of hosting the web application with a URL as a server role.
Heroku es un servicio en la nube para alojar sus aplicaciones, y la compañía fue adquirida por Salesforce en 2011. Es una plataforma como servicio o lo llamamos PAAS con soporte para la escala automática y la implementación. Es la forma más rápida de pasar de las ideas a las URL. Admite idiomas de programación múltiple, como Ruby, PHP, Python, Java, Node.js, etc.
A continuación se muestra la versión más ligera del Shopify Bot patrocinada por Easy2Digital:
Principalmente utiliza GIT para implementar aplicaciones. Hay algunas opciones alternativas en el mercado, como Google App Engine, AppFog, Engine Yard, etc. Utiliza la fuente de aplicación recibida de Git Push para generar una compilación específica del idioma. Heroku usa su propio contenedor de Linux liviano llamado DYNO para ejecutar comandos especificados por el usuario.
Crear una cuenta de aplicación Heroku es gratuita, aunque tiene una cuota de creación de aplicaciones limitada. Ya es suficiente.
1 estructura más 3 ingredientes y componentes centrales: HTML, CSS y App.py
Construir una aplicación web para publicar es básicamente un proyecto de desarrollo web. Por lo tanto, debe tener una estructura de carpeta de sitio web. Es porque el frasco detecta automáticamente el nombre de la carpeta de forma predeterminada, y puede nombrarlo para que el frasco pueda crear las rutas de URL web. Por ejemplo, las plantillas alojan el archivo index.html que codifica para crear el diseño y los elementos front-end.
La carpeta estática aloja el archivo CSS que utiliza para diseñar y decorar su aplicación. Por último, pero no menos importante, la función y el motor central de esta aplicación web es la App.py.
Shopify Bot HTML Sección
Además de crear una página web, debe crear un HTML y agregar un encabezado, y una sección de cuerpo que se conecta con App.py y Main.css.
En este Bot Shopify, debe tener un formulario y enviar un botón para que los usuarios ingresen la URL de la tienda Shopify y envíen y descarguen todos los datos del producto de la tienda. Según estos elementos necesarios, arriba está la muestra de codificación.
Shopify bot main.css
En la carpeta estática, puede crear un archivo main.css. En el archivo, puede diseñar su familia de fuentes de párrafo, color, color de fondo de la aplicación web y tamaño de imagen. Además, diseñando una forma y un botón más atractivo.
App.py
Primero primero, necesitamos importar los módulos de frasco, excepto los módulos de Shopify Bot
Luego, necesitamos crear un Secret_Key que se utilice para integrarse con otras plataformas de terceros como Heroku, etc. Puede ingresar al azar el número secreto como desee.
Por último, pero no menos importante, necesitamos crear y nombrar la ruta de la aplicación usando @app.route (). Básicamente en esta ruta, puede definir el método POST o GET. Y bajo esta ruta, también puede crear una función personalizada. Aquí uso Flash para entregar los mensajes en función de la acción del usuario. Y en la segunda ruta, conecto la función con nuestro Bot Shopify. Una vez que el usuario descarga, puede activar el bot para obtener los datos específicos del almacén y descargarlos.
La parte central del script de Shopify Bot Python es la misma que el Tutorial de Python 10. Si está interesado, échale un vistazo.
Pruebe la aplicación en el host local – Flask Run
Una prueba de estadificación es indispensable antes de subir a Github y activar en Heroku.
En el terminal MAC, primero ubica dónde está la aplicación web utilizando CD. Luego puede ingresar el frasco y el resultado del terminal presenta una dirección de host local, que puede usar en el navegador de computadora.
http://127.0.0.1:5000/ + the route name of returning index.html
Por lo tanto, puede probarlo y modificarlo en consecuencia antes de que la aplicación web se realice.
Instale Gunicorn, agregue los archivos de procfile y requisitos
Antes de salir en vivo con la aplicación web, necesitamos agregar dos archivos adicionales a la aplicación. Primero primero, debe volver al terminal Mac y CD de la ruta de aplicación. Luego, instalar el Gunicorn es ingresar PIP3 Instalar Gunicorn.
Then, the first file you need to add is the Procfile. You need to input echo > Procfile, which is to add the Procfile in the group folder.
Después de esto, hay una cosa más que debes agregar a PROCFILE. Es una línea de códigos. El propósito es configurar las dinamómetro Heroku.
The second file you need to add is the requirement file. It’s easy you just need to go back to the Mac terminal and input pip3 freeze > requirements.txt
Conectar git con heroku
Hasta ahora, su aplicación web es hora de ponerse en marcha. Es muy simple hacerlo. Primero primero, debes ir a tu cuenta de Heroku y agregar una nueva aplicación. Luego, en la configuración, debe agregar el buildpack y usar python.
Por último, pero no menos importante, vaya a Heroku y su interfaz de aplicación. Haga clic en la implementación y puede seleccionar para cargar las carpetas de su aplicación al kit Heroku o conectando GitHub. El método de implementación depende de usted.
Después de que las cosas estén listas, tiene dos opciones para implementar en Heroku, que son la implementación automática y la implementación manual. Le recomendaría que comience con la implementación manual por primera vez conectando con su aplicación.
Script de versión completa de la aplicación web Shopify Bot
If you would like to have the full version script of the Shopify Bot Web Application, please subscribe to our newsletter by adding the message Python Tutorial 26. We would send you the script immediately to your mailbox.
Tan fácil, ¿verdad? Espero que disfrutes leyendo el Tutorial de Python 26: crea una aplicación web Shopify Bot con Flask y Heroku. Si lo hizo, por favor nos apoye haciendo una de las cosas enumeradas a continuación, porque siempre ayuda a nuestro canal.
- Support and donate to our channel through PayPal (paypal.me/Easy2digital)
- Subscribe to my channel and turn on the notification bell Easy2Digital Youtube channel.
- Follow and like my page Easy2Digital Facebook page
- Comparta el artículo en su red social con el hashtag #Easy2Digital
- Buy products with Easy2Digital 10% OFF Discount code (Easy2DigitalNewBuyers2021)
- Usted se registra en nuestro boletín semanal para recibir los últimos artículos, videos y códigos de descuento de Easy2Digital.
- Subscribe to our monthly membership through Patreon to enjoy exclusive benefits (www.patreon.com/louisludigital)
PREGUNTAS MÁS FRECUENTES:
P1: ¿Qué es Heroku?
R: Heroku es una plataforma en la nube que permite a los desarrolladores construir, implementar y escalar aplicaciones fácilmente.
P2: ¿Cuáles son los beneficios de usar Heroku?
R: El uso de Heroku ofrece varios beneficios, como implementación de aplicaciones simplificadas, escala automática, fácil integración con otros servicios y un ecosistema robusto de complementos.
P3: ¿Cómo maneja Heroku la escala?
R: Heroku escala automáticamente su aplicación en función de su tráfico y uso. Esto garantiza que su aplicación pueda manejar una alta carga y proporcione una experiencia perfecta para sus usuarios.
P4: ¿Puedo usar Heroku para alojar sitios web estáticos?
R: Sí, Heroku se puede usar para alojar sitios web estáticos. Proporciona una interfaz simple para implementar y administrar sitios estáticos, por lo que es una opción ideal para los desarrolladores.
P5: ¿Heroku es adecuado para aplicaciones a gran escala?
R: Sí, Heroku es adecuado para aplicaciones a gran escala. Ofrece características como escalado horizontal, equilibrio de carga y monitoreo del rendimiento para garantizar que su aplicación pueda manejar el alto tráfico y la escala de manera efectiva.
P6: ¿Heroku admite múltiples lenguajes de programación?
R: Sí, Heroku admite múltiples lenguajes de programación que incluyen Ruby, Node.js, Java, Python, PHP y más. Puede elegir el idioma que mejor se adapte a su aplicación.
P7: ¿Qué opciones de implementación ofrece Heroku?
R: Heroku ofrece varias opciones de implementación, incluida la implementación basada en GIT, la implementación basada en contenedores utilizando Docker e integración con herramientas populares de CI/CD como Travis CI y Circleci.
P8: ¿Puedo usar un dominio personalizado con Heroku?
R: Sí, puedes usar un dominio personalizado con Heroku. Proporciona opciones de configuración fáciles para vincular su aplicación a un dominio personalizado y administrar la configuración de DNS.
P9: ¿Heroku proporciona servicios de bases de datos?
R: Sí, Heroku proporciona servicios de bases de datos administrados para bases de datos populares como PostgreSQL, MySQL y MongoDB. Estos servicios ofrecen una configuración, escala y copias de seguridad fáciles para los datos de su aplicación.
P10: ¿Heroku es seguro?
R: Sí, Heroku sigue las prácticas de seguridad estándar de la industria para garantizar la seguridad de sus aplicaciones y datos. Proporciona características como cifrado SSL, transferencia de datos seguros y actualizaciones de seguridad regulares.
