OK, lo primero que haremos es ir a Heroku dot com.
H e r o k you dot com.
Y vamos a registrarnos.
Así que me registraré con mi nombre de correo electrónico.
Debe enviar un correo electrónico real aquí y de todos modos, porque de alguna manera envían esa confirmación por
correo electrónico, por lo que debe verificar el correo electrónico, pero lo más importante es que obtendrá actualizaciones
sobre si, por alguna razón, algún extraño accidente Los servidores de Heroku son golpeados por un rayo o algo así.
Obtendrás actualizaciones sobre lo que está sucediendo.
Entonces nuestro nombre de empresa.
Solo diré Web Dev Bootcamp.
No tienes que poner nada.
Realmente no va a hacer la diferencia, pero no pongámosle a J. S. cree una cuenta gratuita y luego revise
su correo electrónico y confirme su cuenta.
Todo bien.
Entonces, una vez que lo haga, se lo preguntará para que haga clic en el enlace y se le pida que cree una contraseña
que confirme la contraseña.
Y una vez que termine de crear su cuenta, debería llevarlo a su panel de Heroku.
Y este será un lugar donde podrás ver las aplicaciones que has implementado.
Podrás activarlos y desactivarlos para que seas otro.
Y cualquier otro tipo de cosas que necesite configurar y el permiso en cuestiones de seguridad.
Esta es tu base de operaciones para cualquier aplicación que tengas que ponerle.
DE ACUERDO.
Así que en realidad vamos a alejarnos de esto por ahora.
Pero si quiere buscar, eche un vistazo.
Tienen algunos buenos chicos para comenzar.
Entonces, si hace clic en el inicio de la guía Noad, le mostrará los pasos que se
van a realizar aquí.
Y entonces haré referencia a esto.
Pero también puedes mirar este video para ver lo que tienes que hacer.
De modo que lo primero que menciona aquí es instalar e instalar Heroku
toolbelt para Mac o cualquier máquina que esté utilizando.
En realidad, no tenemos que usar esto porque estamos usando Cloud 9.
Entonces viene preinstalado.
Lo siento.
Necesitamos usarlo.
No tenemos que descargarlo.
Disculpe.
Viene preinstalado para nosotros.
Entonces, si vas a la nube 9, lo que sí podemos hacer es asegurarnos de que estamos en el directorio correcto
y detenemos nuestro servidor.
Estupendo.
Si solo escribes la palabra Heroku verás que obtenemos algún resultado que no sea commed no encontrado significa que tenemos
instalado Heroku y que solo viene con Cloud 9 gratis.
Si está haciendo esto en una máquina o no está utilizando Cloud 9, puede descargar la
versión correcta y seguir las instrucciones.
Entonces, lo primero que queremos hacer es seguir lo que dice, que es lo que Heroku registra y esto
le pedirá su correo electrónico
con el que se registró en Heroku.
Por lo tanto, tiene que coincidir y también le pedirá su contraseña y parecerá que no
está escribiendo solo la oculta.
Entonces no te preocupes.
Aquí vamos.
Queremos ver la autenticación exitosa.
Entonces, lo que hemos hecho ahora básicamente es aprobar esta máquina.
se integra para transferir cosas a Heroku, nuestro espacio Heroku en sus servidores, porque recuerda que lo único que
estamos haciendo es enviar esta aplicación y copiarla en las máquinas Heroku.
Este espacio de trabajo de la nube nueve para agregarlo
Entonces, por supuesto, no queremos que nadie haga eso en nuestra cuenta.
Solo queremos máquinas en las que hayamos iniciado sesión que hayamos autenticado para poder hacer eso.
DE ACUERDO.
Entonces ese es el primer paso.
Lo siguiente que debemos hacer es asegurarnos de estar usando get en este directorio.
Entonces, en el directorio, el directorio de nivel superior de nuestro proyecto es importante.
proyectos. No lo haces en esta carpeta, sino en el directorio donde está tu aplicación JSE en tu paquete.
No lo haces donde tienes otros
Jason queremos ejecutar obtener estado y en mi caso voy a ver que no es un buen repositorio.
Así que queremos que sea un repositorio get get it.
Usamos bien para decir para determinar qué enviar a Heroku y en nuestro caso vamos a
enviar toda la aplicación.
Entonces, una vez que inicialicemos un repositorio, continuaremos y le agregaremos los archivos que queremos
enviarle a OK.
Entonces eso es todo.
Así que vamos a hacer uno a la vez obtener ADD Sí, agregar el paquete que Jason y obtener agregar vistas que todo
el directorio va a hacer.
Obtener commit
Y vamos a decir que el comentario inicial es genial si vuelves a las instrucciones verás algunas cosas.
Una vez que instale el toolbelt puede hacer clic.
Lo he instalado en este ejemplo este tutorial te dan una aplicación de demostración.
Ya tenemos uno, así que puedes decir que cloné el código fuente de la aplicación.
Lo siguiente que te dice que hagas es ejecutar un comando llamado Heroku create.
Entonces podemos seguir adelante y hacer eso.
Y lo que hará es hacer espacio en Heroku para que una nueva aplicación te genere beneficios en
un área de sushi con este repositorio actual y get.
Así que voy a correr eso ahora mismo.
Heroku crea y puedes ver
primero, esto no funcionaría si no estuviera conectado si no ejecutara el inicio de sesión de Heroku; primero me
pediría que me autenticara pero puedes ver que me hace una nueva aplicación y se lo da un nombre al
azar.
Heroku es muy famoso por estos pacíficos nombres de la naturaleza Zen.
Aquí se les ocurre algo tan sin nombre con este número aleatorio.
También le proporciona esto, usted sabe dónde se implementará su aplicación.
Puedes cambiar esto
Puede mirar los documentos de Roku, puede especificar su propio dominio de punto de aplicación Heroku si lo desea.
Entonces, si desea verificar si esta aplicación de demostración.
Hay disponible una aplicación Heroku para dos puntos de tres puntos, que puedes hacer, pero también puedes tener
tu propio dominio.
Entonces, si tienes Salli dot com o las nubes son increíbles.
Sé que puedes implementar una aplicación que se implementa en Roku.
Puede configurarlo para que funcione con su dominio, pero no lo haría todavía.
Así que aún creas esta aplicación aquí obtienes este Hoku aleatorio, ahora si lo visitamos
ahora,
recibimos esta bienvenida predeterminada a tu nueva aplicación.
Todavía no tenemos ningún código asociado a esta aplicación.
Heroku simplemente sabe que queremos crear una aplicación que tenga una aplicación vacía allí.
Otra cosa que sucedió es que agregó un control remoto a nuestro repositorio Get llamado Heroku.
Entonces, si echas un vistazo al tablero B del control remoto, verás que se agregó un control remoto llamado Heroku al que
podemos insertar el código.
Entonces esto es realmente importante.
Así es como básicamente transfieres el código.
Así es como voy a decirle a Heroku. Aquí está el código que quiero que ejecutes.
Entonces, cuando presione a Heroku, ejecutaré un comando.
Obtener empuje maestro Heroku.
Así que eso va a impulsar cualquier código que haya agregado y comprometido en el rancho maestro a Heroku.
Entonces en este caso eso es todo.
De nuevo, algunas veces no quieres presionar cada cosa.
Tal vez hay algún código nuevo que no desea enviar a su servidor de producción, pero en este
caso queremos todo terminado.
La aplicación está funcionando de la manera que queremos.
Entonces, vamos a empujar todo.
Así que aprende a dominar a Heroku antes de que yo vea eso en un tutorial.
También le dice cómo hacerlo.
Entonces, si te pierdes si prefieres mirar o leer el tutorial, puedes seguirlo.
Estamos haciendo exactamente el mismo paso.
Así que consigue empujar a Heroku M. OK para que podamos presionar enter.
Te advertiré que hay una cosa que no hemos hecho que va a causar
un pequeño problema, pero lo hice a propósito porque quiero mostrarte el proceso de depuración de Heroku.
Así que voy a
presionar Enter y se necesita un poco por lo general especialmente con aplicaciones más grandes.
Muchas cosas están sucediendo aquí.
Por lo general, esto no ocurre cuando simplemente presionas para obtener el centro.
Entonces esto es todo magia de Heroku.
Puedes volver atrás y leer un montón de cosas sobre lo que está sucediendo.
Veamos que detectó que es una aplicación de nodo que instaló algunas de las dependencias importantes o las Pineries luego instaló
las dependencias express y Ejay us por ese paquete que Jaison.
Y estas son todas las cosas que expresan depende de la aplicación creada entonces y luego lo lanzó.
Entonces dice que esta aplicación se implementó en Iraq.
Entonces, si visitamos esa URL de actualización, esperamos ver nuestra aplicación.
Sin embargo, todo lo que vemos es un error de aplicación.
Así que esta es una pantalla muy común cuando estás depurando Heroku cuando estás comenzando
cuando estás empujando una nueva aplicación allí.
Qué sucede cuando tienes un error con tu código o si algo no funciona.
¿Eso está del lado de Heroku o en la interfaz web? Todo lo que ves es un error.
No colocan el mensaje de error específico en los detalles porque obviamente no querrás
exponerlo a tus usuarios.
Entonces mantienen las cosas lo más ocultas posible.
Solo dicen error de aplicación.
Pero lo que sucede es que puede ver los problemas que puede ver los mensajes de error en los registros
en su línea de comandos.
Así que para hacer eso simplemente escribimos los registros de Heroku y obtenemos un montón de cosas aquí si nos desplazamos hacia arriba
veremos que hay un error y el error ocurrió aquí mismo.
Comenzando el proceso con el comando NPM start y luego resulta que no tenemos un comando de inicio de NPM que falte
el inicio del script y luego eso hace que todos nuestros errores y cosas se cuelguen.
Así que de nuevo lo hice a propósito para mostrarte un registro de Heroku de cómo podrías ir y echar un vistazo porque oculta el mensaje de
error real de parte tuya aquí, pero eso no significa que no puedas verlo.
Y esta es una pantalla bastante común si tu aplicación falla.
Los registros de Heroku y el comando importante.
Pero lo que la flecha está diciendo es que no teníamos un script de inicio.
Entonces, con ese script de inicio, es que le dice a Heroku que le dice al servidor qué código ejecutar para
iniciar su aplicación.
Entonces básicamente hace lo que hemos estado haciendo para iniciar nuestro servidor.
Hemos estado ejecutando aplicaciones de nodo.
Sí, pero no podemos hacer eso porque el código ya no se está ejecutando aquí.
No lo estamos ejecutando en este espacio de trabajo.
Ese es el punto.
Está en Heroku.
Así que le damos un script de inicio.
Así que abrimos el paquete de la etapa de una canción y va dentro de las secuencias de comandos.
Esto no es algo que se espera que sepas.
Este es un nuevo comienzo de colon y luego un nodo después de J. S. Entonces, ¿qué hará Heroku cuando introduzcamos el código
en Heroku? Primero se ejecutará la instalación de NPM. Instala todas las dependencias cada vez que presionamos.
Así que podríamos actualizar a una
nueva versión de Express si agregamos y confirmamos y luego hacemos que Herok Heroku ejecute automáticamente la instalación
de NPM en Heroku para obtener la nueva versión y luego ejecuta el inicio de NPM, que se ejecutará aquí mismo.
Nodo apto
Sí.
Por lo tanto, no podemos obtener empuje Heroku maestro porque en este momento nuestro rancho obtener Master no ha cambiado.
No hemos agregado y comprometido ese cambio que acabamos de hacer.
Entonces, si escribes obtener estado, puedes
ver en Branch maĂ.
Oh, bueno, no guardé el archivo para que lo hiciera.
Ahora si tomo el estado verás el paquete modificado que Jason.
Entonces queremos agregar que get commit y todo lo que hagamos aquí sea add start script.
Ahora todo lo que tenemos que hacer es empujar al maestro Roku y estamos listos para irnos.
Entonces, apúntate.
Su maestro comenzará todo el proceso donde nuestro código toma un texto en Jason.
Instala estas dependencias y luego ejecuta el inicio de NPM que no habíamos especificado la última vez.
Entonces, la aplicación se bloqueó.
Uy! tiene la intención de presionar Intro aquí.
Tomará un poco.
Está empujando a
Heroku hacia arriba, es instalar cosas instalando dependencias y ver el lanzamiento para verificar esa implementación.
OK, intentemos refrescarnos ahora.
Y ahí vamos.
Entonces, tenemos una aplicación
que se ejecuta sin nombre y le dije a 6 4 4 9 8 dot Roku en dotcom Puedo hacer clic en las rutas para ir y venir.
Increíble.
Lo último que mostraré es en el tablero de Heroku si vuelves a tu panel.
Ahora tendremos nuestra aplicación apareciendo aquí.
Oh, me va a hacer iniciar sesión primero.
Entonces, una vez que inicies sesión con suerte, no tendrás que hacerlo.
Pero una vez que inicie sesión veremos lo que estoy buscando.
Y como pueden ver nuestra nueva aplicación está aquí.
Puede hacer clic en él
para ver información sobre cualquier cosa sobre cuánto tiempo ha pasado hasta cuántas personas accedieron con qué frecuencia.
¿Quién tiene permiso para implementar y meterse con este que es un contribuyente propietario?
Todo tipo de cosas diferentes
No voy a entrar en todo esto.
lanzamos la aplicación por primera vez.
Quiero decir que puedes ver todas las diferentes veces que hemos empujado o implementado cuando lo inicializamos cuando
Y luego, también es aquí
donde vendrá a configurar o configurar cosas como dominios personalizados o puede agregar complementos.
Lo único que Paul mencionó aquí es que estamos usando el plan Heroku gratis en este momento.
No hay una tarjeta de crédito asociada donde hagan su dinero. Sin embargo, una
vez que empiezas a tener más usuarios que vas a actualizar y lo que haces es hacer clic aquí.
Actualízate al pasatiempo y verás que puedes hacer clic en
un pasatiempo o puedes ir a un profesional para que puedas ver cómo el hobby comienza con 7 dólares al mes.
Así que definitivamente vale la pena.
Si va a tener si va
a empezar a tener más personas para usted y sus aplicaciones, pero incluso las obras gratuitas funcionan bien como un
proyecto de cartera o algo que va a enviar a las empresas, siempre y cuando no esté esperando que conozcas miles de visitas al día.
DE ACUERDO.
Así que eso es todo lo que hay aquí para Heroku.
Quiero recapitular eso sin embargo.
Así que regresemos y realicemos este proceso una vez más para actualizar nuestra aplicación.
Quiero actualizar la página de inicio para que tenga
una imagen que diga y tengo una imagen aquí.
Es algo grande que no pensé en eso.
Esta es una imagen que tomé recientemente, pero estoy aprendiendo algo de fotografía en el lateral.
Así que siéntete libre de usar la imagen que quieras de la fuente del curso equivale a una fuente gigantesca.
Probémoslo a nivel local.
Así que la
aplicación de nodo Julius se actualiza.
Guau.
Y llegar a la imagen.
Eso está bien sin embargo.
Así que eso está funcionando
bien localmente en Heroku, aunque ese cambio no se aplica en absoluto y eso se debe a que no están vinculados intrínsecamente.
Tenemos que elegir lo que queremos presionar a Heroku Y ese es realmente el punto.
Tenemos un espacio de trabajo con el que jugar para cometer errores para probar
cosas nuevas y luego, si queremos incorporarlos e incorporarlos a la aplicación real, puedo llevarlos a Heroku.
Pero Heroku siempre debe ser la última versión estable.
Lo último que funciona antes de que fueras y estropearas algo.
De acuerdo, entonces todo lo que
necesito hacer es obtener el estado necesario para agregar ese cambio, confirmar la imagen agregada del puente y luego obtener el empuje del maestro Heroku.
Entonces ese flujo de trabajo es realmente común.
lo que quieras pasar a Heroku y luego obtener el empuje
de Heroku maestro y luego cada vez que lo cambies o lo actualices en el mismo proceso
get ad get commit get push Heroku master refresh en nuestra aplicación Heroku y ahí vamos o se está llevando a cabo un cambio .
Lo primero que hicimos fue que esto no era parte del flujo de trabajo, pero lo primero era asegurarnos de que estuvieras en un
repositorio get, entonces Heroku crearía una vez que lo creas, entonces lo que vas a hacer es asegurarte de agregar y comprometer todo
Increíble.
Todo bien.
Entonces, en
el próximo video vamos a ver cómo implementar una aplicación sustancial más compleja con una base de datos que es un poco dolor de cabeza.
Desafortunadamente