up vote 0 down vote accepted jQuery is only designed for use in a browser, and does not support server-side rendering. You'll need to remove jQuery from any of your code that you want to use server-side.

http://stackoverflow.com/questions/39240241/jquery-requires-a-window-with-a-document-in-webpack

Dockerfile nodejs + nginx

因為覺得 Docker 應該可以獨領風燒 下個 5 至 10年,就學了

Docker file

FROM node:6.8.0-onbuild
#從onbuild那裡拿，丟aws eb 比較不會有問題

ENV NGINX_VERSION 1.11.5-1~jessie
#nginx的veriosn

RUN apt-key adv --keyserver hkp://pgp.mit.edu:80 --recv-keys 573BFD6B3D8FBC641079A6ABABF5BD827BD9BF62 \
&& echo "deb http://nginx.org/packages/mainline/debian/ jessie nginx" >> /etc/apt/sources.list \
&& apt-get update \
&& apt-get install --no-install-recommends --no-install-suggests -y \
ca-certificates \
nginx=${NGINX_VERSION} \
nginx-module-xslt \
nginx-module-geoip \
nginx-module-image-filter \
nginx-module-perl \
nginx-module-njs \
gettext-base \
&& rm -rf /var/lib/apt/lists/*
#下載 nginx

# forward request and error logs to docker log collector
RUN ln -sf /dev/stdout /var/log/nginx/access.log \
&& ln -sf /dev/stderr /var/log/nginx/error.log
#做 link

# Remove the default Nginx configuration file
RUN rm -v /etc/nginx/nginx.conf
#移除nginx原本的conf設定檔

# Copy a configuration file from the current directory
ADD nginx.conf /etc/nginx/
#新增本機端的conf設定檔到image裡

# Append "daemon off;" to the configuration file
RUN echo "daemon off;" >> /etc/nginx/nginx.conf
#用docker 的話，nginx設定檔得加一行

ADD default.conf /etc/nginx/sites-enabled
ONBUILD COPY . /usr/src/app
#將目前工作目錄copy 過來

CMD service nginx start & npm start;
#一定要&加在一起，而且只能一行，不然後行會取代前行...

EXPOSE 80 3000-3002
#因為新的nginx.conf設定從3000port轉過來，並且有設定gzip


nginx.conf
//proxy_pass          http://localhost:3000; 直接轉3000 port的資料來用
//gzip_types  開啟那些附檔名

worker_processes 4;

events { worker_connections 1024; }

http {

   
        server {
            listen 80;
            server_name localhost

            client_max_body_size 1000M;

            access_log            /var/log/nginx/http.log;

            gzip on;
            gzip_disable "msie6";

            gzip_vary on;
            gzip_proxied any;
            gzip_comp_level 6;
            gzip_buffers 16 8k;
            gzip_http_version 1.1;
            gzip_min_length 256;
            gzip_types text/html text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript application/vnd.ms-fontobject application/x-font-ttf font/opentype image/svg+xml image/x-icon;

            location / {
              proxy_set_header        Host $host;
              proxy_set_header        X-Real-IP $remote_addr;
              proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
              proxy_set_header        X-Forwarded-Proto $scheme;

              proxy_pass          http://localhost:3000;
              proxy_read_timeout  300;
            }
        }

}

aws eb 會默認沒有附檔名的檔案是yaml，會檢查格式，所以記得加上conf

aws eb 會認定沒有附檔名的檔案是yaml，會檢查格式，所以記得加上conf

react starter kit 使用 redux

http://bbandydd.github.io/blog/2016/10/13/add-component-on-react-starter-kit/

git 比對遠方

git diff <masterbranch_path> <remotebranch_path>

三個你必須加入AppWorks的理由

1.轉換你的工程師腦袋。工程師很容易為了鑽一個問題，而一直深陷下去，coding出比別人更屌的code，是真的滿爽的。＜～雖然我到現在還是會這樣，糟！

確沒有先跳出來看，任何時間的花費其實都是成本，你應該想的是，這個需求的市場，夠不夠大，未來的淺力如何，是不是應該要花這些學習成本去處理這個問題，還是有其他成本較低會較快速solution的來解決這個問題，並且創造出更大的效益。

2.介紹許多好用的工具(例如 AARRR 指標..)來幫助你了解你的產品或服務，在目前的startup 線上的那一個位置，而盡量不要陷入一直在無知的樂觀和有知的悲觀中打轉。

3.育成經理很正，心情就好(最早是joan,後來是 Phini , Gaga, 現在是 Jessica ，以後會是Alyssa嗎？)

docker build nginx + nodejs

出處：
https://semaphoreci.com/community/tutorials/dockerizing-a-node-js-web-application

最後要用
 docker run -it -P markthethomas/dockerizing-nodejs-app
-it 別忘

怕那天被砍檔，紀錄他的file setting

# Dockerfile
# using debian:jessie for it's smaller size over ubuntu
FROM debian:jessie

# Replace shell with bash so we can source files
RUN rm /bin/sh && ln -s /bin/bash /bin/sh

# Set environment variables
ENV appDir /var/www/app/current

# Run updates and install deps
RUN apt-get update

RUN apt-get install -y -q --no-install-recommends \
    apt-transport-https \
    build-essential \
    ca-certificates \
    curl \
    g++ \
    gcc \
    git \
    make \
    nginx \
    sudo \
    wget \
    && rm -rf /var/lib/apt/lists/* \
    && apt-get -y autoclean

ENV NVM_DIR /usr/local/nvm
ENV NODE_VERSION 5.1.0

# Install nvm with node and npm
RUN curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.29.0/install.sh | bash \
    && source $NVM_DIR/nvm.sh \
    && nvm install $NODE_VERSION \
    && nvm alias default $NODE_VERSION \
    && nvm use default

# Set up our PATH correctly so we don't have to long-reference npm, node, &c.
ENV NODE_PATH $NVM_DIR/versions/node/v$NODE_VERSION/lib/node_modules
ENV PATH      $NVM_DIR/versions/node/v$NODE_VERSION/bin:$PATH

# Set the work directory
RUN mkdir -p /var/www/app/current
WORKDIR ${appDir}

# Add our package.json and install *before* adding our application files
ADD package.json ./
RUN npm i --production

# Install pm2 so we can run our application
RUN npm i -g pm2

# Add application files
ADD . /var/www/app/current

#Expose the port
EXPOSE 80

CMD ["pm2", "start", "processes.json", "--no-daemon"]

# voila!

.dockignore :
.git
.gitignore
node_modules

processes.json :

{

    "apps": [

        {

            "name": "api",

            "script": "./bin/www",

            "merge_logs": true,

            "max_restarts": 20,

            "instances": 4,

            "max_memory_restart": "200M",

            "env": {

                "PORT": 80,

                "NODE_ENV": "production"

            }

        }

    ]

}

package.json:

{

  "name": "dd",

  "version": "0.0.0",

  "private": true,

  "scripts": {

    "start": "node ./bin/www"

  },

  "dependencies": {

    "body-parser": "~1.13.2",

    "cookie-parser": "~1.3.5",

    "debug": "~2.2.0",

    "express": "~4.13.1",

    "jade": "~1.11.0",

    "morgan": "~1.6.1",

    "pm2": "^2.0.18",

    "serve-favicon": "~2.3.0"

  }

}

docker on AWS 整理

初探 篇很亂，所以寫了整理篇。

前言：
為什麼要用Docker，因為npm package 相依性問題，造成 開發端(developer) 和 產品端(prouction)，因為機器環境的不同，造成無止盡的套件debug....

而Docker很神奇的用準VM(虛擬機器)解決了這個問題，又不像傳統VM大吃資源，故流行了起來。

目前各大雲端產品，幾乎都有相對應支援Docker，而本山人，因為AWS送很多credit用不完，所以還是以AWS上為主。

基本上，要在AWS上用Docker，有三種方法。

1.直接開EC2 instance，並且直接於ec2 instance 上安裝Docker Engine，就可以用了。
壞處是，你就得自已設定Scale....

2.EB: 只要直接將DockerFile上傳，就可以了。eb的好處...Scale...都幫你處理完..
http://docs.aws.amazon.com/elasticbeanstalk/latest/dg/docker-singlecontainer-deploy.html

3.ECS: 目前 AWS 主打，就是從 docker-compose衍生而來，幫你做私有倉庫管理....等功能。
不過有點複雜，如果你的產品環境，跟我一樣單純，而且懶得再摸另一套東西，例如debug，ECS又有自已的做法，但我很習慣從eb的日誌去找log了...