跳到主要內容

Node.js using express


1. 安裝express
npm install express

2. 安裝ejs
npm install ejs

3. 專案模組複製:此動作是希望將專案中會用到的模組存放在專案中,避免環境的變異造成專案執行上的異常
npm install
(於專案資料匣下執行此指令)

4. 建立專案(Project_Name為專案名稱)
express Project_Name
執行結果:
$ express ExpressPrj
   create : ExpressPrj
   create : ExpressPrj/package.json
   create : ExpressPrj/app.js
   create : ExpressPrj/views
   create : ExpressPrj/views/layout.jade
   create : ExpressPrj/views/index.jade
   create : ExpressPrj/routes
   create : ExpressPrj/routes/index.js
   create : ExpressPrj/public
   create : ExpressPrj/public/stylesheets
   create : ExpressPrj/public/stylesheets/style.css
   create : ExpressPrj/public/javascripts
   create : ExpressPrj/public/images
   dont forget to install dependencies:
   $ cd ExpressPrj && npm install

4. 上面指令完成後,會產生一個以剛剛給定的名稱的資料匣,express預設以jade作為view engine,在此需要修改一些設定方可使用express之ejs作為view engine,目前專案的檔案結構說明如下:
  • app.js: 實際主程式進入點
  • package.json: 專案定義檔,含一些版本資訊
  • public: 置放靜態檔案處,如javascript, css, image, html檔案等資料
  • view: view engine主要讀取資料匣,包含jade的頁面程式,簡單說就是node.js的server端程式位置
  • routes: 預設放置專案中router之位置,並且透過export提供給專案載入使用
5. 修改app.js檔案,增加使用ejs的定義
5-1. 首先修改configure區段:
app.configure(function(){
  app.set('views', __dirname + '/views');
  app.set('view engine', 'ejs');
  app.use(express.bodyParser());
  app.use(express.cookieParser());
  app.use(express.session({ secret: "keyboard cat" }));
  app.use(express.methodOverride());
  app.use(app.router);
  app.use(express.static(__dirname + '/public'));
  app.set("view options", {layout : true});
});
如果希望讓ejs用其他的副檔名,則可以參考下面設定:
app.set("view engine", "html");
app.set("views", __dirname + '/views');
app.register("html", ejs); 

5-2. 然後移除:app.get('/', routes.index);

5-3. 增加app.get()如下:

app.get('/', function(req, res){
  res.render('index', {
    title: 'Express'
  });
});

6. 在view之下新增layout.ejs檔案(express預設會找尋view下的layout.ejs作為樣板render頁面)

<!DOCTYPE html>
<html>
<head> 
  <meta name="viewport" content="width=device-width, initial-scale=1">  
  <title><%= title %></title>
  <link rel='stylesheet' href='/stylesheets/style.css' />
</head> 
<body> 
  <!-- /page -->
  <div data-role="page">
    <!-- /header -->
    <div data-role="header">
    <h1>My Title</h1>
  </div>
  <!-- /content -->
  <%- body %>
  </div>
</body>
</html>
如欲使用其他樣板,可在router處增加額外樣板資訊 :
app.get('/', function(req, res){
  res.render('index', {
    layout:'layout2',
    title: 'Express'
  });
});

7. 在view下新增index.ejs檔案:

<h1><%= title %></h1
<p>Welcome to <%= title %></p>

8. 啓動server:

(首先開啓終端機,進入專案資料匣...)

node app.js

9. 檢視執行狀況: 

這個網誌中的熱門文章

Oracle LISTAGG

同事介紹的一個Oracle的好用查詢:LISTAGG
SELECT A.GROUP_ID,A.KEY, LISTAGG(A.VALUE,'; ')WITHINGROUP(ORDERBYA.VALUE)as GG  fromSYS_PROPERTIESaGROUP byA.GROUP_ID,A.KEY
LISTAGG可以將group後的結果會總顯示於一個欄位 上述SQL原本A.VALUE會是一個row一個row的排列 使用LISTAGG之後,可以將A.VALUE顯示在同一個row中 並且可以指定間隔符號(在此設定為';') 針對某一些報表查詢非常有用唷 :D

使用 minikube 輕鬆上手 kubernetes

安裝minikube
macOS只需要透過brew即可快速安裝...
brew cask install minikube
Linux環境可以直接下載執行檔,放到環境變數可以吃到的路徑即可...
curl -Lo minikube https://storage.googleapis.com/minikube/releases/latest/minikube-linux-amd64 && \ chmod +x minikube && \
sudo mv minikube /usr/local/bin/
Windows的下載網址如下: https://storage.googleapis.com/minikube/releases/latest/minikube-windows-amd64.exe
如果您的kubectl尚未安裝,可以直接使用google cloud sdk來安裝:
curl https://sdk.cloud.google.com | bash
gcloud components install kubectl
安裝完成後,原則上minikube會在本地端加入minikube的k8s context,我們可以透過下面指令來使用該context…
kubectl config use-context minikube
然後,可檢查一下您的minikube node是否正常運作....

新一代LB - Traefik

新一代LB-Traefik Traefik突破以往我們對loadbalancer的觀點,他是一套直接與docker整合的loadbalancer套件...透過Traefik,我們可以使用label的方式將後面啟動的dockerinstance掛載到loadbalancer中,且無需重新啟動Traefik,可直接生效... Traefik基本介紹 Traefik是以動態重載新加入的dockerinstance的方式來替有附加相同domainlabel的dockerinstance建立網路附載平衡的關聯...因此,設定上,與一般我們建立reverseproxy的過程剛好相反(一般我們會先建立服務,再建立reverseproxy將服務串連起來)... Step1-建立Traefik服務 下面我們用官方的composefile來說明... File:docker-compose.yaml version: '2' services: proxy: image: traefik command: --api --docker --docker.domain=docker.localhost --logLevel=DEBUG networks: - webgateway ports: - "80:80" - "8080:8080" volumes: - /var/run/docker.sock:/var/run/docker.sock - /dev/null:/traefik.toml networks: webgateway: driver: bridge 其中traefik啟動時候,我們需要指定docker.domain來告訴taefik要聆聽的domain是哪一個,然後要事先開啟對應的port,讓外部服務可以連到traefik...,另外,我們將dockersocket掛載進來,這是必要的設定,讓traefik可以透過dockersocket來操控一些東西...,最後,traefik.toml檔案,我們保留空的,讓treafik自己建立... 啟動: docker-compose -f docker…