{"id":19128,"date":"2026-09-17T09:26:52","date_gmt":"2026-09-17T07:26:52","guid":{"rendered":"https:\/\/www.beseit.net\/?p=19128"},"modified":"2026-09-17T10:03:09","modified_gmt":"2026-09-17T08:03:09","slug":"%f0%9f%93%9d-rebotar-un-missatge-de-text-enviat-per-lentrada-dun-navegador-sobre-un-navegador-virtual","status":"publish","type":"post","link":"https:\/\/www.beseit.net\/?p=19128","title":{"rendered":"\ud83d\udcdd Rebotar un missatge de text enviat per l\u2019entrada d\u2019un navegador sobre un navegador virtual"},"content":{"rendered":"\n

En aquesta entrada veurem com crear un petit servidor local en Python capa\u00e7 de rebre text enviat des d\u2019un navegador i retornar-lo immediatament al mateix navegador. \u00c9s un exemple senzill per\u00f2 molt \u00fatil per entendre com funcionen les peticions HTTP, els formularis HTML i la comunicaci\u00f3 amb un servidor local.<\/p>\n\n\n\n

Formulari per enviar el text:<\/p>\n\n\n\n

<!DOCTYPE html>\n<html lang=\"ca\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>Enviar text al servidor Python<\/title>\n<\/head>\n<body>\n    <h1>Enviar text al servidor local Python<\/h1>\n    <form action=\"http:\/\/127.0.0.1:5000\/processa\" method=\"post\">\n        <label for=\"text\">Text:<\/label>\n        <input type=\"text\" id=\"text\" name=\"text\">\n        <button type=\"submit\">Enviar<\/button>\n    <\/form>\n<\/body>\n<\/html>\n<\/pre>\n\n\n\n
1\ufe0f\u20e3 Preparar l\u2019entorn: Python i Flask<\/h2>\n\n\n\n
A Deepin 25 (o qualsevol distribuci\u00f3 basada en Debian), pip<\/code> no permet instal\u00b7lar paquets directament al sistema. Per aix\u00f2 cal crear un entorn virtual<\/strong>.<\/p>\n\n\n\n
Instal\u00b7lar venv<\/code> (si cal)<\/h3>\n\n\n\n
bash<\/p>\n\n\n\n
sudo apt install python3-venv\n<\/pre>\n\n\n\n
Crear l\u2019entorn virtual<\/h3>\n\n\n\n
bash<\/p>\n\n\n\n
python3 -m venv ~\/flask-env\n<\/pre>\n\n\n\n
Activar-lo<\/h3>\n\n\n\n
bash<\/p>\n\n\n\n
source ~\/flask-env\/bin\/activate\n<\/pre>\n\n\n\n
El terminal hauria de mostrar:<\/p>\n\n\n\n
Codi<\/p>\n\n\n\n
((flask-env))\n<\/pre>\n\n\n\n
Instal\u00b7lar Flask dins l\u2019entorn<\/h3>\n\n\n\n
bash<\/p>\n\n\n\n
pip install flask\n<\/pre>\n\n\n\n
2\ufe0f\u20e3 Crear el servidor local en Python<\/h2>\n\n\n\n
Creem un fitxer anomenat server.py<\/code> <\/mark>amb (nano server.py) i enganxa:<\/p>\n\n\n\n
python<\/p>\n\n\n\n
from flask import Flask, request\n\napp = Flask(__name__)\n\n@app.route('\/processa', methods=['POST'])\ndef processa():\n    text = request.form.get('text', '')\n    return f\"<h1>Text rebut:<\/h1><p>{text}<\/p>\"\n\n@app.route('\/')\ndef index():\n    return \"\"\"\n    <form action=\"\/processa\" method=\"post\">\n        <input type=\"text\" name=\"text\">\n        <button type=\"submit\">Enviar<\/button>\n    <\/form>\n    \"\"\"\n\nif __name__ == '__main__':\n    app.run(debug=True)\n<\/pre>\n\n\n\n
Aquest servidor fa dues coses:<\/p>\n\n\n\n