-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (134 loc) · 15.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<html>
<head><meta http-equiv=Content-Type content="text/html; charset=UTF-8">
<style type="text/css">
<!--
span.cls_002{font-family:Arial,serif;font-size:11.1px;color:rgb(0,0,0);font-weight:normal;font-style:normal;text-decoration: none}
div.cls_002{font-family:Arial,serif;font-size:11.1px;color:rgb(0,0,0);font-weight:normal;font-style:normal;text-decoration: none}
span.cls_003{font-family:Arial,serif;font-size:11.1px;color:rgb(0,255,0);font-weight:normal;font-style:normal;text-decoration: none}
div.cls_003{font-family:Arial,serif;font-size:11.1px;color:rgb(0,255,0);font-weight:normal;font-style:normal;text-decoration: none}
-->
</style>
<script type="text/javascript" src="assets/wz_jsgraphics.js"></script>
</head>
<body>
<div style="position:absolute;left:50%;margin-left:-298px;top:0px;width:596px;height:843px;border-style:outset;overflow:hidden">
<div style="position:absolute;left:0px;top:0px">
<img src="assets/background01.jpg" width=596 height=843></div>
<div style="position:absolute;left:72.06px;top:71.57px" class="cls_002"><span class="cls_002">Despliegue de aplicaciones Web</span></div>
<div style="position:absolute;left:72.06px;top:86.58px" class="cls_002"><span class="cls_002">UD 2. SISTEMAS DE CONTROL DE VERSIONES</span></div>
<div style="position:absolute;left:72.06px;top:116.60px" class="cls_002"><span class="cls_002">PRACTICA 1.</span></div>
<div style="position:absolute;left:72.06px;top:146.63px" class="cls_002"><span class="cls_002">Crear y gestionar nuestro servidor de Git</span></div>
<div style="position:absolute;left:72.06px;top:176.65px" class="cls_002"><span class="cls_002">GitLab nació en 2011 como un proyecto dentro de GitHub y con el tiempo, evolucionó para</span></div>
<div style="position:absolute;left:72.06px;top:191.67px" class="cls_002"><span class="cls_002">convertirse en una alternativa que proporciona repositorios privados de código gratuitos</span></div>
<div style="position:absolute;left:72.06px;top:206.68px" class="cls_002"><span class="cls_002">(cosa</span></div>
<div style="position:absolute;left:72.06px;top:221.69px" class="cls_002"><span class="cls_002">que GitHub sólo ofrece en su modo de pago) mediante una interfaz muy ligera y simple.</span></div>
<div style="position:absolute;left:72.06px;top:236.70px" class="cls_002"><span class="cls_002">La tarea a realizar en esta práctica consistirá en elaborar un documento (presentado a</span></div>
<div style="position:absolute;left:72.06px;top:251.72px" class="cls_002"><span class="cls_002">través</span></div>
<div style="position:absolute;left:72.06px;top:266.73px" class="cls_002"><span class="cls_002">de GitHub Pages o GitLab Pages) en el que especifiquéis los pasos a realizar para:</span></div>
<div style="position:absolute;left:72.06px;top:281.74px" class="cls_002"><span class="cls_002">- (2 puntos) Instalar GitLab en local permitiéndonos disponer de un repositorio Git</span></div>
<div style="position:absolute;left:72.06px;top:296.75px" class="cls_002"><span class="cls_002">propio en nuestra máquina.</span></div>
<div style="position:absolute;left:72.06px;top:311.77px" class="cls_002"><span class="cls_002">- (1 punto) Realizar labores de administración inicial como por ejemplo:</span></div>
<div style="position:absolute;left:72.06px;top:326.78px" class="cls_002"><span class="cls_002">o Cambiar el puerto de acceso.</span></div>
<div style="position:absolute;left:72.06px;top:341.79px" class="cls_002"><span class="cls_002">o Impedir que usuarios nuevos puedan modificar su identificador.</span></div>
<div style="position:absolute;left:72.06px;top:356.80px" class="cls_002"><span class="cls_002">o Modificar el tiempo de expiración de la sesión.</span></div>
<div style="position:absolute;left:72.06px;top:371.82px" class="cls_002"><span class="cls_002">- (2 puntos) Detallar ejemplos de procesos (vía llamadas a la API) como:</span></div>
<div style="position:absolute;left:72.06px;top:386.83px" class="cls_002"><span class="cls_002">o Alta, modificación y borrado de usuarios.</span></div>
<div style="position:absolute;left:72.06px;top:401.84px" class="cls_002"><span class="cls_002">o Bloqueo/desbloqueo de usuarios.</span></div>
<div style="position:absolute;left:72.06px;top:416.85px" class="cls_002"><span class="cls_002">o Establecer usuario como administrador.</span></div>
<div style="position:absolute;left:72.06px;top:431.87px" class="cls_002"><span class="cls_002">o Creación de proyectos.</span></div>
<div style="position:absolute;left:72.06px;top:446.88px" class="cls_002"><span class="cls_002">- (1 punto) Realizar labores de customización como por ejemplo:</span></div>
<div style="position:absolute;left:72.06px;top:461.89px" class="cls_002"><span class="cls_002">o Modificar la página de creación de un nuevo proyecto.</span></div>
<div style="position:absolute;left:72.06px;top:476.91px" class="cls_002"><span class="cls_002">o Modificar el logo y la descripción de la pantalla de login.</span></div>
<div style="position:absolute;left:72.06px;top:491.92px" class="cls_002"><span class="cls_002">o Modificar el favicon de gitlab.</span></div>
<div style="position:absolute;left:72.06px;top:506.93px" class="cls_002"><span class="cls_002">- (2 puntos) Detallar el proceso para poder importar proyectos de GitHub a nuestro</span></div>
<div style="position:absolute;left:72.06px;top:521.94px" class="cls_002"><span class="cls_002">GitLab tanto por pantalla como utilizando la API.</span></div>
<div style="position:absolute;left:72.06px;top:536.96px" class="cls_002"><span class="cls_002">- (2 puntos) Documentación correcta en GitHub Pages o GitLab Pages.</span></div>
<div style="position:absolute;left:72.06px;top:566.98px" class="cls_003"><span class="cls_003">Lo primero que tenemos que hacer es instalar las dependencias de GitLab:</span></div>
<div style="position:absolute;left:72.06px;top:633.79px" class="cls_003"><span class="cls_003">Cuando tengamos las dependencias correctamente instaladas ya podemos instalar GitLab</span></div>
<div style="position:absolute;left:72.06px;top:648.80px" class="cls_003"><span class="cls_003">Añadimos el repositorio de GitLab media este curl</span></div>
<div style="position:absolute;left:72.06px;top:723.86px" class="cls_003"><span class="cls_003">Y instalamos el gitlab-ce</span></div>
</div>
<div style="position:absolute;left:50%;margin-left:-298px;top:853px;width:596px;height:843px;border-style:outset;overflow:hidden">
<div style="position:absolute;left:0px;top:0px">
<img src="assets/background02.jpg" width=596 height=843></div>
<div style="position:absolute;left:72.06px;top:124.86px" class="cls_003"><span class="cls_003">Entramos al fichero /etc/gitlab/gitlab.rb y cambiamos el campo</span></div>
<div style="position:absolute;left:72.06px;top:139.87px" class="cls_003"><span class="cls_003">external_url por el dominio que vayamos a usar (En nuestro caso localhost)</span></div>
<div style="position:absolute;left:72.06px;top:418.36px" class="cls_003"><span class="cls_003">Ahora ejecutamos el siguiente comando para que se aplique la conficuración realizada</span></div>
<div style="position:absolute;left:72.06px;top:485.16px" class="cls_003"><span class="cls_003">Ahora accedemos a localhost o al dominio que hayas introduccido y veras una pantalla</span></div>
<div style="position:absolute;left:72.06px;top:500.17px" class="cls_003"><span class="cls_003">donde te pedira crear la contraseña de root</span></div>
<div style="position:absolute;left:72.06px;top:515.19px" class="cls_003"><span class="cls_003">Despues de crear la contraseña de root podras registrar a un nuevo usuario y disponer de</span></div>
<div style="position:absolute;left:72.06px;top:530.20px" class="cls_003"><span class="cls_003">una cuenta propia.</span></div>
<div style="position:absolute;left:72.06px;top:545.21px" class="cls_003"><span class="cls_003">Para modificar el puerto y restringir a los usuarios el cambio de username debemos cambiar</span></div>
<div style="position:absolute;left:72.06px;top:560.23px" class="cls_003"><span class="cls_003">el fichero gitlab.rb</span></div>
</div>
<div style="position:absolute;left:50%;margin-left:-298px;top:1706px;width:596px;height:843px;border-style:outset;overflow:hidden">
<div style="position:absolute;left:0px;top:0px">
<img src="assets/background03.jpg" width=596 height=843></div>
<div style="position:absolute;left:72.06px;top:556.47px" class="cls_003"><span class="cls_003">Cuando tengamos los cambios realizados debemos ejecutar el comando</span></div>
<div style="position:absolute;left:72.06px;top:623.28px" class="cls_003"><span class="cls_003">Podemos modificar el tiempo de expiración de la sesion entrando en la cuenta root de</span></div>
<div style="position:absolute;left:72.06px;top:638.29px" class="cls_003"><span class="cls_003">nuestro GitLab, entrando a admin area, en settings, en account and limit</span></div>
</div>
<div style="position:absolute;left:50%;margin-left:-298px;top:2559px;width:596px;height:843px;border-style:outset;overflow:hidden">
<div style="position:absolute;left:0px;top:0px">
<img src="assets/background04.jpg" width=596 height=843></div>
<div style="position:absolute;left:72.06px;top:422.11px" class="cls_003"><span class="cls_003">Para poder usar la api lo primero que vamos a necesitar es generar un access token desde</span></div>
<div style="position:absolute;left:72.06px;top:437.12px" class="cls_003"><span class="cls_003">los settings del usuario</span></div>
<div style="position:absolute;left:72.06px;top:666.06px" class="cls_003"><span class="cls_003">Gracias a este token podemos por ejemplo obtener todos los usuarios que hay en el gitlab</span></div>
</div>
<div style="position:absolute;left:50%;margin-left:-298px;top:3412px;width:596px;height:843px;border-style:outset;overflow:hidden">
<div style="position:absolute;left:0px;top:0px">
<img src="assets/background05.jpg" width=596 height=843></div>
<div style="position:absolute;left:72.06px;top:506.93px" class="cls_003"><span class="cls_003">Usando la api podemos crear usuarios</span></div>
<div style="position:absolute;left:72.06px;top:696.84px" class="cls_003"><span class="cls_003">Tambien modificar usuarios (Hay que especificar que usuario se tiene que modificar</span></div>
<div style="position:absolute;left:72.06px;top:711.85px" class="cls_003"><span class="cls_003">mediante el id)</span></div>
</div>
<div style="position:absolute;left:50%;margin-left:-298px;top:4265px;width:596px;height:843px;border-style:outset;overflow:hidden">
<div style="position:absolute;left:0px;top:0px">
<img src="assets/background06.jpg" width=596 height=843></div>
<div style="position:absolute;left:72.06px;top:223.94px" class="cls_003"><span class="cls_003">Y finalmente borrar usuarios (Igual que al modificarlos hay que especificar el id)</span></div>
<div style="position:absolute;left:72.06px;top:320.02px" class="cls_003"><span class="cls_003">Para bloquear un usuario debemos especificar el id en la ruta y añadir despues de el id</span></div>
<div style="position:absolute;left:72.06px;top:335.04px" class="cls_003"><span class="cls_003">/block</span></div>
<div style="position:absolute;left:72.06px;top:439.37px" class="cls_003"><span class="cls_003">Para desbloquear lo mismo que cuando bloqueamos pero tenemos que poner /unblock</span></div>
<div style="position:absolute;left:72.06px;top:558.72px" class="cls_003"><span class="cls_003">Para pasar un usuario a admin debemos actualizar el parametro is_admin usando el</span></div>
<div style="position:absolute;left:72.06px;top:573.74px" class="cls_003"><span class="cls_003">parametro admin=true en una peticion sobre el usuario</span></div>
</div>
<div style="position:absolute;left:50%;margin-left:-298px;top:5118px;width:596px;height:843px;border-style:outset;overflow:hidden">
<div style="position:absolute;left:0px;top:0px">
<img src="assets/background07.jpg" width=596 height=843></div>
<div style="position:absolute;left:72.06px;top:71.56px" class="cls_003"><span class="cls_003">Podemos tambien crear proyectos desde la api mediante /projects</span></div>
<div style="position:absolute;left:72.06px;top:220.94px" class="cls_003"><span class="cls_003">En esta captura creo un nuevo proyecto solo poniendole en nombre que va a tener. Si no se</span></div>
<div style="position:absolute;left:72.06px;top:235.95px" class="cls_003"><span class="cls_003">especifica usuario se atribuye directamente al usuario root.</span></div>
<div style="position:absolute;left:72.06px;top:250.97px" class="cls_003"><span class="cls_003">Para crear un proyecto para un usuario debemos agregar la ruta /user/:id-user</span></div>
<div style="position:absolute;left:72.06px;top:548.97px" class="cls_003"><span class="cls_003">Para modificar la apariencia de la pagina debemos acceder desde un usuario administrados</span></div>
<div style="position:absolute;left:72.06px;top:563.98px" class="cls_003"><span class="cls_003">a la admin area y entra a apperance</span></div>
<div style="position:absolute;left:72.06px;top:578.99px" class="cls_003"><span class="cls_003">En este ejemplo modifico la apariencia de la pagina de creación de proyectos</span></div>
</div>
<div style="position:absolute;left:50%;margin-left:-298px;top:5971px;width:596px;height:843px;border-style:outset;overflow:hidden">
<div style="position:absolute;left:0px;top:0px">
<img src="assets/background08.jpg" width=596 height=843></div>
<div style="position:absolute;left:72.06px;top:724.61px" class="cls_003"><span class="cls_003">Tambien podemos modificar:</span></div>
</div>
<div style="position:absolute;left:50%;margin-left:-298px;top:6824px;width:596px;height:843px;border-style:outset;overflow:hidden">
<div style="position:absolute;left:0px;top:0px">
<img src="assets/background09.jpg" width=596 height=843></div>
</div>
<div style="position:absolute;left:50%;margin-left:-298px;top:7677px;width:596px;height:843px;border-style:outset;overflow:hidden">
<div style="position:absolute;left:0px;top:0px">
<img src="assets/background10.jpg" width=596 height=843></div>
<div style="position:absolute;left:72.06px;top:71.56px" class="cls_003"><span class="cls_003">Para importar un proyecto de github a gitlab debemos entrar a crear un nuevo proyecto y a</span></div>
<div style="position:absolute;left:72.06px;top:86.58px" class="cls_003"><span class="cls_003">importar proyecto ahi debemos seleccionar github</span></div>
<div style="position:absolute;left:72.06px;top:211.93px" class="cls_003"><span class="cls_003">Necesitamos generar un token desde github</span></div>
<div style="position:absolute;left:72.06px;top:226.95px" class="cls_003"><span class="cls_003">IMPORTANTE</span></div>
<div style="position:absolute;left:72.06px;top:241.96px" class="cls_003"><span class="cls_003">El mail tiene que ser el mismo tanto en github como en gitlab</span></div>
</div>
<div style="position:absolute;left:50%;margin-left:-298px;top:8530px;width:596px;height:843px;border-style:outset;overflow:hidden">
<div style="position:absolute;left:0px;top:0px">
<img src="assets/background11.jpg" width=596 height=843></div>
<div style="position:absolute;left:72.06px;top:71.56px" class="cls_003"><span class="cls_003">Al acceder con el token en gitlab veremos todos los proyectos de github que podemos</span></div>
<div style="position:absolute;left:72.06px;top:86.58px" class="cls_003"><span class="cls_003">importar</span></div>
<div style="position:absolute;left:72.06px;top:368.06px" class="cls_003"><span class="cls_003">Para realizar una importacion desde la api debemos usar la ruta /import/github</span></div>
<div style="position:absolute;left:72.06px;top:383.08px" class="cls_003"><span class="cls_003">Hay que añadir el token que hemos generado antes</span></div>
<div style="position:absolute;left:72.06px;top:575.24px" class="cls_003"><span class="cls_003">Tambien hay que añadir el id del repositorio con el parametro repo_id</span></div>
</div>
</body>
</html>