![\"Michael](\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2017\/04\/MIKE-IMAGE.jpg\")
<\/p>\nMichael Aboagye es un ingeniero de software\/seguridad backend residente en Ghana. <\/b>Est\u00e1 interesado en la creaci\u00f3n de servicios backend seguros con Python.<\/b><\/p>\n
<\/p>\n
En este tutorial, veremos c\u00f3mo podemos construir una aplicaci\u00f3n web de diario basada en el framework flask con Couchbase como servidor backend. <\/span><\/p>\n Al final de este tutorial, ser\u00e1s capaz de construir una aplicaci\u00f3n web sencilla con el framework Flask para enviar los datos de los usuarios a un servidor Couchbase. Adem\u00e1s, aprender\u00e1s a configurar un servidor Couchbase.<\/span><\/p>\n Requisitos previos<\/b><\/p>\n Necesitas los siguientes paquetes para ejecutar o clonar el proyecto desde GitHub.<\/span><\/p>\n Flask framework es un micro framework escrito en Python. Es un micro framework porque no viene con un formulario de validaci\u00f3n, mecanismo de autenticaci\u00f3n, y as\u00ed sucesivamente. Te permite personalizar las aplicaciones a tu manera.<\/span><\/p>\n Una plantilla Jinja es simplemente un archivo de texto que contiene variables y expresiones, las cuales son reemplazadas cuando una plantilla es renderizada o mostrada.<\/span><\/p>\n Couchbase Server es una base de datos de documentos NoSQL escalable. Utilizaremos el servidor Couchbase para almacenar los datos de los usuarios. <\/span><\/p>\n En primer lugar, cree un directorio para alojar el entorno virtual utilizando <\/span>mkdir<\/span> mando.<\/span><\/p>\n El siguiente comando crea un directorio como<\/span> proyecto web<\/span> y lo cambia por el <\/span>proyecto web<\/span> directorio<\/span>.<\/span><\/p>\n A continuaci\u00f3n, cambie al directorio para activar el entorno virtual mediante los siguientes comandos:<\/span><\/p>\n Una vez dentro del entorno virtual, podemos instalar paquetes sin miedo a entrar en conflicto con los paquetes del sistema.<\/span><\/p>\n En esta secci\u00f3n, instalaremos el framework Flask escrito en Python y otros paquetes necesarios para el proyecto.<\/span><\/p>\n Vamos a instalar los paquetes que necesitamos para este proyecto usando pip y dpkg.<\/span><\/p>\n En este tutorial, vamos a ejecutar Couchbase Server a trav\u00e9s de Docker. Necesitas tener Docker en tu localhost o m\u00e1quina de desarrollo para poder <\/span>extraiga o descargue im\u00e1genes de Couchbase desde <\/span>dockerhub<\/span><\/a>.<\/span><\/p>\n Navegue hasta el terminal y escriba lo siguiente para acceder al repositorio de DockerHub:<\/span><\/p>\n A continuaci\u00f3n, se le pedir\u00e1 que proporcione sus credenciales antes de poder acceder o \"extraer\" im\u00e1genes de DockerHub.<\/span><\/p>\n Es necesario ejecutar los comandos Docker como usuario root.<\/span><\/p>\n Sin embargo, si prefieres instalar Couchbase Server manualmente, Couchbase proporciona dos formas de instalaci\u00f3n para distribuciones basadas en Debian y Redat. <\/span>Puede consultarlo en <\/span>Couchbase<\/span><\/a>.<\/span><\/p>\n <\/p>\n Para acceder al servidor Couchbase, necesitamos descargar el cliente Couchbase SDK para acceder a un cluster Couchbase. <\/span>Couchbase proporciona SDK para lenguajes de programaci\u00f3n como Python, .NET y Java.\u00a0<\/span>Vamos a descargar e instalar Couchbase SDK para Python usando pip:<\/span><\/p>\n Una vez que hayas sacado las im\u00e1genes de Couchbase Server de DockerHub, podemos crear y ejecutar un nuevo contenedor usando el siguiente comando:<\/span><\/p>\n docker run: Este comando crea una capa contenedora sobre la imagen de Couchbase y la inicia.<\/span><\/p>\n -d : La bandera -d significa que el contenedor se ejecuta como un demonio.<\/span><\/p>\n -name : Este es el nombre para el nuevo contenedor<\/span><\/p>\n -p : Esta bandera es para la asignaci\u00f3n de puertos<\/span><\/p>\n Ahora estamos ejecutando el servidor Couchbase en un contenedor.<\/span><\/p>\n Dentro de su navegador, visite https:\/\/localhost:8091 en su m\u00e1quina para configurar el servidor Couchbase.<\/span><\/p>\n Como puede ver, tenemos opciones para crear un nuevo cl\u00faster o unirnos a un cl\u00faster existente. Vamos a elegir la opci\u00f3n de crear un nuevo cl\u00faster \u00fanico. <\/span>Establecer un nombre de Cluster, crear un nombre de usuario para <\/span>Admin<\/span> y una contrase\u00f1a de 6 caracteres como se muestra a continuaci\u00f3n: <\/span><\/p>\n Vamos con la configuraci\u00f3n por defecto. Necesitamos establecer el nombre de host o la direcci\u00f3n IP para nuestro nuevo cluster. No cambiaremos el disco de datos, la ruta del disco de \u00edndices y la ruta del disco de an\u00e1lisis para el prop\u00f3sito de este proyecto.<\/span><\/p>\n Adem\u00e1s, no es necesario modificar las cuotas de memoria a menos que no dispongas de suficiente RAM.\u00a0<\/span>Por \u00faltimo, se nos presentan dos opciones: iniciar el servidor Couchbase con la configuraci\u00f3n predeterminada o configurar la memoria y los servicios.<\/span><\/p>\n Haga clic en el bot\u00f3n que le permite configurar la memoria y los servicios para Couchbase Server. <\/span><\/p>\n <\/p>\n La secci\u00f3n Nombre de host o direcci\u00f3n IP le permite establecer un nombre de host, por ejemplo <\/span>localhost<\/span> o <\/span>192.168.15.12<\/span>. La ruta del disco de datos le permite definir la ruta.<\/span><\/p>\n Entonces <\/span>crear un cubo<\/span><\/a> llamado \"users-data\" a trav\u00e9s de la consola web de Couchbase. <\/span><\/p>\n <\/p>\n S<\/span>till dentro de su entorno virtual, cree un archivo<\/span> llamado<\/span> app.py<\/b>. <\/span>Dentro del archivo app.py, copia y pega el siguiente c\u00f3digo:<\/span><\/p>\n En el c\u00f3digo anterior, hemos importado el framework Flask, y el cliente Couchbase para Python.\u00a0<\/span>A continuaci\u00f3n, nos conectamos al bucket Users-data a trav\u00e9s del m\u00e9todo Couchbase client connect. A continuaci\u00f3n, creamos una ruta para la p\u00e1gina de inicio y la p\u00e1gina create-memo para los usuarios. <\/span><\/p>\n Tambi\u00e9n podemos crear una ruta para la p\u00e1gina de mensajes. Esta p\u00e1gina mostrar\u00e1 los mensajes enviados por un usuario. <\/span>Dentro del archivo \"app.py\", escribe el siguiente c\u00f3digo para recuperar un mensaje de usuario espec\u00edfico del servidor Couchbase:<\/span><\/p>\n Dentro del directorio de su proyecto, cree un subdirectorio utilizando el comando mkdir como se muestra a continuaci\u00f3n:<\/span><\/p>\n Dentro del directorio templates, crea los archivos home.html, savedmemo.html, y postmemo.html con el comando touch:<\/span><\/p>\n Pegue el siguiente c\u00f3digo dentro del archivo home.html:<\/span><\/p>\n <\/p>\n Pegue el siguiente c\u00f3digo dentro del archivo memo.html:<\/span><\/p>\n Dentro del archivo savedmemo.html, pegue el siguiente c\u00f3digo para generar un formulario que mostrar\u00e1 formularios con mensajes guardados:<\/span><\/p>\n <\/p>\n Ejecute el siguiente comando para iniciar la aplicaci\u00f3n basada en flask como se muestra a continuaci\u00f3n:<\/span><\/p>\n Abra su navegador y navegue hasta la siguiente url para visualizar la p\u00e1gina donde puede enviar los detalles al servidor Couchbase:<\/span><\/p>\n https:\/\/localhost.com\/home\/create-memo<\/b><\/a><\/p>\n Adem\u00e1s, si quieres navegar a la p\u00e1gina donde se mostrar\u00e1n los mensajes de los usuarios y pueden ser editados o modificados y guardados antes de enviarlos al Servidor Couchbase, utiliza lo siguiente:<\/span><\/p>\n <\/p>\n https:\/\/localhost.com\/home\/saved-messages\/:5000<\/b><\/a><\/p>\n <\/p>\n En este tutorial, aprendimos a construir una aplicaci\u00f3n simple de diario basada en Flask con Couchbase Server como backend.<\/span> donde los usuarios pueden enviar datos a trav\u00e9s de un formulario a un servidor Couchbase.<\/span><\/p>\n Puede descargar o clonar el proyecto completo desde <\/span>GitHub<\/span><\/a> si quieres probarlo.<\/span><\/p>\n\n
\n
\n
Crear un entorno virtual<\/b><\/h2>\n
mkdir webproject && cd webproject\r\nVirtualenv diary<\/pre>\n
mkdir webproject && cd webproject\r\n\r\nVirtualenv diary\r\n<\/pre>\n
Instalar Flask Framework y otros paquetes<\/b><\/h2>\n
pip install couchbase\r\n\r\npip install jinja \r\n\r\nPip install flask\r\n<\/pre>\n
docker login\r\n<\/pre>\n
docker pull couchbase\/server\r\n<\/pre>\n
Descargar Python SDK 2.5 para Couchbase Server<\/b><\/h2>\n
pip install couchbase\r\n<\/pre>\n
<\/h2>\n
Configurar e iniciar Couchbase Server<\/b><\/h2>\n
docker run -d --name db -p 8091-8094:8091-8094 -p 11210:11210 couchbase\r\n<\/pre>\n
![\"\"](\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2019\/06\/build1-300x219.png\")
<\/p>\n![\"\"](\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2019\/06\/build2-300x203.png\")
<\/p>\n![\"\"](\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2019\/06\/build3-1-270x300.png\")
<\/p>\nEscribir c\u00f3digo del lado del servidor para la aplicaci\u00f3n Agenda<\/b><\/h2>\n
from flask import Flask \r\nfrom couchbase import Couchbase \r\nclient = Couchbase.connect(host = \"localhost\", Password = \u201cPassword_here\u201d, bucket = \"Users-data\")\r\n\r\n@app.route('\/home', method=['GET'])\r\ndef home_page():\r\n return render_template('home.html')\r\n\r\n@app.route('\/home\/create-memo'), method=['POST'])\r\ndef create_memo():\r\n if method == \u201cPOST\u201d:\r\n diary = { \r\n \"memo\" : request.form[\"memo\"],\r\n \"year\" : request.form[\"year\"],\r\n \"month\" : request.form[\"month\"],\r\n \"day\" : request.form[\"day\"]\r\n }\r\n Key=uuid.uuid1.hex()\r\n user_doc=json.dumps(diary)\r\n client.set(key, user_doc)\r\n return redirect(url_for(\"index\"))\r\nreturn render_view(\"create.html\")\r\n<\/pre>\n@app.route(\u2018home\/saved-messages\u2018, method=[\u2018GET\u2019,\u2018POST\u2019])\r\ndef get saved_messages():\r\n\r\n Saved_messages = client.get(key)\r\n Saved_event = json.loads(saved_messages)\r\n\r\n \r\n if request.method == \u201cPOST\u201d: \r\n\r\n Saved_event.memo = request.form[\u201cmemo\u201d] \r\n Saved_event.year = request.form[\u201cyear\u201d] \r\n Saved_event.month = request.form[\u201cmonth\u201d]\r\n Saved_event.day = request.form[\u201cday\u201d] \r\n\r\n user_doc = json.dumps(diary) \r\n client.set(key, user_doc) \r\n return redirect(url_for(home_page))\r\n \r\n return render_template(\u201csaved.html\u201d, model=Saved_event) \r\n<\/pre>\n
mkdir templates\r\n<\/pre>\n
touch home.html create.html saved.html\r\n<\/pre>\n
<html>\r\n<head>\r\n<title>Welcome to Daily Memo Book<\/title>\r\n<\/head>\r\n<body>\r\n<h1> Remember Your Memorable Events<\/h1>\r\n<p>Welcome to the world of Flask!<\/p>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n
<form action="\/blog\/es\/home\/create-memo\/" method="post" data-trp-original-action="\/home\/create-memo">\r\n <div>\r\n <label for="name">Nombre:<\/label>\r\n <input type="text" id="name" name="name"\r\n <\/div>\r\n <div>\r\n <label for="month">Month:<\/label>\r\n <input type="text" id="month" name="month">\r\n <\/div>\r\n <div>\r\n <label for="year">Year:<\/label>\r\n <input type="text" id="year" name="year">\r\n <\/div>\r\n <div>\r\n <label for="memo">Memo:<\/label>\r\n <textarea id="memo" name="memo"><\/textarea>\r\n <\/div>\r\n<input type="hidden" name="trp-form-language" value="es"\/><\/form> \r\n<div class="button">\r\n <button type="submit">Send your message<\/button>\r\n<\/div>\r\n<\/pre>\n
<form action="\/blog\/es\/”\/home\/savedmemo”\/" method="”POST”" data-trp-original-action="”\/home\/savedmemo”"> \r\n <div>Nombre: \r\n <input type="”text”" name="”name”" values="”{{model.Name}}”" \/> \r\n <\/div>\r\n \r\n <div>Month: \r\n \r\n <input type="”text”" name="”month”" values="”{{model.Month}}”" \/>\r\n <\/div> \r\n\r\n <div>Year: \r\n\r\n <input type="”text”" name="”year”" values="”{{model.Year}}”" \/>\r\n\r\n <\/div> \r\n\r\n <div>Memo: \r\n\r\n <input type="”text”" name="”memo”" values="”{{model.Memo}}”" \/>\r\n\r\n <\/div> \r\n <div> \r\n <input type="”hidden”" name="”<\/form"><input type="hidden" name="trp-form-language" value="es"\/>\r\n<\/pre>\npython app.py\r\n<\/pre>\n
![\"\"](\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2019\/06\/build4-300x189.png\")
<\/p>\nConclusi\u00f3n<\/b><\/h2>\n