JavaScript 在 for 迴圈內使用 let

for(let i=0; i<10; i++){

setTimeout(function(){

console.log(i);

}, 100*i);

}

雖然只用了一個 let ，但實際上卻是依據迴圈的執行次數，宣告了 10 個區域變數。每個匿名函式所在的區域，都有一個 i 。

下面的例子可以說明這種情況：

let funcs = [];

for(let i=0; i<10; i++){

funcs.unshift(function(){

return i;

});

}

for(let s in funcs){

console.log( funcs[s]() );

}

但這個例子，由於函式不位於變數的區域內，因此會造成問題。

const f = ()=>{

console.log(i);

}

for(let i=0; i<10; i++){

setTimeout(f, 100*i);

}

MongoDB 遠端連線 (ubuntu 18.04)

MongoDB 的安裝可以直接參考官方說明：
https://docs.mongodb.com/manual/tutorial/install-mongodb-on-ubuntu/

這裡的 MongoDB 版本為 4.0.6。MongoDB 安裝完成後，只允許 localhost 的連線，而且沒有任何的權限限制，可以連上線的都是管理者權限。但不用太擔心，因為沒有設定的情況下，遠端是無法連線的。

如果使用 ssh 連線到主機，再使用 mongo client 管理，理應也不需要設定。但我希望可以用家裡的 mac 使用 Robo 3T 連線到主機管理，這個時候就需要做些設定，本篇是採用簡便的 Role-Based Access Control 做法。

1. 針對 admin 資料庫設定管理者。選用 admin 資料庫，並建立管理權限的管理者帳號，請參考 Enable Auth 。預設的權限角色請參考 Built-In Roles 。

use admin
db.createUser(
  {
    user: "myUserAdmin",
    pwd: "abc123",
    roles: [ { role: "userAdminAnyDatabase", db: "admin" }, "readWriteAnyDatabase" ]
  }
)

2. 先將服務停下來：

$ sudo service mongod stop

3. 設定 /etc/mongod.conf 裡的 net.bindIp。伺服器綁定的 IP，可將 net.bindIp 設定為 0.0.0.0 或使用 net.bindIpAll 設定為 true。亦或者設定為 Server 實際使用的 IP 及 127.0.0.1。

net:
  port: 27017
  bindIp: 127.0.0.1,157.23.???.???

4. 設定 /etc/mongod.conf 裡的 security.authorization 為 enabled，啟用帳密限定連線。

security:
  authorization: enabled

5. 啟動服務：

$ sudo service mongod start

6. 連線時，需要輸入帳號及密碼

$ mongo -u myUserAdmin -p abc123

如此就可以透過 Robo 3T 從遠端連線管理 MongoDB 了。

另外，可以參考這篇使用 ufw 防火牆去限定連線來的 ip。記得要開啟必要的 ports：

$ sudo ufw allow OpenSSH
$ sudo ufw allow from 你個人電腦的IP to any port 27017
$ sudo ufw allow http
$ sudo ufw allow https

正式環境使用 PM2 啟動 Node.js app

以往開發 Node.js app 時常使用 nodemon 在測試環境中啟動 app，其 watch 的功能，可以在檔案變更後自動重新啟動 app，對開發人員來說相當方便。

不過當 app 要發佈到遠端的虛擬機及設定比較複雜時，PM2 似乎是比較理想的工具。個人的一個專案需求是，production 會同時需要 http 及 https， development 則只需使用 http，而且 http port number 不同。

PM2 說明文件

以下是大致上的使用步驟：

1. 安裝 PM2 (使用 ubuntu 18.04)

  sudo npm i -g pm2

2. 在專案的資料夾內初始化建立 PM2 的設定檔 ecosystem.config.js

  pm2 init

3. 修改 ecosystem.config.js

    apps: [{
        name: 'der_linebot',
        script: 'app.js',
        output: './logs/output.log',
        error: './logs/error.log',
        // log: './logs/combined.log',

        // Options reference: https://pm2.io/doc/en/runtime/reference/ecosystem-file/
        args: 'one two',
        instances: 1,
        autorestart: true,
        watch: false,
        max_memory_restart: '1G',
        env: {
            NODE_ENV: 'development',
            HTTP_PORT: 3000,
            HTTPS_PORT: 3002
        },
        env_production: {
            NODE_ENV: 'production',
            HTTP_PORT: 80,
            HTTPS_PORT: 443
        }
    }],

主要是設定 logs 的輸出資料夾及檔名。另外就是開發和正式環境使用不同的埠號。

4. 設定 package.json 的 scripts

  "scripts": {
    "dev": "pm2 start",
    "pro": "sudo pm2 start --env production"
  },

5. 在正式環境時，已經使用 sudo 以 root 的權限啟動，但還是發生某些檔案讀取時發生權限不足的問題。又不想切換成為系統管理者（su root）。解法是完全停掉 pm2 後（sudo pm2 kill），將 ~/.pm2/ 裡的 .sock 檔變更所有者及所有者群組，例如：

  sudo chown shinder:shinder /home/shinder/.pm2/rpc.sock /home/shinder/.pm2/pub.sock

使用 Certbot 和 LetsEncrypt 實現 Node/Express 的 HTTPS

基本上是參考這篇
Node + Express + LetsEncrypt : Generate a free SSL certificate and run an HTTPS server in 5 minutes or less

原則上是依他的說明操作，這邊是防痴呆記錄一下。

1. 先在 local 準備一個簡單的 node/express 專案，只要先安裝 express 即可，寫個 hello world。

2. 在遠端開一台 VM。我是直接在 digitalocean 開一台 ubuntu 18.4 VM，每月五塊美金的（之後有需要再擴充）。開完就可以取得主機的 IP。

3. 設定 domain name。我個人是使用 godaddy 的服務，設定對應的子網域。

4. 使用 ssh 登入主機，更新 apt 並安裝 certbot。

$ apt-get update
$ apt-get install certbot

5. 使用 cetbot 啟用手動設定

$ certbot certonly --manual

在過程中，會需要回答一些問題、輸入連絡的 email 和申請的 domain name。

6. 看到以下訊息時，請先暫停，別冒然按下 Enter。

Create a file containing just this data:
辨識用的一串編碼
And make it available on your web server at this URL:
http://你的網域/.well-known/acme-challenge/一串編碼

7. 編輯你的專案，實作上述的功能，然後使用 sftp 上傳到主機。

app.get('/.well-known/acme-challenge/一串編碼', (req, res)=>{
    res.send('辨識用的一串編碼');
});

8. 在主機，使用另一個 terminal 啟動 node server，port number 使用 80。然後才在最初的 terminal 按下 Enter。

9. 看到以下的訊息就表示成功了

IMPORTANT NOTES:
 - Congratulations! Your certificate and chain have been saved at:
   /etc/letsencrypt/live/你的網域/fullchain.pem
   Your key file has been saved at:
   /etc/letsencrypt/live/你的網域/privkey.pem
   Your cert will expire on 2019-05-04. To obtain a new or tweaked
   version of this certificate in the future, simply run certbot
   again. To non-interactively renew *all* of your certificates, run
   "certbot renew"
 - If you like Certbot, please consider supporting our work by:
   Donating to ISRG / Let's Encrypt:   https://letsencrypt.org/donate
   Donating to EFF:                    https://eff.org/donate-le

10. 在 node/express 專案中設定:

const privateKey = fs.readFileSync('/etc/letsencrypt/live/你的網域/privkey.pem', 'utf8');
const certificate = fs.readFileSync('/etc/letsencrypt/live/你的網域/fullchain.pem', 'utf8');
const credentials = {
    key: privateKey,
    cert: certificate,
    ca: certificate
};

11. 啟動 sever 應該就可以看到 https 了。

使用 docker mongo

啟動 mongo ，將 27017 port bind 到 localhost 的 27017 port，可方便使用 robo 3T 工具（儲存區沒有設定）：

$ docker run -d -p 27017:27017 --name 容器名稱  mongo

若要使用 mongo console，依據官方文件（不一定要 bind port）：

$ docker run -it --link 容器名稱:mongo --rm mongo mongo --host mongo test

使用 robo 3T 是比較方便的。
若要使用 local 磁碟當儲存區：

mkdir ~/data
sudo docker run -d -p 27017:27017 -v ~/data:/data/db mongo

使用 localhost 測試 Facebook login

2018-10 開始 Facebook login 強制使用 HTTPS 了，若要在 localhost 測試也是得用 HTTPS 才行。以下的參考連結說明 MAMP 的作法：
https://gist.github.com/jfloff/5138826

Facebook login 以前做過幾次，都是針對活動網站的，這次也不例外。一陣子沒做了，想說依照官方範例，應該不會有太大問題，但結果還是卡了一兩個小時。以下列出卡到的點：

1. 在設定 Facebook app 時，在「設定」〉「基本資料」，「應用程式網域」和「網站網址」的域名請一致。（設定介面經常在變，規則也是）

2. 在「Facebook 登入」〉「設定」裡，「對重新導向 URI 使用 Strict 模式」現在預設是設定為開啟，而且不能變更。所以一定要在「有效的 OAuth 重新導向 URI」填寫正確的 redirect uri。

3. 使用 facebook/graph-sdk 時，可以直接 copy sample code 去改，但記得在 login.php 和 fb-callback.php 裡都要先以 session_start() 啟動 session 功能。因為 FacebookRedirectLoginHelper 的 CSRF 是寫在 session 裡的。

在 MAMP localhost 上使用自簽的 https

參考
https://gist.github.com/jfloff/5138826

1. Backup your /Applications/MAMP/conf/ dir.
2. Generate a (dummy) SSL Certificate

   $ cd ~
   
   # generate a private key (will request a password twice)
   $ openssl genrsa -des3 -out server.key 1024
    
   # generate certificate signing request (same password as above)
   $ openssl req -new -key server.key -out server.csr
    
   # Answer the questions
   Country Name (2 letter code) [AU]: CA
   State or Province Name (full name) [Some-State]: Quebec
   Locality Name (eg, city) []: Montreal
   Organization Name (eg, company) [Internet Widgits Pty Ltd]: Your Company
   Organizational Unit Name (eg, section) []: Development
   Common Name (eg, YOUR name) []: localhost
   Email Address []: your_email@domain.com
   A challenge password []: # leave this empty
   An optional company name []: # leave this empty
    
   # generate the certificate
   $ openssl x509 -req -days 365 -in server.csr -signkey server.key -out server.crt
    
   # remove the password from the server key
   $ cp server.key server.tmp
   $ openssl rsa -in server.tmp -out server.key
    
   # Move the certificate into your MAMP apache configuration folder
   $ cp server.crt /Applications/MAMP/conf/apache
   $ cp server.key /Applications/MAMP/conf/apache
   

3. Open /Applications/MAMP/conf/apache/httpd.conf and uncomment Include /Applications/MAMP/conf/apache/extra/httpd-ssl.conf.
4. Keep your vhost in /Applications/MAMP/conf/apache/extra/httpd-vhosts.conf just the same.
5. In /Applications/MAMP/conf/apache/extra/httpd-ssl.conf, find the following block and edit the fields Server Name and Document Root with the values you already have in your vhost.

   #   General setup for the virtual host
   DocumentRoot "/Applications/MAMP/Library/htdocs"
   ServerName www.example.com:443
   ServerAdmin you@example.com
   ErrorLog "/Applications/MAMP/Library/logs/error_log"
   TransferLog "/Applications/MAMP/Library/logs/access_log"
   and edit in your DocumentRoot and ServerName settings:

跨埠存取 cross ports

筆記：
  一台主機同時跑 apache/php (port: 80) 和 node/express/react (port: 3000)
  react 要呼叫 php api 時，同時要傳遞 cookie 的情況
  1. apache/php 的 Access-Control-Allow-Origin 要指定，不可以是 wildcard (*)。
  2. apache/php 的 Access-Control-Allow-Credentials 設定為 true。
  3. react 發 ajax 時，withCredentials要設定為 true。

使用 N 更新 Node.js

N 是用升級 Node 的 npm 套件，安裝：

sudo npm install -g n

安裝 N 之後即可升級 Node.js 或者更換版本。下行是安裝最新版本：

sudo n latest

下行是安裝 6.9 LTS：

sudo n 6.9

MAMP 的 Apache httpd-vhosts.conf 設定

#
# Use name-based virtual hosting.
#
NameVirtualHost *:80

<Directory "/Users/shinder/Dropbox/my_proj">
    Options       All
    AllowOverride All
    Order         allow,deny
    Allow         from all
</Directory>

<VirtualHost *:80>
    DocumentRoot "/Users/shinder/Dropbox/my_proj"
    ServerName   my_proj.shinder
    ErrorLog     "logs/my_proj-error.log"
    CustomLog    "logs/my_proj-access.log" common
</VirtualHost>