Guía Para Generar Un развертывает USANDO GitHub Y Servicios Online
Усандо Героку, глюк o CodeSandbox Para desplegar un Precto desde ООН репозиторио.
Actualmente Sigo Experimentando Servicios Online Que Permitan Desplegar un Precto desde Github Отказ
Ancoreidad, пробел Монгодб Атлас Para Generar Una Base de datos y su remessiva conexión Утилизандо JavaScript Отказ
Para Saber Más Sobre El Tema SE Puede Consular El Post.
Jugando con mongodb atlas y un poco con javascript
Хорхе Мендез Ортега · Июл 4 · 5 мин прочитано
Существуют Algunos Servicios Que Facilitan Realizar Un Deploy Desde Repositorio. La Magia de Estos Servicios RADICA EN QUE CON POCO ESFUERZO PODEMOS TENERER NuESTRO PROYETO ONLINE🤯.
👐 Манос a la obra
Lo Primero ES Contar Con El Repositorio Del ProyeCto Al Que Deseamos Dar Salida. EN ESTE CASO, UTILIZAREMOS EL CODIGO RENADO EL POST MENCIONADO INEOWERMENTE.
¿Перо Пор Qué Utilizar Este Código?
- Cuenta Con Una Conexión Con Mongodb Atlas
- SE PREQUEERE DE LA CREACIONE DE VARIABLES DE Entorno
- El Desarrollo En Si Es Servidor Básico
- Cuenta Con Los Comandos Básicos Para Levantar El Servidor.
🔖nota: Es Opcional El Uso del Código Que Comparto Por Este Medio Ya Que Позиблементируют quieras Generar El Deploy de un ProReecto Personal.
Orcapracticas/семинар-развертывание
🛠 Высокий генерар Para развертывает EN Servicios Gratuitos.
EJEMPLO de Como Hacer Deploy en varios servicios онлайн
AL CONTAR CON EL REPOSITORIO, PRECEERMEMOS REALIZAR EL Deploy de Nuestro ProReecto. ES Gathede Tomar EN Cuenta Que Nuestro ProyeCto Tiene Que Contar Con Tres CaracteriSticas.
EL Package.json Tiene que Contar Con El Comando Старт El Cual Permita Levantar Tu Alloxión Ya Que Este Es El Comando que usanan por defecto los servicios que utilizaremos.
En El Caso de Utilizar Express o Algún Tipo de Servidor ES ReComendable Que El Puerto Que Utiliza Para El Puerto Que Utiliza Para Escuchar Tiene Que Estar Configurado En Una Variable de Entorno.
Todo El Código de Nuestro ProyeTó Es Necesario Que Se Enceentra En Rama Master.
Countrictions uns enfocaremos en tres servicios, los cuales son fáciles de Configurary y No Es Necesario Ser un un Gurú Para Lograr Nuestro objetivo, ES Гибемент CREAR o Contar Con Cuenta En Los Servicios que Utilizaremos.
🔖 Nota: Otros Servicios взаимосвязывает сына Vercel y Нетлифицировать Рассмотрение по очереди Seria Bueno Dedicar Un Post Solo Para Ellos.
👨🏻💻 CodeSandox.
Desde mi punto de vista es es uno de los servicios mas популярны CodeSandbox Отказ
📦 Cargando Nuestro ProReecto
AL CONTAR CON EL ACCESO A Nueestro Dashboard Podremos Crage ООН Нуэво Песочница Sandbox Y Visualizar Todos Los Proyectos Con Los Que Estamos Trabajando.
Para Poder Realizar El Deploy Es Necesario Seguir Los Siguientes Pasos.
1.- Дар Нажмите En La Opción Создайте песочницу. 2.- EN EL MODAL SELECCIONAREMOS Import Project. 3.- En la caja de tealo que aparece colocaremos la url del repositorio. 4.- Podemos Seleccionar La Opción Скопировать ссылку o Импорт и вилка. 5.- POR ULTIMO SE MOSTRARA La Integración de Nuestro ProyeCto.
¡Гениаль! Haste Este Punto Nuestro ProyeCto SE грузное удовлетворительное. Solo RESTA Configurarar EL Servidor Ya Que Aún No Levanta Forrecte y est es por qué Нет Contamos Con LAS Переменные де Entorno Las Caual Son:
Dichas Переменные Permiten Que Nuestro Desarrollo Pueda Funciapar Foreleamente, существующая вариабельная ОСНОВНАЯ ОСОБЕННАЯ LA CUAT ES LLALADA Env ESTA NOS Funciona Para deetectar desde que servicio se esta generando un nuevo registro en nuestra base de datos. Para Generar LAS Переменные De Entorno Es Necesario Seguir Los Siguientes Pasos:
1.- EN Las Opciones de lado izquierdo seleccionaremos La Opción Que Esta Debajo del Engrane. 2.- EN Las Opcioneses del Panel Que Se Muestra Seleccionaremos La Opción Секретные ключи Отказ 3.- EN La Primera Caja de Texto Que Se Muestra Colocaremos El Nombre La Valor Consureniventte. 4.- Daremos Нажмите En La Opción Добавить секрет Отказ 5 .- AL CREAR TODAS LAS Переменные, Daremos Click En La Opción Перезагрузите сервер .
¡Excelente! Nuestro ProyeCto Ya Esta Разрешительный онлайн, PodeMos Compartir La URL Para Que Terceros PuEnan Revisar Nuestra Explationación, Para Finalizar Compartimos EL Restuctionado Conseguido El Cuenta Con Dos Puntos de Entrada Los Cuales Son:
//Listar datos https://kmbk6.sse.codesandbox.io/ //Crear un nuevo registro https://kmbk6.sse.codesandbox.io/random
🔖 Nota: ES Bosible Utilizar CodeSandbox Sin La Necesidad de Регистрация Перо Альгунас Функсионезы Нет estarán disponiables por ejemplo la creación de variables de entorno.
🐠 глюк
Is un servicio bastante Interesante, Ya Que Nos Brinda Una Interacción похожая кодовая коробка. Quizá un Poco Limitado EN Somalación A atros Servicios y Con una Interfaz Radical, Перо Подерсо у Сэнсильо де Утилизар. Lo Primero Que Processeremos Hacer, ES IR Directemente Al Sitiofiable de Сбой .
📦 Cargando Nuestro ProReecto
AL CONTAR CON EL ACCESOS A Nuestro Perfil Podremos Cremos Crage OUT NUEVO PROYETO Y Visualizar Todos Los ProReectos Con Los Que Estamos Interactuando.
Para Poder Realizar El Deploy Es Necesario Seguir Los Siguientes Pasos.
1.- Дар Нажмите En La Opción Новый проект. 2.- En el Menú de Opciones Seleccionaremos импортирует из Github. 3.- En El Promption que aparece colocaremos la url del repositorio. 4.- DAR Нажмите EN La Opción Acceptar. 5.- POR ULTIMO SE INICIARA La Integración de Nuestro ProyeCto.
¡Гениаль! Haste Este Punto Nuestro ProyeCto SE грузное удовлетворительное. AL Igual Como En El Caso de CodeSandbox El Servidor Aú No Levanta Forrecte y Esto Es Por Qué Нет contamos aun con las Переменные де-энхорны Лас Cuales Сын:
Como Ya SabeMos Estas Переменные Permiten El Prevento Funcionamiento Del ProyeCto, Al Igual Como En El Caso Ansiory Exhinee Una Carial La Cual Es LomadaDa Env. . Para Generar LAS Переменные De Entorno Es Necesario Seguir Los Siguientes Pasos:
1.- EN Las Opciones de lado izquierdo seleccionaremos el file .env .env. 2.- Seleccionaremos La Opción Добавьте переменную. 3.- En La Primera Caja de Texto Colocaremos El Nombre de La Primatable Y En La Segunda Su Valor Consecente. 4.- AL TERMINAR DE AGREGAR LAS Переменные Seleccionaremos La Opción Share Se Se Encuentra En El Panely Izquierdo. 5 .- EN EL меню Seleccionaremos La Opción Live Live Приложение y la opción Скопируйте. 6.- Abrimos Una Nueva Pestaña y pegamos la url.
Экспельте! Nuestro ProyeCto Ya Esta Deposonible También En Glitch, Ya Contamos Con URL URL PARA CompartiR, Para Finalizar Compartimos EL Restuctionado Conseguido El Cuenta Con 2 Puntos de Entrada Los Cuales Son:
//Listar datos https://treasure-certain-goal.glitch.me //Crear un nuevo registro https://treasure-certain-goal.glitch.me/random
🔖 Nota: Glitch Tiene la Posibilidad de Utilizarse Sin La Necesidad de Tener Una Cuenta Pro Poco Su Funcionialidad Es Poco Poco Limitada.
👨🏻💻heroku
ES UNA PLATAFOMMA LA CUAT FACILITA CREAN UN развертывание Ya Que Solo Basta Con Decirle Que Lenguaje de Backend SE ESTA UTILIZANDO O MOTOME DE BASE DE DESOS SE ESTA UTILIZANDO PARA Así Solo Precuparkos Por El Desarrollo, lo primero que realizaremos es r al sitiofiable de Heroku .
📦 Cargando Nuestro ProReecto
AL COTTAR CON EL ACCESO A Nuestro Dashboard Podremos Crage Nuevas Aplipacions y ver un listado de las que estan disponiables.
Para Poder Realizar El Deploy Es Necesario Seguir Los Siguientes Pasos.
1.- Seleccionar La Opción New. 2.- Seleccionar La Opción Создайте новое приложение. 3.- EN La Caja de Texto Colocaremos El Nombre de Nuestra App ES GAWE COE LA CAJA DE TEAKEO ESTE EN COLEL VERDE. 4.- Seleccionaremos La Región Por Defecto Podemos Dejar La Opción Seleccionada. 5.- POR SELECCINAMOS LA OPCION Создайте приложение.
¡Гениаль! Haste Este Punto Contamos Con Efacio Listo Para Poder Cargar Nuestro ProReecto, POR LO Que Processeremos A Realizar LAS Configuraciones Conficate Como Crage LAS Siguientes Переменные DE Entorno:
Como Ya Sabemos ESTAS Переменные Permiten El Createo Funcionamiento del ProyeCto, Al Igual Que en Los Casos Ancoweres существуют вариабельный La Cual es llamada Env Отказ Para Generar LAS Переменные De Entorno Es Necesario Seguir Los Siguientes Pasos:
1.- Seleccionar La Opción Настройки. 2.- En la nueva pantalla seleccionar показывают config var. 3.- En La Primera Caja de Texto Colocaremos El Nombre de La Primatable Y En La Segunda Su Valor Consecente. 4.- Seleccionar La Opción Добавить.
Ya Contamos CON La Configuración Necesaria Para Realizar El Deploy deestro ProyeCto, Para Poder Realizar Esta Tarea ES Necesario Conectar Github Siguiendo Los Siguientes Pasos.
1.- Seleccionar La Opción Deploy. 2.- Seleccionar La Opción Github. 3.- Seleccionar La Opción подключается к Github. 4.- EN EL MODAL QUE SE MUESTRA SELECCIONAR La Opción разрешает Heroku. 5.- En caso de que aparezca Ошибка ООН Basta Con Recargar. 6.- EN LAS NUEVAS OPCIONES QUE APARECEN INDICAREMOS EN QUE CUETA O ОРГАНИЗАЦИОНА ЭСТА EL REPOSITORIO. 7.- Buscamos Y Seleccionamos El Repositorio Se Mastraran Dos Nuevas Opciones. 8.- LAS NUEVAS OPCIONES PERMITEN SELECCIONAR QUE RAMA UTILIZAREMOS AS COMO AIDEAR SI QUEREMOS UN AUTTICATURE Развертывание ручного развертывания. 9.- AL SELECCIONAR UNA ALGUNA OPCION SE INICIARARA EL Развертывание. 10.- AL Terminar Seleccionaremos La Opción Посмотреть Para Veral El Restulacto.
¡Excelente! Nuestro ProyeTo Ya Esta Deposonible También En Heroku, Ya Contamos Con URL URL PARA Compartir, Para Compartizar Compartimos EL Restulsado Conseguido Al Igual Que Los Otros Casos Esta También Cuenta Con Dos Puntos de Entrada:
//Listar datos https://work-shop-deploy.herokuapp.com/ //Crear un nuevo registro https://work-shop-deploy.herokuapp.com/random
🔖 Nota: Heroku Cuenta Con una Opción de Integración Continua Al Esta Opción Solo Solo SOLO SOLO ESTA TOPONIBILE PARA Автоматическое развертывание ESTA Opción Puede GeneraR Развертывание Automáticos Siempre Que Detecte Un Cambio En La Rama Que Estemos Utilizando.
📝 выводит
Los Tres Servicios Que Revisamos Cada Uno Tienes Sus Pireliadades Y Poderes Por Ejemplo.
CodeSandbox: Prácticamente es en under under Online El Caul TE Premite Configurar TU Entoro de desarrollo Lo Que a agilidad AL Momento de Proptotipar un ProyeCto.
Сбой: Is under under mas limitado pero desde mi punto de vista es como si trabajaras con vim, glitch cuenta con una enteración de terminal la cual TE DA MUSTA FLEXIBILIDAD AL Mommento de Iniciar TU Desarrollo.
Heroku: Este Es Mas Un Паас Ya Que Solo TeneMos Que Precuparkos Por Configurar Lo Mínimo PARA QUE NuESTRO PROYETO FUNCIONE FUNCHIONE.
Desde Mi Punto de Vista No Survey Enviceio Iteal Pero Sí Mugeas Soluciones Las Cuales Al UniLLAS PuEDEN DARTE EL RESUSTUSENADO DESEADO, COMO RESOMENDACION ES BUENO QUEAS VEAS LAS CAPACIDADES DE CADA UNO DE LOS SERVICES Y EURROCTARLOS AL Máximo.
GEATE GEENCEDAR que los tres servicios al no contar con trafico por dentifinado tiempo estos se bajaran wormal mente hasta que sean consultason nuevamente.
Оригинал: «https://dev.to/konami12/creando-un-deploy-desde-github-3o27»