Интересная либа для генерации типов и маркдауна из объектов https://github.com/unjs/untyped

Вопрос: Как в Nuxt3 использовать runtimeConfig вне setup, если process.env не работает при билде?

Например для указания baseUrl:

import axios from 'axios'

const api = axios.create({
  baseURL: process.env.NUXT_BACK_URL //не работает,
  withCredentials: true
})

api.defaults.withCredentials = true

export default api

Ответ: Нужно сделать функцию setter для такого конфига и вызвать ее в контексте setup.

export function setBaseUrl (baseUrl: string) {
  api.defaults.baseURL = baseUrl
}

//app.vue
setup() {
  ...
      const { backUrl } = useRuntimeConfig()
      setBaseUrl(backUrl)
  ...
}

P.S. конкретно для этого примера, лучше использовать механизм плагинов, но например в RC они очень хреново работали. А сейчас хз, надо проверить. Но тут не важно, вопрос был, как использовать runtimeConfig ВНЕ контекста.

#nuxt3 #faq #advices #frontend

Мультистрочные скрипты в gitlab-ci.yml и других CI

Часто вижу километровые docker build ... команды без переноса строк. Какое то время думал, что по-другому нельзя :)
В итоге нашел решение — все оказалось просто. Добавляем символ ">" и все.

Вроде это механизм самого YAML, https://yaml-multiline.info/
По-этому должно работать и в остальных CI/CD типа github, bitbucket и т.д.

https://jsramblings.com/using-multiline-strings-in-gitlab-yml-file/

#devops #gitlab #advices #ci

Вебинар

В Новом Году планирую выход в люди :) Сделаю вебинар «Devops практики для фронт и бек разрабов» Было бы интересно прийти?

Разберем как готовить Docker, писать деплои в gitlab, запускать тесты и всякие инструменты интересные.

Если да, то пишите что хотелось бы увидеть?

С праздником.

Значит, с наступающием НГ вас всех! Благ там, закрытия гештальтов, дзена и выжить...

P.S.
Я думаю вам уже осточертели новогодние открытки,
поэтому, вот вам синьор, объясняющий джуну приведение типов в JS в последний день предновогоднего спринта...

HTTPS Backend Proxy

Бывает такое, когда нужно при разработке фронта подключаться по https к беку на удаленном сервере.
И если на беке используются куки для авторизации и/или CORS, то приходится поднимать https локально, прописывать там всякие hosts и прочее.

В общем для таких случаев, я запилил небольшой проектик, который с помощью докера поднимает прокси и позволяет работать с https бекендом, как будто он на локалхосте через обычный http протокол.

Работает даже на винде :)

https://github.com/BEARlogin/backend-docker-proxy

Upd. Заменил Nginx на Express

#devops #frontend #docker

Backend Proxy 2.0

Предыдущая версия работала только в том случае, если локальный хост уже был прописан на dev окружении для динамического ORIGIN, иначе валились CORS и куки.

Начал допиливать, чтобы была возможность работать с API без дополнительных изменений окружения на удаленном сервере.
В итоге отказался от NGINX, так как он при переписывании domain у кук ставит всегда ".localhost", что для Chrome не равно "localhost". И он отказывается ставить cookie.

Перешел на Express и пакет express-http-proxy. Бонусом получилось 2 варианта запуска - через docker или NodeJS напрямую. Теперь Docker необязательно ставить.

Если не трудно, потестите на своих окружениях, получится ли спроксировать к продакшну или стейджу например? У меня получилось к проду api.huntica.works локалку подключить без добавления ORIGIN и STATEFUL_HOSTS. Авторизация, CORS работает как надо :) Но может есть какие то кейсы, которых у меня не случилось.


Upd. Добавил возможность запуска через npx без клона репозитория

npx dev-backend-proxy -t https://jsonplaceholder.typicode.com -r https://jsonplaceholder.typicode.com -p 3001

https://github.com/BEARlogin/backend-docker-proxy

#devops #frontend #docker

Неправильно! Сначала нужно архитекторов и аналитиков запускать :)

в каждый новый проект я первым делом запускаю фронтэндеров, чтобы проект в будущем принёс достаток и процветал

@devopsina

На такую штуку нактнулся https://github.com/tekiegirl/Archangels
Можно посмотреть на работу архитектора в миниатюре :)

#architecture

Кто еще не получил доступ к ChatGPT вот хороший мануал https://habr.com/ru/post/704600/