Diferència entre revisions de la pàgina «Desenvolupament web - G1»
(46 revisions intermèdies per 2 usuaris que no es mostren) | |||
Línia 1: | Línia 1: | ||
− | + | Tornar a [[Projecte IETI Cloud - Grup 1]]. | |
+ | |||
+ | == 15. Versión WordPress == | ||
<div id= "wordpressversion"> | <div id= "wordpressversion"> | ||
Nuestra elección es la <b>versión 5.9</b> de WordPress. | Nuestra elección es la <b>versión 5.9</b> de WordPress. | ||
Línia 15: | Línia 17: | ||
</pre> | </pre> | ||
− | En nuestro docker-compose.yml definiremos el | + | En nuestro docker-compose.yml definiremos el apartado de <b>secrets</b> que vinculara nuestros archivos de contraseñas: |
<pre> | <pre> | ||
Línia 29: | Línia 31: | ||
- wordpress:/var/www/html | - wordpress:/var/www/html | ||
ports: | ports: | ||
− | - | + | - 8000:80 |
+ | - 443 | ||
environment: | environment: | ||
WORDPRESS_DB_HOST: db | WORDPRESS_DB_HOST: db | ||
WORDPRESS_DB_USER: adminWP | WORDPRESS_DB_USER: adminWP | ||
− | WORDPRESS_DB_NAME: | + | WORDPRESS_DB_NAME: wordpress2 |
WORDPRESS_DB_PASSWORD_FILE: /run/secrets/mysql_db_password | WORDPRESS_DB_PASSWORD_FILE: /run/secrets/mysql_db_password | ||
secrets: | secrets: | ||
Línia 45: | Línia 48: | ||
environment: | environment: | ||
MYSQL_DATABASE: wordpress2 | MYSQL_DATABASE: wordpress2 | ||
− | MYSQL_USER: adminWP | + | MYSQL_USER: adminWP |
MYSQL_ROOT_PASSWORD_FILE: /run/secrets/mysql_root_password | MYSQL_ROOT_PASSWORD_FILE: /run/secrets/mysql_root_password | ||
MYSQL_PASSWORD_FILE: /run/secrets/mysql_db_password | MYSQL_PASSWORD_FILE: /run/secrets/mysql_db_password | ||
Línia 53: | Línia 56: | ||
secrets: | secrets: | ||
− | + | mysql_db_password: | |
− | + | file: mysql_password_DB.txt | |
− | + | mysql_root_password: | |
− | + | file: mysql_password_root.txt | |
volumes: | volumes: | ||
− | + | db: | |
− | + | wordpress: | |
+ | |||
</pre> | </pre> | ||
− | Este | + | Este sería el resultado final de nuestro <b>directorio /wp</b>: |
<pre> | <pre> | ||
. | . | ||
Línia 71: | Línia 75: | ||
</pre> | </pre> | ||
− | + | === Instalación y configuración de WordPress: === | |
− | + | ||
− | [[Fitxer: | + | |
− | + | [[Fitxer:g1_instalacion_wp.PNG|350px|middle|Instalación de WP]] | |
+ | |||
− | + | == 16. WP Elección y ajuste del tema == | |
Línia 82: | Línia 87: | ||
+ | [[Fitxer:Tema_1_g1.PNG|500px|Tema WP]] | ||
+ | |||
+ | |||
+ | === Instalamos el tema: === | ||
+ | |||
+ | |||
+ | [[Fitxer:Tema_2_g1.PNG|300px|Tema WP]] | ||
+ | |||
+ | <br clear=all> | ||
+ | |||
+ | == 17. WP Creación de contenidos == | ||
+ | |||
+ | == 18. WP Estudio de implementación de Cookies comerciales de terceras partes para la recogida de datos y personalización de la publicidad. Estimación económica == | ||
+ | <b> ¿Que son las cookies de terceros? </b> | ||
+ | |||
+ | Una cookie de terceros es un archivo que se descarga en el disco duro de un usuario desde un sitio web, pero que proviene de un dominio diferente al sitio que el usuario está visitando. | ||
+ | |||
+ | <b>¿Cómo funcionan las cookies de terceros?</b> | ||
+ | Las cookies de terceros se alojan en el servidor del anunciante y registran el comportamiento del usuario así como sus movimientos en Internet para poder crear un perfil que más tarde permitirá generar publicidad personalizada. | ||
+ | |||
+ | Existen muchas maneras de ganar dinero con la publicidad. | ||
+ | Si desea obtener ganancias con Google, le recomendamos probar <b>AdSense</b> en su sitio. | ||
+ | |||
+ | [[Fitxer:Googleadsense.png|400px|AdSense]] | ||
+ | |||
+ | Google Adsense paga dependiendo de la cantidad de clicks en banners en tu web (o visualizaciones en YouTube) que consigas generar a estos anuncios y de la calidad de los mismos. Una media de ingresos para una web que consigue 100 visitas al día suele ser de 10€ al mes. Unos 0,1€ por click. | ||
+ | |||
+ | == 19. WP Publicación de la política de Cookies adecuada e implementación de mecanismos de aceptación o rechazo selectivo (vía WP plugin) == | ||
+ | |||
+ | Vamos a instalar en nuestro wordpress un plugin muy conocido para el uso de las cookies: Cookiebot. | ||
+ | Cookiebot es una solución basada en la nube que controla automáticamente las cookies y los rastreadores, lo que permite el cumplimiento completo de GDPR/ePR y CCPA y ofrece: | ||
+ | * Un banner de consentimiento altamente personalizable para manejar los consentimientos. | ||
+ | * Una política de cookies y una declaración de cookies generadas y actualizadas automáticamente. | ||
+ | * Un enlace No vender mi información personal en la declaración de cookies para que los usuarios finales opten por que sus datos no se vendan a terceros, según lo exige la CCPA. | ||
+ | * Escaneos mensuales del sitio web, detectando todas las cookies propias y de terceros y seguimientos similares en su sitio. | ||
+ | * La característica única de Cookiebot de bloqueo automático de cookies. | ||
+ | * Una manera fácil de permitir que el usuario cambie o retire su consentimiento. | ||
+ | * Admite 45 idiomas en el banner de consentimiento y la declaración de cookies. | ||
+ | * Almacenamiento seguro de los consentimientos de los usuarios en un entorno basado en la nube. | ||
+ | * Ejecución de scripts de configuración de cookies sin recargar la página. | ||
+ | [[Fitxer:Cookiebot.PNG|400px|Cookiebot instalación.]] | ||
+ | Después de instalar el plugin, tendremos que configurarlo de la siguiente manera: | ||
+ | Añadimos el dominio: | ||
+ | <br>[[Fitxer:Cookiebot_config_dominio.PNG|400px|Cookiebot configuracion dominio.]] <br> <br> | ||
+ | Configuramos el cuadro de diálogo: | ||
+ | <br>[[Fitxer:Cookiebot config.PNG|400px|Cookiebot configuracion]] <br> <br> | ||
+ | Colocamos el ID de nuestra configuración de Cookiebot en nuestro wordpress: | ||
+ | <br>[[Fitxer:Cookiebot_config_en_wp.PNG|400px|Cookiebot configuracion en wordpress]] <br> <br> | ||
+ | Comprobamos que funciona correctamente: | ||
+ | <br>[[Fitxer:Cookiebot_funciona.PNG|400px|Cookiebot funciona]] <br> <br> | ||
+ | == 20. classVRroom. Fork del repositori Github == | ||
+ | Realizamos un git fork para copiar el repositorio que nos ha pasado el grupo 1 de web. Luego con un git clone a nuestro repositorio descargamos los ficheros: | ||
+ | [[Fitxer:classvrroom3.PNG|800px|Fork de classVRroom]] | ||
== Referències == | == Referències == | ||
* [https://es.wordpress.org/2021/12/17/descubriendo-wordpress-5-9// Wordpress 5.9.2] | * [https://es.wordpress.org/2021/12/17/descubriendo-wordpress-5-9// Wordpress 5.9.2] | ||
* [https://codex.wordpress.org/Supported_Versions Wordpress Supported Versions] | * [https://codex.wordpress.org/Supported_Versions Wordpress Supported Versions] |
Revisió de 09:43, 7 abr 2022
Tornar a Projecte IETI Cloud - Grup 1.
15. Versión WordPress
Nuestra elección es la versión 5.9 de WordPress.
Nuestro principal motivo de esta elección es que esta versión tiene parcheada fallos de XSS e inyección SQL, además de otras tres correcciones de seguridad, si instalamos una versión anterior podría no estar parcheada como la última versión.
En primer lugar, hacemos pruebas en local. Para proteger nuestro Docker, utilizamos Docker Secrets, de tal modo que protegemos las contraseñas sensibles como la del usuario de MySQL y la contraseña de la base de datos. Creamos un fichero para cada contraseña que estará ubicado dentro del mismo directorio donde se encuentra nuestro docker-compose.yml:
echo "ju@ndeAlexs4mu" > mysql_password_DB.txt
echo "s@mujuAnde4lex" > mysql_password_root.txt
En nuestro docker-compose.yml definiremos el apartado de secrets que vinculara nuestros archivos de contraseñas:
version: "3.3" services: wordpress: image: wordpress:5.9 depends_on: - db restart: always volumes: - wordpress:/var/www/html ports: - 8000:80 - 443 environment: WORDPRESS_DB_HOST: db WORDPRESS_DB_USER: adminWP WORDPRESS_DB_NAME: wordpress2 WORDPRESS_DB_PASSWORD_FILE: /run/secrets/mysql_db_password secrets: - mysql_db_password db: image: mysql:5.7 volumes: - db:/var/lib/mysql restart: always environment: MYSQL_DATABASE: wordpress2 MYSQL_USER: adminWP MYSQL_ROOT_PASSWORD_FILE: /run/secrets/mysql_root_password MYSQL_PASSWORD_FILE: /run/secrets/mysql_db_password secrets: - mysql_root_password - mysql_db_password secrets: mysql_db_password: file: mysql_password_DB.txt mysql_root_password: file: mysql_password_root.txt volumes: db: wordpress:
Este sería el resultado final de nuestro directorio /wp:
. ├── docker-compose.yml ├── mysql_password_DB.txt └── mysql_password_root.txt
Instalación y configuración de WordPress:
16. WP Elección y ajuste del tema
Un tema relacionado con la meditación, las posturas corporales, de ahí la similitud al Wordpress de Higiene Postural.
Instalamos el tema:
17. WP Creación de contenidos
18. WP Estudio de implementación de Cookies comerciales de terceras partes para la recogida de datos y personalización de la publicidad. Estimación económica
¿Que son las cookies de terceros?
Una cookie de terceros es un archivo que se descarga en el disco duro de un usuario desde un sitio web, pero que proviene de un dominio diferente al sitio que el usuario está visitando.
¿Cómo funcionan las cookies de terceros? Las cookies de terceros se alojan en el servidor del anunciante y registran el comportamiento del usuario así como sus movimientos en Internet para poder crear un perfil que más tarde permitirá generar publicidad personalizada.
Existen muchas maneras de ganar dinero con la publicidad. Si desea obtener ganancias con Google, le recomendamos probar AdSense en su sitio.
Google Adsense paga dependiendo de la cantidad de clicks en banners en tu web (o visualizaciones en YouTube) que consigas generar a estos anuncios y de la calidad de los mismos. Una media de ingresos para una web que consigue 100 visitas al día suele ser de 10€ al mes. Unos 0,1€ por click.
19. WP Publicación de la política de Cookies adecuada e implementación de mecanismos de aceptación o rechazo selectivo (vía WP plugin)
Vamos a instalar en nuestro wordpress un plugin muy conocido para el uso de las cookies: Cookiebot.
Cookiebot es una solución basada en la nube que controla automáticamente las cookies y los rastreadores, lo que permite el cumplimiento completo de GDPR/ePR y CCPA y ofrece:
- Un banner de consentimiento altamente personalizable para manejar los consentimientos.
- Una política de cookies y una declaración de cookies generadas y actualizadas automáticamente.
- Un enlace No vender mi información personal en la declaración de cookies para que los usuarios finales opten por que sus datos no se vendan a terceros, según lo exige la CCPA.
- Escaneos mensuales del sitio web, detectando todas las cookies propias y de terceros y seguimientos similares en su sitio.
- La característica única de Cookiebot de bloqueo automático de cookies.
- Una manera fácil de permitir que el usuario cambie o retire su consentimiento.
- Admite 45 idiomas en el banner de consentimiento y la declaración de cookies.
- Almacenamiento seguro de los consentimientos de los usuarios en un entorno basado en la nube.
- Ejecución de scripts de configuración de cookies sin recargar la página.
Después de instalar el plugin, tendremos que configurarlo de la siguiente manera:
Añadimos el dominio:
Configuramos el cuadro de diálogo:
Colocamos el ID de nuestra configuración de Cookiebot en nuestro wordpress:
Comprobamos que funciona correctamente:
20. classVRroom. Fork del repositori Github
Realizamos un git fork para copiar el repositorio que nos ha pasado el grupo 1 de web. Luego con un git clone a nuestro repositorio descargamos los ficheros: