2016年10月19日 星期三

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

2016年10月16日 星期日

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;
            }
        }

}



2016年10月14日 星期五

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

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

2016年10月13日 星期四

react starter kit 使用 redux

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

2016年10月12日 星期三

git 比對遠方

git diff <masterbranch_path> <remotebranch_path>

2016年10月7日 星期五

三個你必須加入AppWorks的理由

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

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

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


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

2016年10月5日 星期三

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了...