Merge pull request #69 from alexisluque/add-docker

aaguiarz · web-flow · commit 5fe400e4c3f9 · 2017-12-27T13:42:04.000-03:00
Dockerize all samples
diff --git a/01-Login/.dockerignore b/01-Login/.dockerignore
@@ -0,0 +1,6 @@
+package-lock.json
+node_modules
+.gitignore
+exec.sh
+exec.ps1
+README.md
diff --git a/01-Login/Dockerfile b/01-Login/Dockerfile
@@ -0,0 +1,12 @@
+FROM node:8.7-alpine
+
+WORKDIR /home/app
+
+RUN npm install -g create-react-app
+ADD package.json /home/app
+RUN npm install
+ADD . /home/app
+
+CMD ["npm", "start"]
+
+EXPOSE 3000
diff --git a/01-Login/README.md b/01-Login/README.md
@@ -4,7 +4,7 @@ This sample demonstrates how to add authentication to a React application with A
 
 ## Getting Started
 
-If you haven't already done so, [sign up](https://auth0.com) for your free Auth0 account and create a new client in the [dashboard](https://manage.auth0.com). Find the **domain** and **client ID** from the settings area and add the URL for your application to the **Allowed Callback URLs** box. If you are using the server provided by the create-react-app, that URL is `http://localhost:3000`.
+If you haven't already done so, [sign up](https://auth0.com) for your free Auth0 account and create a new client in the [dashboard](https://manage.auth0.com). Find the **domain** and **client ID** from the settings area and add the URL for your application to the **Allowed Callback URLs** box. If you are using the server provided by the create-react-app, that URL is `http://localhost:3000/callback`.
 
 Clone the repo or download it from the React quickstart page in Auth0's documentation. Install create-react-app globally and the dependencies for the app.
 
@@ -30,6 +30,14 @@ npm start
 
 The application will be served at `http://localhost:3000`.
 
+## Run the Application With Docker
+
+In order to run the example with docker you need to have `docker` installed.
+
+You also need to set the environment variables as explained [previously](#set-the-client-id-and-domain).
+
+Execute in command line `sh exec.sh` to run the Docker in Linux, or `.\exec.ps1` to run the Docker in Windows.
+
 ## What is Auth0?
 
 Auth0 helps you to:
@@ -52,7 +60,7 @@ If you have found a bug or if you have a feature request, please report them at
 
 ## Author
 
-[Auth0](auth0.com)
+[Auth0](https://auth0.com)
 
 ## License
 
diff --git a/01-Login/exec.ps1 b/01-Login/exec.ps1
@@ -0,0 +1,2 @@
+docker build -t auth0-react-01-login .
+docker run -p 3000:3000 -it auth0-react-01-login
diff --git a/01-Login/exec.sh b/01-Login/exec.sh
@@ -0,0 +1,3 @@
+#!/usr/bin/env bash
+docker build -t auth0-react-01-login .
+docker run -p 3000:3000 -it auth0-react-01-login
diff --git a/02-User-Profile/.dockerignore b/02-User-Profile/.dockerignore
@@ -0,0 +1,6 @@
+package-lock.json
+node_modules
+.gitignore
+exec.sh
+exec.ps1
+README.md
diff --git a/02-User-Profile/Dockerfile b/02-User-Profile/Dockerfile
@@ -0,0 +1,12 @@
+FROM node:8.7-alpine
+
+WORKDIR /home/app
+
+RUN npm install -g create-react-app
+ADD package.json /home/app
+RUN npm install
+ADD . /home/app
+
+CMD ["npm", "start"]
+
+EXPOSE 3000
diff --git a/02-User-Profile/README.md b/02-User-Profile/README.md
@@ -4,7 +4,7 @@ This sample demonstrates how to get a user's profile using Auth0 in a React appl
 
 ## Getting Started
 
-If you haven't already done so, [sign up](https://auth0.com) for your free Auth0 account and create a new client in the [dashboard](https://manage.auth0.com). Find the **domain** and **client ID** from the settings area and add the URL for your application to the **Allowed Callback URLs** box. If you are using the server provided by the create-react-app, that URL is `http://localhost:3000`.
+If you haven't already done so, [sign up](https://auth0.com) for your free Auth0 account and create a new client in the [dashboard](https://manage.auth0.com). Find the **domain** and **client ID** from the settings area and add the URL for your application to the **Allowed Callback URLs** box. If you are using the server provided by the create-react-app, that URL is `http://localhost:3000/callback`.
 
 Clone the repo or download it from the React quickstart page in Auth0's documentation. Install create-react-app globally and the dependencies for the app.
 
@@ -30,6 +30,14 @@ npm start
 
 The application will be served at `http://localhost:3000`.
 
+## Run the Application With Docker
+
+In order to run the example with docker you need to have `docker` installed.
+
+You also need to set the environment variables as explained [previously](#set-the-client-id-and-domain).
+
+Execute in command line `sh exec.sh` to run the Docker in Linux, or `.\exec.ps1` to run the Docker in Windows.
+
 ## What is Auth0?
 
 Auth0 helps you to:
@@ -52,7 +60,7 @@ If you have found a bug or if you have a feature request, please report them at
 
 ## Author
 
-[Auth0](auth0.com)
+[Auth0](https://auth0.com)
 
 ## License
 
diff --git a/02-User-Profile/exec.ps1 b/02-User-Profile/exec.ps1
@@ -0,0 +1,2 @@
+docker build -t auth0-react-02-user-profile .
+docker run -p 3000:3000 -it auth0-react-02-user-profile
diff --git a/02-User-Profile/exec.sh b/02-User-Profile/exec.sh
@@ -0,0 +1,3 @@
+#!/usr/bin/env bash
+docker build -t auth0-react-02-user-profile .
+docker run -p 3000:3000 -it auth0-react-02-user-profile
diff --git a/03-Calling-an-API/.dockerignore b/03-Calling-an-API/.dockerignore
@@ -0,0 +1,6 @@
+package-lock.json
+node_modules
+.gitignore
+exec.sh
+exec.ps1
+README.md
diff --git a/03-Calling-an-API/Dockerfile b/03-Calling-an-API/Dockerfile
@@ -0,0 +1,12 @@
+FROM node:8.7-alpine
+
+WORKDIR /home/app
+
+RUN npm install -g create-react-app
+ADD package.json /home/app
+RUN npm install
+ADD . /home/app
+
+CMD ["npm", "start"]
+
+EXPOSE 3000 3001
diff --git a/03-Calling-an-API/README.md b/03-Calling-an-API/README.md
@@ -6,7 +6,7 @@ There is a [short screencast](https://www.youtube.com/watch?v=ti2zMJm34Cw) avail
 
 ## Getting Started
 
-If you haven't already done so, [sign up](https://auth0.com) for your free Auth0 account and create a new client in the [dashboard](https://manage.auth0.com). Find the **domain** and **client ID** from the settings area and add the URL for your application to the **Allowed Callback URLs** box. If you are using the server provided by the create-react-app, that URL is `http://localhost:3000`.
+If you haven't already done so, [sign up](https://auth0.com) for your free Auth0 account and create a new client in the [dashboard](https://manage.auth0.com). Find the **domain** and **client ID** from the settings area and add the URL for your application to the **Allowed Callback URLs** box. If you are using the server provided by the create-react-app, that URL is `http://localhost:3000/callback`.
 
 Clone the repo or download it from the React quickstart page in Auth0's documentation. Install create-react-app globally and the dependencies for the app.
 
@@ -57,6 +57,14 @@ npm start
 
 The application will be served at `http://localhost:3000`.
 
+## Run the Application With Docker
+
+In order to run the example with docker you need to have `docker` installed.
+
+You also need to set the environment variables as explained [previously](#set-the-client-id-and-domain).
+
+Execute in command line `sh exec.sh` to run the Docker in Linux, or `.\exec.ps1` to run the Docker in Windows.
+
 ## What is Auth0?
 
 Auth0 helps you to:
@@ -79,7 +87,7 @@ If you have found a bug or if you have a feature request, please report them at
 
 ## Author
 
-[Auth0](auth0.com)
+[Auth0](https://auth0.com)
 
 ## License
 
diff --git a/03-Calling-an-API/exec.ps1 b/03-Calling-an-API/exec.ps1
@@ -0,0 +1,2 @@
+docker build -t auth0-react-03-calling-an-api .
+docker run -p 3000:3000 -p 3001:3001 -it auth0-react-03-calling-an-api
diff --git a/03-Calling-an-API/exec.sh b/03-Calling-an-API/exec.sh
@@ -0,0 +1,3 @@
+#!/usr/bin/env bash
+docker build -t auth0-react-03-calling-an-api .
+docker run -p 3000:3000 -p 3001:3001 -it auth0-react-03-calling-an-api
diff --git a/04-Authorization/.dockerignore b/04-Authorization/.dockerignore
@@ -0,0 +1,6 @@
+package-lock.json
+node_modules
+.gitignore
+exec.sh
+exec.ps1
+README.md
diff --git a/04-Authorization/Dockerfile b/04-Authorization/Dockerfile
@@ -0,0 +1,12 @@
+FROM node:8.7-alpine
+
+WORKDIR /home/app
+
+RUN npm install -g create-react-app
+ADD package.json /home/app
+RUN npm install
+ADD . /home/app
+
+CMD ["npm", "start"]
+
+EXPOSE 3000 3001
diff --git a/04-Authorization/README.md b/04-Authorization/README.md
@@ -4,7 +4,7 @@ This sample demonstrates how to include user authorization in a React applicatio
 
 ## Getting Started
 
-If you haven't already done so, [sign up](https://auth0.com) for your free Auth0 account and create a new client in the [dashboard](https://manage.auth0.com). Find the **domain** and **client ID** from the settings area and add the URL for your application to the **Allowed Callback URLs** box. If you are using the server provided by the create-react-app, that URL is `http://localhost:3000`.
+If you haven't already done so, [sign up](https://auth0.com) for your free Auth0 account and create a new client in the [dashboard](https://manage.auth0.com). Find the **domain** and **client ID** from the settings area and add the URL for your application to the **Allowed Callback URLs** box. If you are using the server provided by the create-react-app, that URL is `http://localhost:3000/callback`.
 
 Clone the repo or download it from the React quickstart page in Auth0's documentation. Install create-react-app globally and the dependencies for the app.
 
@@ -38,6 +38,14 @@ npm start
 
 The application will be served at `http://localhost:3000`.
 
+## Run the Application With Docker
+
+In order to run the example with docker you need to have `docker` installed.
+
+You also need to set the environment variables as explained [previously](#set-the-client-id-and-domain).
+
+Execute in command line `sh exec.sh` to run the Docker in Linux, or `.\exec.ps1` to run the Docker in Windows.
+
 ## What is Auth0?
 
 Auth0 helps you to:
@@ -60,7 +68,7 @@ If you have found a bug or if you have a feature request, please report them at
 
 ## Author
 
-[Auth0](auth0.com)
+[Auth0](https://auth0.com)
 
 ## License
 
diff --git a/04-Authorization/exec.ps1 b/04-Authorization/exec.ps1
@@ -0,0 +1,2 @@
+docker build -t auth0-react-04-authorization .
+docker run -p 3000:3000 -p 3001:3001 -it auth0-react-04-authorization
diff --git a/04-Authorization/exec.sh b/04-Authorization/exec.sh
@@ -0,0 +1,3 @@
+#!/usr/bin/env bash
+docker build -t auth0-react-04-authorization .
+docker run -p 3000:3000 -p 3001:3001 -it auth0-react-04-authorization
diff --git a/04-Authorization/public/index.html b/04-Authorization/public/index.html
@@ -13,7 +13,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>Calling an API</title>
+    <title>Authorization</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/05-Token-Renewal/.dockerignore b/05-Token-Renewal/.dockerignore
@@ -0,0 +1,6 @@
+package-lock.json
+node_modules
+.gitignore
+exec.sh
+exec.ps1
+README.md
diff --git a/05-Token-Renewal/Dockerfile b/05-Token-Renewal/Dockerfile
@@ -0,0 +1,12 @@
+FROM node:8.7-alpine
+
+WORKDIR /home/app
+
+RUN npm install -g create-react-app
+ADD package.json /home/app
+RUN npm install
+ADD . /home/app
+
+CMD ["npm", "start"]
+
+EXPOSE 3000
diff --git a/05-Token-Renewal/README.md b/05-Token-Renewal/README.md
@@ -36,6 +36,14 @@ The application will be served at `http://localhost:3000`.
 
 If you see an error on renewal saying `login_required`, that means you may be using the Auth0 dev keys for whichever social login you're testing. You'll need to add your own keys for this to work.
 
+## Run the Application With Docker
+
+In order to run the example with docker you need to have `docker` installed.
+
+You also need to set the environment variables as explained [previously](#set-the-client-id-and-domain).
+
+Execute in command line `sh exec.sh` to run the Docker in Linux, or `.\exec.ps1` to run the Docker in Windows.
+
 ## What is Auth0?
 
 Auth0 helps you to:
@@ -58,7 +66,7 @@ If you have found a bug or if you have a feature request, please report them at
 
 ## Author
 
-[Auth0](auth0.com)
+[Auth0](https://auth0.com)
 
 ## License
 
diff --git a/05-Token-Renewal/exec.ps1 b/05-Token-Renewal/exec.ps1
@@ -0,0 +1,2 @@
+docker build -t auth0-react-05-token-renewal .
+docker run -p 3000:3000 -it auth0-react-05-token-renewal
diff --git a/05-Token-Renewal/exec.sh b/05-Token-Renewal/exec.sh
@@ -0,0 +1,3 @@
+#!/usr/bin/env bash
+docker build -t auth0-react-05-token-renewal .
+docker run -p 3000:3000 -it auth0-react-05-token-renewal
diff --git a/05-Token-Renewal/public/index.html b/05-Token-Renewal/public/index.html
@@ -19,7 +19,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <title>Token Renewal</title>
   </head>
   <body>
     <noscript>

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+docker build -t auth0-react-01-login .`
	`2`	`+docker run -p 3000:3000 -it auth0-react-01-login`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+#!/usr/bin/env bash`
	`2`	`+docker build -t auth0-react-01-login .`
	`3`	`+docker run -p 3000:3000 -it auth0-react-01-login`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+docker build -t auth0-react-02-user-profile .`
	`2`	`+docker run -p 3000:3000 -it auth0-react-02-user-profile`