В этой статье мы изучим основы докера и создадим образ докера для ReactJS.

Что такое Docker

Docker – это набор продуктов платформы как услуги (PaaS), которые используют виртуализацию на уровне ОС для доставки программного обеспечения в пакетах, называемых контейнерами. Контейнеры изолированы друг от друга и объединяют свое программное обеспечение, библиотеки и файлы конфигурации; они могут общаться друг с другом через четко определенные каналы. Поскольку все контейнеры совместно используют службы одного ядра операционной системы, они используют меньше ресурсов, чем виртуальные машины. Нажмите сюда, для получения дополнительной информации"

Настроить докер

Чтобы иметь возможность работать с докером, на вашем компьютере должен быть установлен докер. Не беспокойтесь, для установки докера вы можете обратиться к этому блогу отметить здесь, как вы можете выполнить шаги.

Проверьте версию Docker

$ docker — version

после того, как вы установили докер, вы можете создать файл докера Dockerfileв указанной папке

Вы можете использовать этот образ для того, чтобы установить последнюю версию npm и иметь пользователя root, так что в соответствии с вашими потребностями вы также можете установить некоторые другие библиотеки. Если вы хотите установить определенную версию ReactJS, вы также можете сделать это после запуска этого образа https://hub.docker.com/r/sanjaysheel/reactjs-docker.

Вытащить изображение

только вам нужно вытащить образ докера

docker pull sanjaysheel/reactjs-docker

и если у вас есть некоторая путаница, как использовать это изображение, вы можете перейти на страницу образа докера, вы получите список команд для использования изображения. Я добавил скриншоты и ссылки, которые также могут вам помочь.

Как использовать изображение

Если вы также хотите настроить образ, вы также можете сделать это или после запуска этого образа в соответствии с вашими потребностями вы также можете установить библиотеки.

Как настроить изображение

Это файл Docker, и здесь вы также можете добавить больше

FROM ubuntu:20.04
RUN apt-get update
RUN apt-get upgrade
RUN docker pull node
RUN npm install create-react-app
RUN apt-get install --no-install-recommends -y code
RUN apt-get install --no-install-recommends -y libx11-xcb1
RUN apt-get install --no-install-recommends -y libxtst6
RUN apt-get install --no-install-recommends -y libasound2
WORKDIR /app
ENV PATH /app/node_modules/.bin:$PATH
COPY package.json ./
RUN npm install --silent
COPY . .
CMD ["npm", "start"]

Настройте приложение React

npx create-react-app <your-app-name>
cd <your-app-name>
npm start

Теперь вы можете создать свое приложение в папке приложения внутри контейнера для использования внешнего редактора. если ваша папка заблокирована, которую можно использовать только в контейнере докера, вы можете удалить заблокированный значок с помощью этой команды, а затем вы можете использовать внешний редактор кода.

sudo chown -R $USER: $HOME

Найдите меня в социальных сетях:

Свяжитесь со мной в LinkedIn:

https://www.linkedin.com/in/sanjaysheel8/

Посетите мой Github:

https://github.com/sanjaysheel

Проверить мою докеру:

https://hub.docker.com/r/sanjaysheel/reactjs-докер

Подпишитесь на меня в Instagram:

https://www.instagram.com/sheelsanjay/