Merge pull request docker#11416 from usha-mandya/node-js-patch

Add get started docs for Node.js

_data/toc.yaml

@@ -4,7 +4,7 @@ horizontalnav:
   path: /
   node: home
 - title: Guides
-  path: /develop/
+  path: /get-started/
   node: guides
 - title: Product manuals
   path: /engine/
@@ -19,12 +19,12 @@ horizontalnav:
 home: {}
 
 guides:
+- title: Docker overview
+  path: /get-started/overview/
 - title: Get Docker
   path: /get-docker/
 - sectiontitle: Get started
   section:
-  - path: /get-started/overview/
-    title: Docker overview
   - sectiontitle: Quickstart
     section:
     - title: "Part 1: Orientation and setup"
@@ -33,6 +33,14 @@ guides:
       path: /get-started/part2/
     - title: "Part 3: Share images on Docker Hub"
       path: /get-started/part3/
+  - sectiontitle: Node.js
+    section:
+    - title: "Build images"
+      path: /get-started/nodejs/build-images/
+    - title: "Run containers"
+      path: /get-started/nodejs/run-containers/
+    - title: "Develop"
+      path: /get-started/nodejs/develop/
   - path: /get-started/resources/
     title: "Educational resources"
 - sectiontitle: Develop with Docker

_includes/body-landing.html

@@ -28,7 +28,7 @@
             <a href="/">Home</a>
           </li>
           <li>
-            <a href="/develop/">Guides</a>
+            <a href="/get-started/">Guides</a>
           </li>
           <li>
             <a href="/engine/">Product manuals</a>
@@ -101,7 +101,7 @@ <h5 class="title">Download and install</h5>
         </a>
       </div>
       <div class="col-xs-12 col-sm-6 col-lg-4 card-holder">
-        <a class="card guides" href="/develop/">
+        <a class="card guides" href="/get-started/">
           <h5 class="title">Guides</h5>
           <p>
             Learn how to set up your Docker environment and start containerizing

get-started/index.md

@@ -163,6 +163,8 @@ At this point, you've installed Docker Desktop on your development machine, and
 
 [On to Part 2 >>](part2.md){: class="button outline-btn" style="margin-bottom: 30px; margin-right: 100%"}
 
+For information on how to build and run your first containerized application using Node.js, go to [Build your Node.js image](/nodejs/build-images.md).
+
 ## CLI references
 
 Refer to the following topics for further documentation on all CLI commands used in this article:

get-started/nodejs/build-images.md

@@ -0,0 +1,246 @@
+---
+title: "Build your Node image"
+keywords: containers, images, node.js, node, dockerfiles, node, coding, build, push, run
+description: Learn how to build your first Docker image by writing a Dockerfile
+---
+
+{% include_relative nav.html selected="1" %}
+
+## Prerequisites
+
+Work through the orientation and setup in Quickstart [Part 1](../index.md).
+
+## Overview
+
+Now that we have a good overview of containers and the Docker platform, let’s take a look at building our first image. An image includes everything you need to run an application - the code or binary, runtime, dependencies, and any other file system objects required.
+
+To complete this tutorial, you need the following:
+
+- Node.js version 12.18 or later. [Download Node.js](https://nodejs.org/en/){: target="_blank" class="_"}
+- Docker running locally: Follow the instructions to [download and install Docker](https://docs.docker.com/desktop/).
+- An IDE or a text editor to edit files. We recommend using Visual Studio Code.
+
+## Sample application
+
+Let’s create a simple Node.js application that we can use as our example. Create a directory on your local machine named `node-docker` and follow the steps below to create a simple REST API.
+
+```shell
+$ cd [path to your node-docker directory]
+$ npm init -y
+$ npm install ronin-server ronin-mocks
+$ touch server.js
+```
+
+Now, let’s add some code to handle our REST requests. We’ll use a mock server so we can focus on Dockerizing the application.
+
+Open this working directory in your IDE and add the following code into the `server.js` file.
+
+```node
+const ronin     = require( 'ronin-server' )
+const mocks     = require( 'ronin-mocks' )
+
+const server = ronin.server()
+
+server.use( '/', mocks.server( server.Router(), false, true ) )
+server.start()
+```
+
+The mocking server is called `Ronin.js` and will listen on port 8000 by default. You can make POST requests to the root (/) endpoint and any JSON structure you send to the server will be saved in memory. You can also send GET requests to the same endpoint and receive an array of JSON objects that you have previously POSTed.
+
+## Test application
+
+Let’s start our application and make sure it’s running properly. Open your terminal and navigate to your working directory you created.
+
+```shell
+$ node server.js
+```
+
+To test that the application is working properly, we’ll first POST some JSON to the API and then make a GET request to see that the data has been saved. Open a new terminal and run the following curl commands:
+
+```shell
+$ curl --request POST \
+  --url http://localhost:8000/test \
+  --header 'content-type: application/json' \
+  --data '{
+	"msg": "testing"
+}'
+{"code":"success","payload":[{"msg":"testing","id":"31f23305-f5d0-4b4f-a16f-6f4c8ec93cf1","createDate":"2020-08-28T21:53:07.157Z"}]}
+
+$ curl http://localhost:8000/test
+{"code":"success","meta":{"total":1,"count":1},"payload":[{"msg":"testing","id":"31f23305-f5d0-4b4f-a16f-6f4c8ec93cf1","createDate":"2020-08-28T21:53:07.157Z"}]}
+```
+
+Switch back to the terminal where our server is running. You should now see the following requests in the server logs.
+
+```node
+2020-XX-31T16:35:08:4260  INFO: POST /test
+2020-XX-31T16:35:21:3560  INFO: GET /test
+```
+
+## Create a Dockerfile for Node.js
+
+A Dockerfile is a text document that contains all the commands a user could call on the command line to assemble an image. When we tell Docker to build our image by executing the `docker run` command, Docker reads these instructions and executes them one by one and creates a Docker image as a result.
+
+Let’s walk through the process of creating a Dockerfile for our application. In the root of your working directory, create a file named `Dockerfile` and open this file in your text editor.
+
+> **Note**
+>
+> The name of the Dockerfile is not important but the default filename for many commands is simply `Dockerfile`. So, we’ll use that as our filename throughout this series.
+
+The first thing we need to do is to add a line in our Dockerfile that tells Docker what base image we would like to use for our application.
+
+```dockerfile
+FROM node:12.18.1
+```
+
+Docker images can be inherited from other images. Therefore, instead of creating our own base image, we’ll use the official Node.js image that already has all the tools and packages that we need to run a Node.js application. You can think of this in the same way you would think about class inheritance in object oriented programming. For example, if we were able to create Docker images in JavaScript, we might write something like the following.
+
+`class MyImage extends NodeBaseImage {}`
+
+This would create a class called `MyImage` that inherited functionality from the base class `NodeBaseImage`.
+
+In the same way, when we use the `FROM` command, we tell Docker to include in our image all the functionality from the `node:12.18.1` image.
+
+> **Note**
+>
+> If you want to learn more about creating your own base images, see [Creating base images](https://docs.docker.com/develop/develop-images/baseimages/).
+
+The `NODE_ENV` environment variable specifies the environment in which an application is running (usually, development or production). One of the simplest things you can do to improve performance is to set `NODE_ENV` to `production`.
+
+```dockerfile
+ENV NODE_ENV=production
+```
+
+To make things easier when running the rest of our commands, let’s create a working directory. This instructs Docker to use this path as the default location for all subsequent commands. This way we do not have to type out full file paths but can use relative paths based on the working directory.
+
+```dockerfile
+WORKDIR /app
+```
+
+Usually the very first thing you do once you’ve downloaded a project written in Node.js is to install npm packages. This will ensure that your application has all its dependencies installed into the `node_modules` directory where the Node runtime will be able to find them.
+
+Before we can run `npm install`, we need to get our `package.json` and `package-lock.json` files into our images. We use the `COPY` command to do this. The  `COPY` command takes two parameters. The first parameter tells Docker what file(s) you would like to copy into the image. The second parameter tells Docker where you want that file(s) to be copied to. We’ll copy the `package.json` and `package-lock.json` file into our working directory `/app`.
+
+```dockerfile
+COPY ["package.json", "package-lock.json*", "./"]
+```
+
+Once we have our `package.json` files inside the image, we can use the `RUN` command to execute the command npm install. This works exactly the same as if we were running npm install locally on our machine, but this time these Node modules will be installed into the `node_modules` directory inside our image.
+
+```dockerfile
+RUN npm install --production
+```
+
+At this point, we have an image that is based on node version 12.18.1 and we have installed our dependencies. The next thing we need to do is to add our source code into the image. We’ll use the COPY command just like we did with our `package.json` files above.
+
+```dockerfile
+COPY . .
+```
+
+The COPY command takes all the files located in the current directory and copies them into the image. Now, all we have to do is to tell Docker what command we want to run when our image is run inside of a container. We do this with the `CMD` command.
+
+```dockerfile
+CMD [ "node", "server.js" ]
+```
+
+Here's the complete Dockerfile.
+
+```dockerfile
+FROM node:12.18.1
+ENV NODE_ENV=production
+
+WORKDIR /app
+
+COPY ["package.json", "package-lock.json*", "./"]
+
+RUN npm install
+
+COPY . .
+
+CMD [ "node", "server.js" ]
+```
+
+## Build image
+
+Now that we’ve created our Dockerfile, let’s build our image. To do this, we use the `docker build` command. The `docker build` command builds Docker images from a Dockerfile and a “context”. A build’s context is the set of files located in the specified PATH or URL. The Docker build process can access any of the files located in the context.
+
+The build command optionally takes a `--tag` flag. The tag is used to set the name of the image and an optional tag in the format `‘name:tag’`. We’ll leave off the optional “tag” for now to help simplify things. If you do not pass a tag, Docker will use “latest” as its default tag. You’ll see this in the last line of the build output.
+
+Let’s build our first Docker image.
+
+```shell
+$ docker build --tag node-docker .
+```
+
+```shell
+Sending build context to Docker daemon  82.94kB
+Step 1/7 : FROM node:12.18.1
+---> f5be1883c8e0
+Step 2/7 : WORKDIR /code
+...
+Successfully built e03018e56163
+Successfully tagged node-docker:latest
+Viewing Local Images
+To see a list of images we have on our local machine, we have two options. One is to use the CLI and the other is to use Docker Desktop. Since we are currently working in the terminal let’s take a look at listing images with the CLI.
+```
+
+To list images, simply run the `images` command.
+
+```shell
+$ docker images
+REPOSITORY          TAG                 IMAGE ID            CREATED              SIZE
+node-docker         latest              3809733582bc        About a minute ago   945MB
+node                12.18.1             f5be1883c8e0        2 months ago         918MB
+```
+
+You should see at least two images listed. One for the base image `node:12.18.1` and the other for our image we just build `node-docker:latest`.
+
+## Tag images
+
+An image name is made up of slash-separated name components. Name components may contain lowercase letters, digits and separators. A separator is defined as a period, one or two underscores, or one or more dashes. A name component may not start or end with a separator.
+
+An image is made up of a manifest and a list of layers. In simple terms, a “tag” points to a combination of these artifacts. You can have multiple tags for an image. Let’s create a second tag for the image we built and take a look at its layers.
+
+To create a new tag for the image we built above, run the following command.
+
+```shell
+$ docker tag node-docker:latest node-docker:v1.0.0
+```
+
+The Docker tag command creates a new tag for an image. It does not create a new image. The tag points to the same image and is just another way to reference the image.
+
+Now run the `docker images` command to see a list of our local images.
+
+```
+$ docker images
+REPOSITORY          TAG                 IMAGE ID            CREATED             SIZE
+node-docker         latest              3809733582bc        24 minutes ago      945MB
+node-docker         v1.0.0              3809733582bc        24 minutes ago      945MB
+node                12.18.1             f5be1883c8e0        2 months ago        918MB
+```
+
+You can see that we have two images that start with `node-docker`. We know they are the same image because if you look at the IMAGE ID column, you can see that the values are the same for the two images.
+
+Let’s remove the tag that we just created. To do this, we’ll use the rmi command. The rmi command stands for “remove image”.
+
+```shell
+$ docker rmi node-docker:v1.0.0
+Untagged: node-docker:v1.0.0
+```
+
+Notice that the response from Docker tells us that the image has not been removed but only “untagged”. Verify this by running the images command.
+
+```shell
+$ docker images
+REPOSITORY          TAG                 IMAGE ID            CREATED             SIZE
+node-docker         latest              3809733582bc        32 minutes ago      945MB
+node                12.18.1             f5be1883c8e0        2 months ago        918MB
+```
+
+Our image that was tagged with `:v1.0.0` has been removed but we still have the `node-docker:latest` tag available on our machine.
+
+## Conclusion
+
+In this module, we took a look at setting up our example Node application that we will use for the rest of the tutorial. We also created a Dockerfile that we used to build our Docker image. Then, we took a look at tagging our images and removing images.
+
+In the next module, we’ll take a look at [running containers](run-containers.md).