Diferència entre revisions de la pàgina «Desenvolupament web - G1»

De Wiket
Salta a la navegació Salta a la cerca
 
(46 revisions intermèdies per 2 usuaris que no es mostren)
Línia 1: Línia 1:
<h2>15. Versión WordPress</h2>
+
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 aparatado de <b>secrets</b> que vinculara nuestros archivos de contraseñas:  
+
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"
+
       - 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
+
       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:
+
  mysql_db_password:
    file: mysql_password_DB.txt
+
    file: mysql_password_DB.txt
  mysql_root_password:
+
  mysql_root_password:
    file: mysql_password_root.txt
+
    file: mysql_password_root.txt
  
 
volumes:
 
volumes:
    db:
+
  db:
    wordpress:
+
  wordpress:
 +
 
 
</pre>
 
</pre>
  
Este seria el resultado final de nuestro <b>directorio /wp</b>:  
+
Este sería el resultado final de nuestro <b>directorio /wp</b>:  
 
<pre>
 
<pre>
 
.
 
.
Línia 71: Línia 75:
 
</pre>
 
</pre>
  
<b>Instalación y configuración de WordPress:</b>
+
=== Instalación y configuración de WordPress: ===
<br>
+
 
[[Fitxer:inst_local_wp_g1.PNG|350px|thumb|esquerra|Instalación de WP]
+
 
<br>
+
[[Fitxer:g1_instalacion_wp.PNG|350px|middle|Instalación de WP]]
 +
 
  
<h2>16. WP Elección y ajuste del tema</h2>
+
== 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:

Instalación de WP


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.


Tema WP


Instalamos el tema:

Tema WP


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.

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.

Cookiebot instalación.


Después de instalar el plugin, tendremos que configurarlo de la siguiente manera:

Añadimos el dominio:
Cookiebot configuracion dominio.

Configuramos el cuadro de diálogo:
Cookiebot configuracion

Colocamos el ID de nuestra configuración de Cookiebot en nuestro wordpress:
Cookiebot configuracion en wordpress

Comprobamos que funciona correctamente:
Cookiebot funciona

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:


Fork de classVRroom

Referències