1.

VIDEO 4

2. Ya habiendo explicado como funciona la autenticación de usuario VAMOA DAR

UINICIO

3. Lo priemro que vamos ahacer es ir a nuestro gemfile es decmentar la líena de gem

bcrypt que es un modelo que nos asegura las conatrseñas y encriptarlas para poder

generar constraseñas seguras ,

4.

5. Añl generar nuestra nuevo usuario va a guatrdar los datos hasheados

6. A continuación va,mos a generar un recurso de los usuarios , que va allevr ese usuario

, un email que va ser un string y que va ser único , e decir , que no se va repetir
7. En password le ponemos digest , que es el formato q nos favilita bcrypt para la

encriptacion

8.

9. A continuación le damos rails db:migrate—nota , no le damos enter , primero vemos

dentro del archivo db migrate

10.

11. Podemos y ver el recurso creado , veamos que tiene un email y un password_digest ,

además es un string

12.
13.

14. También nos muestra ahí mismo que email es único

15.

16. Una vez visto esto , le damos enter al db migrate

17. Ahora lo qhue vamos a hacer es trabajar con el controlador del usuario que estría

dentro de la carpeta app -controllers - concerns

18.

19. Aquí vamos a definir varis acciones , por ejm la acción new y la acción créate

20. En new se ha ar ealizar el render del formulario que tenemos para crear la sesión

21. Y en el créate el método post or el cual se está enviando la información

22.

23. Ahora agregamos una variable global , con el arroba se indica eso, osea vamos apoder

acceder a ella desde cualquier parte de nuestra aplicación , le vanmosa decir que el

usuario es igual a la acción new

24.

25. En créate también definimos una variable del tipo global @user y le indicamos

también User.new . pero va arecibir adicionalmente unos parámetros

26.

27. A continuación vamos a definir los parámetros que se van a mandar através de este

método

28. Va ser private y al definirlos significa que estamos limitando la posibilidad de una

inyección de código
29.

30. Qué parámetros vamos apermitir??

31. Vamos a decirle que los parámetros requeridos del modelo usuario , el cual va a hacer

un hash solo va apermitr que le pasen el em,ail y el password , otro datos que no

vayana estar definids ahi

32.
33. Ya teniendo esto dfinido vamos a decirle que si el user.save, es decir si el usuario se

pudo guardar nos va ahacer un redirect a la ruta raíz con una notificación “su cuenta

se creo correctamente

34.

35. De no ser así hacenmos un render a l acción new

36.
37. Video 5 – vista de registro de usuario

38. Vamos a crear la vista del registro del usuario

39. Vamos a la carpeta view – users – botón derecho new file de nombre new.html.erb

40.

41. Tiene q ser ,erb porque estamos trabajando con código ruby
42. Y hasta el momento solo vamos a trabajar con lo que es maquetación vamos agregar la

etiqueta registrarme

43.

44. En la terminal veremos las rutas con las que contamos

45.

46. Nos vamos a ir a new user q es la que necesitamos

47.

48. Nos sale un mensaje de error que no se pudo cargar bcrypt

49.
50. HaY Q REINICAR el servidor

51. Como reinciar el servidor

52.

53. Y actualizamos nuevamente la aplicación

54.

55. Ahora vamos autilizar los helpers de rails

56. Vamos a definirle el modelo , va a ser el modelo usuario y le vamos adecdir q va a ser

local true
57.

58. Pasamos un bloque y una variable

59.

60. Vamos aterminar el marco

61.

62. Cuando definimos do es para hacer un bloque dentro el mismo, siempre aue haya un

do , debe de haber un end

63. Vamos creando el formulario

64.

65. Sia ctualizamos el navegador

66.

67. Ahora vamos agregar la contraseña

68.

69. Quedando en el navegador

70.
71. Podemos probar agregando la contraseña

72.

73. Ahora crearemos el helper submit el cual es un boton q nos va a enviar lo que

llenamos en el formulario

74.
75.

76. Quedando en el navegador:

77.

78. Si le damos f12 veremos que nos crea un input hidden hashaeado

79. Y los inputsasociados al modelo user

80. Hasta acá ya tendríamos la vista

81. En el submit agregamos un value “Registrarme” y actualizamos el h2 a “crear una

cuenta”
82.

83.

84. Vamos a agregarle un placeholder

85.

86. Y en el navegador:

87.

88. Vamos a crear un header , el cual seria un menú de navegación

89. En la carpeta layoutsvamoas acrear un nueva carpeta llamada partials

90.

91.

92. Los partial son vistas q se vana repertir en distintas partes de la aplicación

93. Dentro vamos a crea un archivo , los parciales se caracterizan porq empiezan con un

guion bajo

94. En este caso se va a a llmar _navigation.html.erb

95.
96.

97. Ahora abrimos application que está dentro de la carpeta layouts y tiene el nucleo de

la apliaccoion

98. Le vamos agregar una etiqueta charset

99. Vamos agregar una etiqueta que nos va apermitir agregar código ruby

100.

101. Y si le agremos el igual va a im´primir directamente lo q le indiquemos

102.
103. Vamos a indicar que haga un render al partial navigation

104.

105. Y actualizamos en el navegador

106.

107. Ahora dentro del navigation le vamos a gregar una ruta , a Inicio , a la raíz der

la aplicación, con link to podemos especificar los enlaces

108.

109. Si actualizamos el navegador

110.

111. Y si damos home nos lleva al inicio

112.

113. Vamos agregar dos rutas mas

114.

115.

116. Vamos a agregar la ruta a “registrarme”

117.

118. En el navegador

119.

120. Vamos acrear otro partiañ que va amostrar las notificazciones

121.

122.

123. Y agregaremos lo siguiente

124. Con each vamos aiterar los elementos q necesitemos

125.

126. Y ahora adentro de este bloque vamosa iterar , dcontent_tag es otro helper de

ruby , le pasamos un div y el value

127.

128. Vamos agregarle una clse que va aser flash

129. Cabe mencionar q dentro de la clase , o dentro de los strings que se registran

dentro de una comilla se puede iterar código de truby utilizando el hash y llave
130.

131. A continuación vams a crear en el controlador una nueva acción, que va aser la

acción index , la cual nos va a redirigir al new_user_path

132.

133. Video 6 sesiones de usuario

134. La sesión va almacenar un id q va apertenecer a un usuario , al que creemos la

cuenta, para poder asociarlo en cualquier otro momento q se reueira

135. Para esto lo que vamos a hacer es generar un controlador sessions con la

accion New

136.

137. Y se verá en la terminal

138.

139. Vamos air a routes

Y creamos un recurso que va ser sessions y solamente va atener la acción new créate and
destroy y podemos eliminar get 'sessions/new'

Vamosa indicarle ta,bien que el recurso dekl usuario solo va a tener la acción new y la acción

créate

Cabe mencionar que los recursos son una generaci´´on de rutas que van apertenecer a cada

controlador

Ahpra vamos a la vista de las sesiones en views –sessions – new.html

Me quede en video 6 en mintu4.45

----------------------------