夏天的午後，來杯下午茶，分享你我的心。
像我個人常使用英文介面，理當所有網頁都會給英文的結果，
但有時候會遇到一種情況，例如查看 Google Map 地圖，
地圖都是中文路名，翻譯成英文都沒辦法一眼看懂，要試著唸一下才知道再講什麼。
但 Google 家的產品，語言切換都藏的比較深，
這時候網址切換就比較方便。
以下教學只適用於 Google 家的產品，不同公司定義不一樣。
而 Google 隨時會改，
如果已經失效了的話再麻煩跟我說。
在 https:// …… /xxx?aaa=bbb&ccc=ddd
後面加上 &hl=zh-Hant 可切繁體中文
後面加上 &hl=en 可切英文
例如：
https://www.google.com/maps?hl=zh-Hant
就切成中文
https://www.google.com/maps?hl=en
就切成英文
需注意 URL Query string 的格式，
為 ? （問號）開頭，中間用 & 符號分隔，
如果最開頭有了 ? （問號），那後面只能接 & 符號。
因為 Choice Eliminator 2 這個第三方外掛已經不能用了（第三方外掛的廠商已經下線了）
這陣子就在找替代方案，發現這一招還是可用，分享給大家。
本教學會帶入部分 Google 表單與 Google 試算表的使用，
看不懂也不用擔心，會一步一步帶大家建立。
(這是範例成品)
我們在這舉一個例子，假設是一個蛋糕團購表單，有六個選項，
在六個選項中，選擇二個：
在這團購表單很常見。
首先先建立一個 Google 表單，
網址：
https://docs.google.com/forms/
按新增
這邊用打入標題、 等聯絡資訊。
用簡答功能打入 姓名、電話、地址 等聯絡資訊。
旁邊有加號可以新增題目，這功能就不贅述。
再來就是重頭戲，新增一個「核取方塊」，
打入 原味、抹茶、起司、草莓、芋頭、巧克力 六個選項
在右下角的點點點選項，選擇「回應驗證」
就會多出一行選項
選擇「選取剛好」，數量打入 2，最後輸入提示訊息
再來點到「回覆」頁籤，右上角一個小按鈕「建立試算表」
選取回應目的地的視窗中
選建立新試算表，輸入名字，然後按「確定」
動畫就像這樣
你就會看到打開了一個 Google 試算表。
在試算表下方按下「 + 」，建立試算表
我們建立二個新的試算表，名字分別叫做：
像這樣
在「選項拆解」的試算表中，
A1 打入「選項」
B2 ~ G2 依序打入「原味、抹茶、起司、草莓、芋頭、巧克力」等選項
接下來這個騷操作，要一步完成
先選擇 A2 這格，先打一個「 = 」(等號)
然後直接選擇「表單回應 1」，的第一格選項欄位
你會看到公式跳出來
='表單回應 1'!E2動畫在這：
未來填單有資料的時候就會這樣
意思是說，單引號括起來的是試算表的名字，
意指「表單回應 1」試算表裡的 E2 欄位。
如果你是直接複製公式的話，
要注意單引號與雙引號，還有要注意欄位格子是否正確。
按下 Enter 之後，他會顯示空白的是正常現象，選取上去就會該格子就會有公式出現。
選到 B2 這格，打上公式：
=IF(IFERROR(FIND(B$1, $A2), 0) > 0, 1, 0)然後選上 B2 這格，直接拖拉到 G2，讓這列的選項都填滿了公式。
動畫：
如果有興趣的朋友，這邊小小解釋一下這個公式的原理：
FIND() 輸入三個參數：
白話文就是在第二個參數中，找第一個參數的文字，在哪個位置，
從第三個參數開始找，第三個參數可忽略，就是從第一個字開始找。
輸出就是在第幾個字出現的位置。
FIND() 的說明文件：
https://support.google.com/docs/answer/3094126?hl=zh-Hant
IFERROR() 輸入二個參數：
第一個參數是執行公式，如果它出錯了，就顯示第二個參數值。
IFERROR() 的說明文件：
https://support.google.com/docs/answer/3093304?hl=zh-Hant
IF() 就是判斷，輸入三個參數：
算蠻好理解的。
IF() 的說明文件：
https://support.google.com/docs/answer/3093364?hl=zh-Hant
整段白話文就是：我們把選項拆解，有搜尋到字的欄位標成 1 否則是 0
選取 要估算一下會填單的人數，整列選起來往下拉，讓每列都填上公式。
至於要拉幾列，當然 越多越好。
這表格意旨在拆解選項並填到各個對應的格子裡。
切到「統計」的試算表
A1 ~ E1 欄位分別打上「顯示、選項、額滿提示、已達數量、數量上限」
然後 B2 ~ B7 依序分別打上總共有的「原味、抹茶、起司、草莓、芋頭、巧克力」選項，
額滿提示可以打上你想打的額滿提示，範例是在最後加上（完售）字樣。
如果你想隱藏該選項，在額滿提示直接留空白。
然後在 E2 ~ E7 打入你要的數量上限。
選擇 D2 套入加總公式
=SUM('選項拆解'!B:B)這句 SUM() 的意思是：做 「選項拆解」試算表裡的 B 欄所有列的加總，
然後如法炮製，依序在 D3 套入公式
=SUM('選項拆解'!C:C)在 D4 套入公式
=SUM('選項拆解'!D:D)以此類推，套到 D7
=SUM('選項拆解'!G:G)
這邊重點要注意統計欄位是不是正確
選擇 A2 這格，套入公式
=IF(D2<E2,B2,C2)
這個應該很好理解，就是數量統計超過上限時，顯示額滿提示，否則顯示原本的選項名
然後往下拉，填滿到 A7
為何要這樣設計呢？為了配合等下要提到的 Form Ranger 外掛
在右上方點點點點開「外掛程式」，搜尋「Form Ranger」
安裝，
選擇帳號，
瀏覽授權權限，按下「允許」，
允許這個第三方外掛。
然後回到剛剛做的表單，在右上角多一個小積木
選擇「formRanger — PROD」
點「Start」
會看到你的多選問題
勾選「Populate from range」，然後旁邊按「 + 」(New Range)
在 Select sheet 的頁籤中，
選擇剛剛的回應試算表「蛋糕訂購表單 (回覆)」，按「Select」。
在 Select Ranage 的頁籤中，
Sheet name 選「統計」
Column header 選「顯示」
左側會出現預覽，按下「Next」
最後在 Name range 頁籤中，
Range name 打入一個名稱（名稱辨識用，可隨意填）
然後按下「Save and populate question」
最後的最後，
在 Auto-repopulate questions (自動重新產生問題) 這邊，
記得要把 On form submit (每次表單送出時) 選項給勾起來，
它會在表單送出的時候根據欄位值重新產生表單。
如果資料不同步時，可以手動按下「Update questions list」手動更新表單。
表單右上角按下「傳送」，
看到傳送表單的視窗，
選擇「連結」圖示，可以勾「縮短網址」，然後按複製，
這個就是你的表單前台網址。
最後當然是當個客人，來測試一下運作情況啦！
拿剛剛產生的這個網址去瀏覽器真的填看看，也驗證一下會不會有問題，
還是哪裡有做錯的地方。
最後附上筆者隨意填三筆資料的觀察各表單結果。
表單回應
選項拆解
統計
前台表單的樣子
最後的最後，如果你想隱藏額滿的選項，
在額滿提示直接留空白就可以了，選項他會自動消失。
記得時不時注意一下，「選項拆解」試算表套公式的列數，不然會出錯。
這功能不管單選多選都可以適用，選項在對應的地方修改即可，變通一下就有超萬用的表單了。
希望這邊教學對你有幫助。
請參考 PromiseKit 的文件：
在非同步執行的流程處理上，傳統作法一直是個麻煩點，
而 Promise 透過一些函式可以很直覺的管理非同步的流程。
以 iOS 而言，你可能要透過 NSOperationQueue 或者
GCD (Grand Central Dispatch) 這些方法來做非同步的流程。
如果要接續觸發（ A 事情做完做 B ）的情境，A 事情的 callback 做完之後緊接著 B 事情，你可能會得到一個很深的縮排。
如果是互相等待完成（ A 跟 B 事情 ）的情境，你可能要透過一些 boolean 來把狀態記住，然後 A 事情跟 B 事情的 callback 同時要檢查對方是否做完，才接續另外一個 callback 。 以上並不是說這樣寫不能用，只是你會有更好的解法，讓程式碼變得更乾淨好閱讀。
主要關鍵字有 firstly then catch 還有 always。
要字面上來看就是 「首先」、「然後」最後是有錯誤時用 catch 抓取錯誤。
這個範例還用了一個很實用的 when() 來綜合二件非同步的事情，當二件事情都結束時才會回傳到下一個 Callback。
這是一個綜合各種基本關鍵字的範例
firstly {
// Show Loading status bar
return when(myAsnycTaskA(), myAsnycTaskB())
}.then { (resultA:MyObjectA, resultB:MyObjectB) -> Void in
// Show results
}.always {
// Hide Loading status bar
}.catch { error in
print(error)
}
這是一個最基本的範例
基本句型有 then 跟 catch 就可以了
myAsnycTaskA().then {
(resultA:MyObjectA) -> Void in
// Show results
}.catch { error in
print(error)
}
至於你想要宣告一個事情也不難
func myAsnycTaskA()-> Promise<MyObjectA> {
return Promise { fulfill, reject in
// Done
fulfill(result)
// Fail
reject(error)
}
}
回傳一個 Promise，裡面有 fulfill() 跟 reject() 二個 method。
當資料回來的時候呼叫 fulfill()，
當出現錯誤的時候呼叫 reject() 並帶入一個 Error 物件。
這時回過頭來看第一個範例，我又把它改複雜了一點，是不是比較不難了呢？
firstly {
// Show Loading status bar
return when(myAsnycTaskA(), myAsnycTaskB())
}.then { (resultA:MyObjectA, resultB:MyObjectB) -> Promise<MyObjectC> in
// So some processing
return myProcessingTaskC()
}.then { (resultC:MyObjectC) -> Void in
// Show results
}.always {
// Hide Loading status bar
}.catch { error in
print(error)
}
首先，同時做 myAsnycTaskA() 跟 myAsnycTaskB()
等二者結果回傳了之後，做 myProcessingTaskC() 最後回傳結果。
在 callback 的處理上是不是變得比較開心愉快了一點呢？
以上就是 Promise 的快速介紹。
有興趣的話，可以查看官方文件裡面有更進階的寫法。
這個概念不只在 iOS (Swift) 可以用，在 JavaScript (ES6) 也有類似的語法，有機會再專文介紹。
你知道 Mac 本身也有內建防火牆嗎？
我指的不是 System Preferences 裡面有的防火牆（那個屬於 Application Firewall 指定程式進出的），而是可以像 linux iptables 可以設定規則的防火牆。
它叫做 Packet filter 簡稱 PF，因為 Mac OSX 屬於 BSD 系列的系統
自從 10.7 (Lion) 之後就有內建 PF（在這之前是 IPFW），只是預設是關閉的。
官方文件寫的非常少，大部分要參考 FreeBSD 的文件或者 OpenBSD 的文件，
大部分這二者看到的文件跟語法大多都支援。
介面只能用指令列，跟手動編輯文字檔的方式，沒有美美的 GUI 介面 😀
指令是 pfctl 設定檔主要是 /etc/pf.conf
這裡列出我常用的 pfctl 指令
$ sudo pfctl -vnf /etc/pf.conf如果設定檔有錯誤會在這裡顯示，反之顯示規則
$ sudo pfctl -d ; sudo pfctl -ef /etc/pf.conf分號前半段是關閉防火牆，後半段是啟動防火牆，我把它合再一起比較方便
$ pfctl -s state打開 /etc/pf.conf (需要 root 權限，可以用 sudo 拿到)
預設只有這樣
#
# Default PF configuration file.
#
# This file contains the main ruleset, which gets automatically loaded
# at startup. PF will not be automatically enabled, however. Instead,
# each component which utilizes PF is responsible for enabling and disabling
# PF via -E and -X as documented in pfctl(8). That will ensure that PF
# is disabled only when the last enable reference is released.
#
# Care must be taken to ensure that the main ruleset does not get flushed,
# as the nested anchors rely on the anchor point defined here. In addition,
# to the anchors loaded by this file, some system services would dynamically
# insert anchors into the main ruleset. These anchors will be added only when
# the system service is used and would removed on termination of the service.
#
# See pf.conf(5) for syntax.
#
#
# com.apple anchor point
#
scrub-anchor "com.apple/*"
nat-anchor "com.apple/*"
rdr-anchor "com.apple/*"
dummynet-anchor "com.apple/*"
anchor "com.apple/*"
load anchor "com.apple" from "/etc/pf.anchors/com.apple"
這個 Options 要在設定檔最開頭加入，不然會 Syntax error
不多說，直接看範例就明白
# 最佳化模式：一般模式
set optimization normal
# 阻擋的策略：直接丟棄
set block-policy drop
# 封包需要照順序
set require-order yes
# 跳過 lookback 介面不處理
set skip on lo
# log 紀錄只記最危急的等級
set debug urgent其他細節可以參考這裡
https://www.openbsd.org/faq/pf/options.html
Anchor 算是一個規則群組，你可以把你的規則分門別類。
例如這樣：
anchor "myrules"
load anchor "myrules" from "/etc/pf.anchors/myrules"再來就是編輯你剛剛定義的 /etc/pf.anchors/myrules 檔案就可以了
當然這例子很粗淺，
你也可以使用連結裡的範例，用巢狀的方式寫出更複雜的規則
https://www.openbsd.org/faq/pf/anchors.html
變數定義就像是寫程式一樣定義字串，看範例就懂，也就不再贅述：
int_if="{ en0 en1 }"
ext_if="{ ppp0 }"
webports = "{http, https}"
int_tcp_services = "{domain, ssh, ntp, www, https}"
int_udp_services = "{domain, ntp}"
icmp_types = "echoreq"跟 bash shell 一樣，井號 # 開頭的為註解，使用變數就是前面加錢字號 $。
table <private> const { 192.168/16 }這裡定義了表格，名叫 private，IP範圍在 192.168.x.x
這個 /16 是指 16bit 的子網路遮罩，等同於 255.255.0.0
用的是 CIDR 表示法
https://en.wikipedia.org/wiki/Classless_Inter-Domain_Routing#CIDR_notation
相關資料
https://www.openbsd.org/faq/pf/tables.html
這裡就是最複雜的地方了，建議文件先開起來看
https://www.openbsd.org/faq/pf/filter.html
文件裡有提到語法為
action [direction] [log] [quick] [on interface] [af] [proto protocol]
[from src_addr [port src_port]] [to dst_addr [port dst_port]]
[flags tcp_flags] [state]有一個很大的重點是 規則是從上到下做比對，如果規則有衝突的話，會諄照 最後一條 符合的規則去執行。
要提一下 quick 這個關鍵字，如果有看到 quick 就代表只符合該規則，會無視後面寫(沒有 quick 關鍵字)的規則
例如文件寫的範例：
# 擋掉所有 ssh (TCP port: 22) 的連線
block in proto tcp to port ssh
# 允許所有連線
pass in all規則第一行寫擋掉它，第二行又寫允許，假設有一個 SSH 連線， 該封包是被擋掉呢？還是被允許？
答案是被允許，因為規則如有衝突的話，諄照 最後一條 符合的規則去執行。
# 擋掉所有 ssh (TCP port: 22) 的連線
block in quick proto tcp to port ssh
# 允許所有連線
pass in all第一行雖寫擋掉它，但因為有加 quick 所以會忽略之後所有符合的規則（忽略掉允許的規則）
所以假設有一個 SSH 連線，這次會變成 被擋掉。
這才是我們要的結果。
黑名單顧名思義就是預設允許，只擋掉不要的
假設有台 個人開發機 要設定 PF 防火牆，需求如下：
# === Developer machine example ===
# 指定連線介面
int_if="{ en0 en1 }"
# 指定要開放 連入 的服務
webports = "{http, https}"
# 定義私有IP範圍
table <private> const { 192.168/16 }
# 預設允許所有連出連入連線，並保持狀態
pass in all keep state
pass out all keep state
# 跳過 lookback 介面不處理
set skip on lo
# MySQL (TCP:3306) 允許本機 lookback 介面 能連線，阻擋其他的封包
pass in quick on lo proto tcp from any to any port 3306
block in quick proto tcp from any to any port 3306
# 只允許私有 IP 能連線，阻擋其他的封包
pass in quick proto tcp from <private> to any port webports
block in quick proto tcp from any to any port webports
設定好了之後來測試，這裡列出幾個：
找一台接不同網路的裝置來測試，是否能正常看到網站？
附註：MySQL 連線指令為
$ mysql -u root -h <YOUR_IP> -p測試 HTTP 伺服器
$ docker run -d -p 80:00 j796160836/simple-test-http使用 docker 這個測試 image，
對應內部 container 80 port （後者） 到主機 80 port （前者）
白名單顧名思義就是預設全部擋掉，再允許我要的連線，
這個設定比較複雜，要小心設定，要避免自己把自己鎖住出不去。
假設有一台 http 伺服器 要設定 PF 防火牆，需求如下：
這裡是簡化版，如有其他需要可以自行再加
# === HTTP server example ====
# 指定對外連線介面
ext_if="{ ppp0 }"
# 指定要開放 連入 的服務
webports = "{http, https}"
# 指定要開放的 連出 的服務
int_tcp_services = "{domain, ssh, ntp, www, https}"
int_udp_services = "{domain, ntp}"
# 跳過 lookback 介面不處理
set skip on lo
# 重新組合封包
scrub in all random-id fragment reassemble
# 擋掉所有 進入 的連線
block drop in log all
# 擋掉所有 連出 的連線
block out all
# 阻擋惡意偽造封包
antispoof quick for $ext_if
# 指定要開放 連入 的服務
pass in on $ext_if proto tcp from any to any port $webports
# 指定要開放的 連出 的服務
pass out quick on $ext_if proto tcp to any port $int_tcp_services
pass out quick on $ext_if proto udp to any port $int_udp_services
# 接受 PING 回應
pass on $ext_if inet proto icmp to $ext_if icmp-type "echoreq" keep state
# 接受使用 traceroute
pass out on $ext_if inet proto udp from any to any port 33433 >< 33626 keep state
設定好了之後當然要測試，這裡列出幾個：
PF 防火牆設定好了之後，可以這樣設定讓它開機自動啟動
$ sudo vi /System/Library/LaunchDaemons/com.apple.pfctl.plist然後修改部分內容，以下列出全文
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>Enabled</key>
<false/>
<key>Label</key>
<string>com.apple.pfctl</string>
<key>WorkingDirectory</key>
<string>/var/run</string>
<key>Program</key>
<string>/sbin/pfctl</string>
<key>ProgramArguments</key>
<array>
<string>pfctl</string>
<string>-e</string>
<string>-f</string>
<string>/etc/pf.conf</string>
</array>
<key>RunAtLoad</key>
<true/>
</dict>
</plist>這裡我搜集了一些網友寫的規則，也蠻有參考價值的
https://gist.github.com/kujohn/7209628
https://gist.github.com/nathwill/9703175
https://gist.github.com/rosstimson/5826279
http://daemon-notes.com/articles/network/pf
這裡講一些我遇到的雷，
設定防火牆規則很複雜，請多測試，有時候不是你想的那樣，多參考別人的範例規則，再慢慢調整成自己想要的，good luck!
http://www.thedeepsky.com/howto/newbiepfguide.php
http://www.scottro.net/pf.html
http://www.openbsd.org/faq/pf/options.html
http://www.openbsd.org/faq/pf/example1.html
http://www.openbsd.org/faq/pf/logging.html
https://www.freebsd.org/doc/handbook/firewalls-pf.html
https://forums.freebsd.org/threads/38669/
https://forums.freebsd.org/threads/11511/
https://forums.freebsd.org/threads/28101/
http://www.bsdforen.de/threads/pf-icmp-wahnsinn.14694/
https://forum.pfsense.org/index.php?topic=126031.0
這篇我看到文章的時候半信半疑，
想說真的可以這樣做嗎？於是乎就試試看，沒想到效果還不錯。
Markdown 跟 BBCode, Wikitext 類似，但比檯面上的標示語言更為精簡好用，又是純文字文件，讀取不受各種編輯器的限制，好掌握。
想要 1. 2. 3. 的項目符號？就直接打就可以了
文句末 斷行前另外多加二個空白才是代表換行（這很重要）
這幾點學起來就很夠用了，想要進階一點可以看看這幾招
特別標示像這樣，這區域可以放程式碼像這樣，這裡可以用來引用文句
其他請見 Markdown 文件說明，亦可跟 HTML 混用
會寫一些技術文章，教學文筆記，開箱心得…等等，
會有不少上傳照片的需求（我比較喜歡每個步驟都有詳細的圖片）
部分會黏貼程式碼，程式碼希望能標明色彩或放在一個區域裡。
以前用 Windows 電腦，使用 Windows Live Writer 的所見即所得 (WYSIWYG) 編輯器，照片也可以一併處理，還不賴。
缺點是只能單向發佈，發布後的文章無法回去 Windows Live Writer 做修改。
不過後來物換星移就沒使用了。
後來 PIXNET 的所見即所得 (WYSIWYG) 編輯器有做一些改進，自動儲存草稿功能還不錯，就索性直接在瀏覽器上邊輯了。
但是程式碼的部分不會自動標色，這部分 Eclipse 可以辦到，把程式碼複製貼上到 Microsoft Word 再複製貼上到編輯器上，這樣幾乎無損連同格式一起複製過來，方法繁瑣了一點，但部分空白鍵會被莫名的吃掉。
圖片的部分就直接在編輯器裡上傳整理。
用 MacDown 編寫 Markdown 文字內容，然後用 Export > HTML… 的方式，將 Markdown 文件轉成 HTML 語法（含預設的CSS）
然後在所見即所得 (WYSIWYG) 編輯器裡適時的加上圖片、設定文字顏色、超連結…等。
MacDown 軟體下載
https://macdown.uranusjr.com/
當然你可以不用 MacDown 這套軟體，可以隨你喜歡用別的，也可以用線上版本的，這部分可能要多方嘗試找到一套你順手喜歡的。
缺點當然有
對於日常發文等基本需求，我想應該夠用吧！
發現 MacDown 預設的 CSS 樣式會干擾部落格原有的 CSS 樣式，
導致部分破版問題，需要做一些 Patch。
需刪除這段 CSS 樣式
body {
font-family: Helvetica, arial, sans-serif;
font-size: 14px;
line-height: 1.6;
padding-top: 10px;
padding-bottom: 10px;
background-color: white;
padding: 30px; }
body > *:first-child {
margin-top: 0 !important; }
body > *:last-child {
margin-bottom: 0 !important; }和這一段 CSS 樣式
@media screen and (min-width: 914px) {
body {
width: 854px;
margin:0 auto;
}
}這樣就可以了 😀
這是一篇筆記備忘，因為設定很繁複，所以專門寫一篇做紀錄。
為何叫作分離式上網呢？其實這個名稱是我取的 😆
當然這個要用第三方韌體才做得到，官方韌體是沒這功能的 😛
以下所適用的情境是：
以下截圖採用 PandoraBox 的韌體在 小米路由器mini 上執行。
但因為 PandoraBox 是 OpenWRT 的版本分支，
LEDE 亦是 OpenWRT 的版本分支，
理論上 LEDE / OpenWRT 都能適用，只是版面排版不一樣。
引用 Wikipedia 的說明
A virtual LAN (VLAN) is any broadcast domain that
is partitioned and isolated in a computer network
at the data link layer (OSI layer 2).翻譯一下， VLAN 是一個 OSI Layer 2 的獨立廣播區域。
虛擬區域（Virtual Local Area Network 或簡寫 VLAN）
是一種建構於區域網路交換技術（Switch）的網路管理的技術，
網管人員可以藉此透過控制交換機有效分派出入區域網的封包
到正確的出入埠，達到對不同實體區域網中的裝置進行邏輯分群
（Grouping）管理。引用文章的說明
什麼是VLAN？VLAN是在同一物理區域網內
用於劃分若干個不同廣播域（子網）的技術，
子網內的主機可以互相通信，不同子網的主機之間不可互相通信。
什麼是VLAN ID？用於標識每個VLAN子網的ID。
假設一台路由器有二個 VLAN
這邊的 Port 是指實體 RJ45 的有線接口，
可以通過插拔網路線的方法，對應到每一個 Port。
如果 Port 狀態為 untagged (不關聯)，即該 Port 作為本 VLAN 成員，進行二層交換；
若選擇 tagged (關聯)，Port 之間通信無二層交換，而是衝突廣播（類似 Hub 的方式)
簡單來說，
以 小米路由器mini 來說，
從左到右，分別是
Reset Button / USB 2.0 / Port 0 (White) / Port 1 (White) / Port 4 (Blue)
它多出一個特殊 Port 是 Port 7，其他機型沒有
以這個範例來說
原本
改成
因為有了 VLAN 這麼方便的功能，
你可以自由的定義每一個網路接口是什麼功用，不用照預設給的 WAN 是藍色， LAN 是白色的限制。
到 Network > Wifi 頁面，在 [2.4GHz 頻段] 與 [5GHz 頻段] 各新增一個 SSID，
名稱為 PandoraBox_lan2 與 PandoraBox_5G_lan2 並設定好 SSID名稱 & 密碼
畫面上會有四個 Wifi，ra0 有二個，rai0 有二個
名稱個別為
到 Network > Interfaces 頁面，新增一個介面，名字叫 lan2
到 General Setup 設定 IP 資訊
到 Physical Settings 指定給定介面
到 Firewall Settings 設定
整理如下
第一個介面 – LAN
第二個介面 LAN2
介面設定 DHCP Server （二個 Interfaces 都要設定）
到 Firewall > General settings 新增一個 Zone，
名稱叫 LAN2 ，並設定：
整理如下
第一個防火牆區域 – lan
第二個防火牆區域 – lan2
要做 Port forwarding (連接埠轉送 又稱 虛擬伺服器)？
當然可以，在 Firewall > Port Forwards 頁面
假設 對外的 80 port 要對應到 192.168.1.2 的 8080 port
就如此設定
然後按下 Add，規則就訂好了
可以按下 Edit 看詳細規則
其實這都是把 linux 的 iptables 指令做成比較好用的 UI 而已，
在 Firewall > Traffic Rules 這個頁面，會有一些預設的規則，你可以參考這些現有預設的規則仿造一個你自己的
再舉一個例子，假設要禁止 第一個介面(lan) 連到路由器的 telnet，但第二個介面(lan2) 不受限
可以如此設定
如果你熟捻 iptables 指令，不妨直接去 Firewall > Custom Rules 把規則直接打進去。
https://en.wikipedia.org/wiki/VirtualLAN
https://blog.chionlab.moe/2016/07/13/openwrt-multiwan-configuration/
https://www.dd-wrt.com/wiki/index.php/VLANDetachedNetworks(SeparateNetworksWith_Internet)
圖片來源：https://blog.jks.coffee/wp-content/uploads/2017/11/xiaomiroutermi42.jpg
其實 小米路由器 mini 這台已經出一陣子了，
官方的韌體也是不錯用但小弟有一些更進階的需求，
所以嘗試使用刷第三方韌體的想法，
網路上教學很多，多方參考才能降低失敗率
以下是我參考多方文件所得出的筆記
刷機有風險，刷機前請參考各方教學文
步驟弄錯，變磚不要找我 😛
瀏覽官方 SSH 解鎖工具
前提要先把機器綁定到小米帳號底下，這網址才會有作用 （注意，該動作也會直接註銷喪失保固！）
這裡會提供 root 密碼， SSH 工具 (miwifi_ssh.bin)
大略步驟如下：
Breed 是一款類似於 u-boot 的不死固件，類似手機的 Recovery
它放在 Bootloader 中，當 Firmware 有問題的時候，還可以經由進入 Breed 來做刷機
另外因為小米路由器的韌體架構的關係，韌體上面會有小米序號，
必須要先做備份，以免事後無法回復到原廠韌體。
$ cat /proc/mtd
dev: size erasesize name
mtd0: 01000000 00010000 "ALL"
mtd1: 00030000 00010000 "Bootloader"
mtd2: 00010000 00010000 "Config"
mtd3: 00010000 00010000 "Factory"
mtd4: 00c80000 00010000 "OS1"
mtd5: 00b11e68 00010000 "rootfs"
mtd6: 00200000 00010000 "OS2"
mtd7: 00100000 00010000 "overlay"
mtd8: 00010000 00010000 "crash"
mtd9: 00010000 00010000 "reserved"
mtd10: 00010000 00010000 "Bdata"cd /tmp
mkdir rom
dd if=/dev/mtd0 of=/tmp/rom/ALL.bin
dd if=/dev/mtd1 of=/tmp/rom/Bootloader.bin
dd if=/dev/mtd2 of=/tmp/rom/Config.bin
dd if=/dev/mtd3 of=/tmp/rom/Factory.bin
dd if=/dev/mtd4 of=/tmp/rom/OS1.bin
dd if=/dev/mtd5 of=/tmp/rom/rootfs.bin
dd if=/dev/mtd6 of=/tmp/rom/OS2.bin
dd if=/dev/mtd7 of=/tmp/rom/overlay.bin
dd if=/dev/mtd8 of=/tmp/rom/crash.bin
dd if=/dev/mtd9 of=/tmp/rom/reserved.bin
dd if=/dev/mtd10 of=/tmp/rom/Bdata.bin用 scp 把備份檔案抓出來 $ scp -r [email protected]:/tmp/rom .
（註：scp 指令適用於 Mac / Linux 環境，
如果是 Windows 的使用者，請改用 pscp 或 WinSCP 來做資料傳輸）
恢覆指令 (以後備用)
mtd write /tmp/rom/Bootloader.bin Bootloader
mtd write /tmp/rom/Config.bin Config
mtd write /tmp/rom/Factory.bin Factory
mtd write /tmp/rom/OS1.bin OS1
mtd write /tmp/rom/rootfs.bin rootfs
mtd write /tmp/rom/OS2.bin OS2
mtd write /tmp/rom/overlay.bin overlay
mtd write /tmp/rom/crash.bin crash
mtd write /tmp/rom/reserved.bin reserved
mtd write /tmp/rom/Bdata.bin Bdata用 scp 把 breed-mt7620-xiaomi-mini.bin 檔案複製進去
$ scp breed-mt7620-xiaomi-mini.bin [email protected]:/tmpcd /tmp
mtd -r write breed-mt7620-xiaomi-mini.bin Bootloader斷電，按住reset按鈕之後重新接上電源，長按3-5秒，LED 變為藍燈閃爍 插網路線，瀏覽 192.168.1.1 進入 Breed 介面
選固件更新，在固件這欄刷入你要的 Rom
檔名：PandoraBox-ralink-mt7620-xiaomi-mini-squashfs-sysupgrade-r1024-20150608.bin
檔名：RT-AC54U-GPIO-30-xiaomimini-128M_3.4.3.9-099.trx
檔名：openwrt-15.05.1-ramips-mt7620-xiaomi-miwifi-mini-squashfs-sysupgrade.bin
檔名：lede-17.01.4-ramips-mt7620-miwifi-mini-squashfs-sysupgrade.bin
（下載連結均由網路搜尋而得，可能會失效，如有缺檔，請自行搜尋，小弟亦不補檔）
刷完手動重新整理，進入新韌體介面
這裡就留給大家動手玩玩各種韌體了
要注意，Breed 適用刷第三方 Rom，雖然也可以刷回小米官方韌體
但是 序號(SN) 會被洗掉不見，沒有序號就不能綁定小米帳號，也不能重新開啟 SSH 權限
如果要刷回原本官方韌體，要把原本備份下來的資料 (包含 Bootloader) 整個倒回去才行
如果成功的話，這時候應該會回到官方的開發版韌體
總結一下，小米路由器mini 這台其實沒有想像中的難刷機，刷了之後能用的功能就更多了，能調整的地方更細緻 第三方韌體穩定度蠻不錯的，適合中重度的玩家使用
http://www.jianshu.com/p/111b6c1cbccf
http://eric0703.pentaxfans.net/2934
http://kyoko7384.blogspot.com/2017/03/mini-mod-iptv-rom-mod-padavan-rt-ac54u.html
https://leamtrop.com/2017/05/11/flash-openwrt-squashfs/
https://kirkhsutw.blogspot.tw/2017/06/mini.html
https://kknews.cc/tech/oyb2j3m.html
https://jingyan.baidu.com/article/c45ad29c24ee27051653e264.html
https://jingyan.baidu.com/article/3f16e003faa67e2591c10300.html
https://jingyan.baidu.com/article/215817f790b3ca1eda142333.html
有鑒於 OpenVPN 的 Server 設定官方文件又臭又長，常常望之卻步
小弟就自己的經驗做一個小小的分享，還有寫了一些方便自己的 Scripts
小弟使用的機器與資訊如下
硬體：Asus RT-N16
韌體：Advanced Tomato
Version 3.4-138
K26USB-1.28.AT-RT-N5x-MIPSR2-3.4-138-AIO.trx
(OpenVPN version: v2.3.11)
設定使用的電腦：Mac
設定步驟
1. 下載檔案
首先先下載 easy-rsa
https://github.com/OpenVPN/easy-rsa/releases/tag/2.2.2
和小弟寫的 Scripts
https://github.com/j796160836/tomato-openvpn-setup
因為這版的 Tomato 使用的是 OpenVPN v2.3.11
所以搭配 easy-rsa v2 做設定
然後解壓縮跟我的 Script 放在一起
2. 修改 vars 變數檔案
$ vi vars
把設些改成你要的內容
export KEY_SIZE=2048
export KEY_COUNTRY="US"
export KEY_PROVINCE="CA"
export KEY_CITY="SanFrancisco"
export KEY_ORG="Fort-Funston"
export KEY_EMAIL="[email protected]"
export KEY_OU="MyOrganizationalUnit"
export KEY_NAME="EasyRSA"
export KEY_CN="CommonName"3. 產生伺服器金鑰
跑 generate-keys-server.sh 指令
$ ./generate-keys-server.sh他會把剛剛的環境變數設定好，並清掉之前有產生的金鑰
產生一個預設名字的伺服器金鑰，最後印出來
如果你之前有跑過這個指令，就不要再跑第二次了
（如果要跑第二次，就要重新設定用戶端金鑰）
執行成功會出現類似這樣的東西
================================================================
Please paste it at Tomato's OpenVPN key config page
================================================================
[Certificate Authority]
-----BEGIN CERTIFICATE-----
MIIDhDCCAu2gAwIBAgIJAJ9a8dYhq73TMA0GCSqGSIb3DQEBCwUAMIGJMQswCQYD
Q6Xp2vd6068LHC7b9qTs1nWHfYbpdOv1GmzKONIGd3FDiuRFJu4J/g==
-----END CERTIFICATE-----
[Server Certificate]
-----BEGIN CERTIFICATE-----
MIID5jCCA0+gAwIBAgIBATANBgkqhkiG9w0BAQsFADCBiTELMAkGA1UEBhMCVFcx
TRmjwzCO84lz2LOYFDVlETjb6Mb76SysoHVb4zNPX7Bkrr2u3c8+vzaV
-----END CERTIFICATE-----
[Server Key]
-----BEGIN RSA PRIVATE KEY-----
MIICXAIBAAKBgQCy1Pwvi8bE0dTpNddzNBluQoKHdHQpa7mBuH7T0+fWLhs3HoEd
POvdTEVwh+G/2kce8xtOwJAkvyppXMWjY2WmSqimVP8=
-----END RSA PRIVATE KEY-----
[Diffie Hellman parameters]
-----BEGIN DH PARAMETERS-----
MIGHAoGBAN8PIYvlZy1rDghoF+K9wmMrCaN5DBi+3HPFemJEZK4wlyeXHLDOGYx+
5vtwBR2tPYXwTwdeMZItmqVMsVuIN4d0vEzDrbNihAU7OaaWzP+bAgEC
-----END DH PARAMETERS-----
（請你自己跑一次，不要直接照樣 copy，這裏的金鑰只是示意而已）
你就打開 Tomato 的 VPN > OpenVPN Sever > Keys 進入金鑰設定頁面
把金鑰對應地複製貼上到對的地方
如果它跑太快或者你不小心把結果清掉了，你可以再跑一次 print-server.sh 指令查看
$ ./print-server.sh
4. 抓取 Tomato 上的設定值
這裡有點 Tricky，我是直接讀取它的設定檔指令來做的
請使用 Tools > System Commands (System Shell) 來執行 fetch-server-config.txt 檔案裡面的指令
這個是 fetch-server-config.txt 檔案裡面的內容
#!/bin/bash
server_config="/etc/openvpn/server1/config.ovpn"
if [ ! -e $server_config ]; then
echo "File not found!: $server_config"
exit 1
fi
port=cat $server_config | grep "port" | awk '{print $2}'
public_ip=curl -s ipinfo.io/ip
#public_ip=curl -s checkip.dyndns.org | sed -e 's/.*Current IP Address: //' -e 's/<.*$//'
config_data="remote "$public_ip" "$port"n"$(cat $server_config | grep "proto|dev|cipher" | awk '{printf "%s\n", $0}')
echo "=================================================="
echo "Please paste this command in your easy-rsa folder"
echo "=================================================="
echo
echo "echo -e ""$config_data"" > server-config" 執行之後會得到類似這樣的指令
==================================================
Please paste this command in your easy-rsa folder
==================================================
echo -e "remote 1.2.3.4 1194nproto udpndev tun21ncipher DES-CBCn" > server-config 一樣，把剛剛產生出來的指令，貼回 Mac 的 Terminal 上，產生 server-config 這個檔案
5. 產生用戶端金鑰
這裡執行 generate-keys-client.sh 這個指令，並打入你要的名稱
$ ./generate-keys-client.sh Client01
這裡我打的是 Client01 做為名稱，你可以換成你要的，但不能重複
執行成功會得到類似這個訊息
Write out database with 1 new entries
Data Base Updated就完成產生了
6. 產生用戶端OpenVPN設定檔
使用 print-client-config.sh 這個指令，帶入剛剛打的名稱，並寫入進一個 ovpn 檔案之中
$ ./print-client-config.sh Client01 > Client01.ovpn他就會抓取金鑰跟剛剛 server-config 裡面的內容產生一個設定檔
接下來你只要把 OpenVPN 的用戶端安裝好，使用剛剛的 ovpn 設定檔就可以了
以 Mac 為例，
Mac 的 OpenVPN 用戶端使用 Tunnelblick
安裝完成，雙點 ovpn 檔案，再輸入電腦使用者的密碼就可以使用了
IOS 的話有 OpenVPN Connect 可以使用
https://itunes.apple.com/us/app/openvpn-connect/id590379981?mt=8
把 ovpn 檔案放在 iCloud drive 然後載入它，就可以了
祝設定成功！
RS232是什麼？不解釋。
要的話自己去買一條
http://shopping.pchome.com.tw/?mod=store&func=style_show&SR_NO=DCAC16
===以下給有需要的人使用===
驅動部份找這家的晶片
像我找到這個驅動
http://www.prolific.com.tw/US/ShowProduct.aspx?p_id=229&pcid=41
md_PL2303_MacOSX10.6_dmg_v1.4.0.zip
下載解壓縮，安裝完會重新開機
然後打開Applications > Utilities > Terminal (或是你喜愛的Terminal程式)
使用screen指令
screen /dev/cu.usbserial 115200
這個cu.XXXXXX可能會不一樣，我這邊是 cu.usbserial
(這個要安裝完驅動才有唷)
115200就是baud rate
這時會在現有的Terminal執行另一個「視窗」
字面解釋是視窗沒錯，應該說是文字模式下的多工（就像你在切換tty一樣）
到了screen模式底下，可以按control + A 加上 ?
看看help
—–
如果要結束這個對話框
請先按control + A 再按 control + \
(Linux 的話就是Ctrl + A 再按 Ctrl + \ )
如果不離開的話，這個serial可是會被佔用的喔
後來研究一下screen這個指令
其實還蠻好玩的
推薦看這篇
http://wiki.shsh.ylc.edu.tw/index.php/Screen
screen模式下按Ctrl + A 然後 D
儲存現有狀態
然後用screen -r 指令叫回來
Ctrl + A 然後 C 開新的「視窗」
也可以Ctrl + A 連按二次做視窗間切換
資料來源
http://www.mobile01.com/topicdetail.php?f=482&t=446370&p=1
http://www.rackaid.com/resources/linux-screen-tutorial-and-how-to/
http://wiki.shsh.ylc.edu.tw/index.php/Screen
http://pbxbook.com/other/mac-tty.html
http://forums.macrumors.com/showthread.php?t=1125800
實在不得不說，Eclipse真的是個很強大的IDE
有些好用快捷鍵在還沒有開始設定偏好設定前先分享一下
這些快捷鍵
Ctrl + Shift + F 自動排版（超好用）
Alt + / 開啟字彙選擇框（自動完成框）
Ctrl + D 刪除一行
Ctrl + / 註解/解除註解多行
Ctrl + B 建置專案
Ctrl + L 到指定行號（一般編輯器都是Ctrl + G）
Ctrl + 1 跳出修正建議框
其實這篇的產生因為重灌電腦，常常好多Eclipse好用的偏好設定都忘了設定上去
然後選項又超多，分類錯綜複雜
除了做個備份，也一併分享給大家
這些路徑不用強記，可以憑印象打關鍵字，很多選項就會跳出來了唷
專案的編碼格式(Encoding)
這我不知為何，Eclipse它的預設值是ANSI
在還沒有專案的時候，可以像我一樣調整成utf-8
但是如果已有專案的話，文字有可能會變亂碼唷
這時候用convertz救援吧
路徑：General > Workspace
關鍵字：encoding
Text file encoding 的地方，文字框打入 utf-8
另外，Build automatically 的地方，我喜歡把勾勾去掉
需要的時候手動按 Ctrl + B 建置專案
字體大小設定
我雖然沒有老花，但就是不喜歡字體小小的糊在一起，對Eclipse第一個開刀的一定是字體大小
字體大一點，自己看得也舒服
路徑：General > Appearance > Colors and Fonts
關鍵字：font
在Basic裡的Text Font修改字體大小
如果只是程式碼，其實只要調Text Font就好，其他會跟著Text Font去調整
至於中文字嘛…預設的字型調過了之後，中文字還是很小
這時可能要調字型，至於字型…每個人的適應能力不同
通常是找每個字體間距相等的為佳，這部份留給大家自行嘗試摟
自動格式化設定
路徑：Java > Code Style > Formatter
關鍵字：Format
Eclipse最強大的功能就是「自動格式化(Auto Format)」 (灑花)
在coding的時候可以按個快捷鍵 Ctrl + Shift + F
在凌亂的格式，都整得服服貼貼
因為受大學老師程式碼風格影響，大括弧「 { 」一定要換一行
所以我們就這樣對應調整
Eclipse預設風格是不給調的，複製一份設定檔即可
按下New，打入一個喜歡的名字
在Braces裡，除了最後一個之外，其它都設定成Next line
右邊有預覽窗格，可以邊調邊看效果
自動完成框
不只是Eclipse，很多整合開發環境(IDE)都會提供自動完成框
尤其是Visual studio，打幾個字就跳出候選字選取框
就像你在用google一樣簡單
因為電腦CPU等等的條件影響，預設不是甚麼鍵都觸發之
但我們可以把他打開
路徑：Java > Editor > Content Assist
關鍵字：auto
這個自動完成的功能，因為受到網路文章的影響
發現大為好用，故分享給大家
我就直接轉載了
勾選 "Enable auto-activation" 的選項
Auto activation delay 為提示出現的延遲時間，建議可以設為 0ms (預設是200ms)
Auto activation triggers for Java 為 IDE 遇到何種字元會自動啟動提示，預設只有 dot，請改為 .abcdefghijklmnopqrstuvwxyz(,
Auto activation triggers for Javadoc 在註解區塊中遇到何種字元會啟動提示，預設是 @ 及 #
這個Auto activation triggers for Java，如果CPU不夠力的時候，可以調回預設值：點點 「 . 」
手動按 alt + / 也是會跳出來啦
參考：
http://icercat.pixnet.net/blog/post/23671027
ADB連接逾時
這個選項是從這裡來的
http://j796160836.pixnet.net/blog/post/29108155
在開發Android，可以用wifi 來做打開除錯 (就像是連接USB一樣)
但這功能需要root
最近是遇到當網路環境不穩定時，連接常常逾時(timeout)
所以可以在這裡設定timeout的時間
路徑：Android > DDMS
ADB connection time out (ms): 預設是5000
經由測試，大概改到80000足夠
將會不定時增加…