#0.Docker使用1

実は今回行われたプロジェクトは、
筆者を含む3人が参加したプロジェクト.
ドックを使う必要はありませんが(?)
もともと大きいのがたくさんあると聞いていたので、ついでに勉強してみました!
試してみることにしました!
ドックが何なのかについては、下に添付された文章が本当によく説明されているようです.
後で読んだほうがいいです.
https://subicura.com/2017/01/19/docker-guide-for-beginners-1.html
(もちろん私はまだ完全に理解していませんが…ううう)
Docker公式ドキュメントのチュートリアルは本当に良くて、1日ぐらい
無知なので、チュートリアルについて勉強します.
そして翌日?合成なしDockerfileの作成を開始…!
本プロジェクトはフロントエンドがReact Native、バックエンドがDRF、ディレクトリ構造が:

project
│   docker-compose.yml
│
└───frontend
│   │   Dockerfile
│   │  .Dockerignore
│   │  package.json
│   │  yarn.lock
│
└───backend
   │   Dockerfile
   │   file022.txt

/frontend/Dockerfile

FROM node:16.13.0-buster

MAINTAINER Collector

RUN mkdir /frontend
WORKDIR /frontend

COPY ./package.json ./
COPY ./yarn.lock ./
WORKDIR /frontend/
RUN npm install 
RUN npm install -g expo-cli



EXPOSE 19000
EXPOSE 19001
EXPOSE 19002
COPY . /frontend/

FROM node:16.13.0-buster

通常は軽くて速いアルプス画像を使うことをお勧めします.
実際、最初に作成したバックエンド/Dockerfileでは、alpineイメージを使うと逆に良くない文章を表示します.
バックエンド画像をbusterとして使用すると同時に、frontend画像も特に考えられない.
これで画像が大きくなりますゞㅠ更了解后再选,遅来的后悔中..ううう
元はnode:最新のイメージ、セキュリティポリシーを使用していますか?この変更でエラーが発生したため、16.13バージョンを指定して降格しました.

MAINTAINER Collector

MANTAINERは、画像の作者名を指定する際に使用するそうです.
筆者はこの部分をUdemy印江に沿って書きました.
この文章を整理するときに調べてみましたが、まだMANTAINERコマンドを使っていません…
LABELという命令語に代わりました!
関連内容はこの文章を参照してください.

RUN mkdir /frontend
WORKDIR /frontend

Dockerイメージにfrontendディレクトリを作成し、デフォルトの作業ディレクトリとして指定します.

COPY ./package.json ./
COPY ./yarn.lock ./
WORKDIR /frontend/
RUN npm install 
RUN npm install -g expo-cli

package.jsonと糸.ロックファイルCOPYをDockerイメージにします.
npm installでパッケージをインストールした後、
expo-cliもインストール!

EXPOSE 19000
EXPOSE 19001
EXPOSE 19002

そして19000~19002号港を開きました.
cf)万博開発ツールは黒い画面のみ表示
正常に近づけない問題はまだ解決されていません...ううう