Title: Working Remotely (via SSH) Rocks! Intro: Consistent & Persistent development environment from any location any client. "SSH + TMUX + CLI" Rocks! Nice material about "SSH Tunneling": http://www.slideshare.net/osoco/ssh-tunneling-recipes-10284950

1. Working Remotely Rocks!
(via SSH)
Kent Chen

2. Kent Chen (chenkaie)
chenkaie@gmail.com
http://chenkaie.blogspot.com
@chenkaie on GitHub
@chenkaie on SlideShare
@chenkaie on LinkedIn
@chenkaie on Twitter
@+KentChenAtGoogle on Google+

3. 你是否曾經
幻想
過以下畫面
Have you ever dreamed of a
scene as the following…

4. © Flickr/veader
Working at
Starbucks

5. © Flickr/willsteward
Working at
Coffee Shop

6. © Flickr/kinetic
Working at
the Beach

7. © Flickr/kinetic
Working at
the Beach

8. © 37signals Works Remotely
Working at
Your Sweet House

9. Working at
White
House

10. © Flickr/sharris
Working at
Ur Favour Place

11. 很不幸
並非談那類的
遠距辦工
Unfortunately, NOT talking that type of
“Working Remotely”

12. We Work Remotely
https://weworkremotely.com/

13. 不願面對的
真相
An Inconvenient TRUTH

14. © Flickr/kent-chen
Working at
Airport - EVA Air Lounge

15. © Flickr/kent-chen
Working at
Airport - EVA Air Lounge
俗稱:
放我一馬吧編程

16. 當然偶有
小確幸
的一面
Small happiness sometimes.

17. 小弟的一些
親身經驗
Personal remote development
experience

18. © Flickr/kent-chen
Working at
Tainan Coffee Shop

19. © Flickr/kent-chen
Working at
Tainan Coffee Shop
俗稱:
咖啡因編程

20. © Flickr/kent-chen
Working with
Bears Wines

21. © Flickr/kent-chen
Working with
Bears Wines
俗稱:
微醺編程

22. 遠距辦公
の工作狂?
An Working Remotely Workaholic?

23. 並非
完全
如此
Not exactly, some reasons…

24. 臨時
私事處理
Some urgent personal affairs

25. 疲勞轟炸の會議
精神不繼
Exhausted whole day long meeting

26. 客戶
工作時間配合
Meet customers’ work time

27. 哥現在就是
不想寫程式
I just don’t want to coding NOW

28. 自我能力
精進
Self Enhancement

29. 在家寫程式
我就是覺得
超爽der~~
I feel so productive
when coding at home

30. 那個來來來...?!
Whatever…

31. 身為一個
嵌入式系統
軟韌體工程師
Being an Embedded System Engineer

32. 我想身上帶塊
開發版
也是合情合理的
You need an EVM board /
Development Board on hand

33. 所以...
我得搞一塊
開發版回家
So… I have to bring an EVM
board home for dev

34. 並且搞定完整的
開發環境
And setup a whole development
environment including S/W H/W

35. 只是為了解
某個鳥 bug
For fixing some a minor issue

36. 或是接續
追到一半
的問題
Or for tracing an on-going
unfixed issue

37. .

38. ..

39. ...

40. 那未免也太
搞肛
了吧
That’s a bit too bothersome
and time-consuming

41. 容我介紹一下
可行作法
A feasible approach sharing

42. 若能無縫接軌
回內網的
開發除錯環境
What if we can resume last
develop/debugging session in the office

43. 那就搞定
一半了
That’s ALMOST done

44. 內網通常無法由
外部主機連進去
Intranet server generally cannot
login from a client through internet

45. 我指「通常」
Orz
I mean “Generally”…

46. 若是被駭了
植入後門
(另當別論)
If been Hacked, plant a backdoor
That’s another matter

47. 常見方法
VPN
虛擬私人網路
VPN is a common feasible solution
if available

48. 或者是簡易好用的
TeamViewer
TeamViewer is also feasible

49. 你受得了龜速
TeamViewer
TeamViewer suffers high latency
=

50. 你受得了龜速
TeamViewer
TeamViewer suffers high latency
=

51. 天下武功
無堅不破
唯快不破
FAST - short network latency is a
MUST for basic development env.

52. 對程師設計師而言
「快」
使用者體驗：贊
FAST: Great UX for programmer

53. 建立反向
SSH Tunnel
可以幹許多
有趣的壞事
Well-known Reverse SSH Tunnel

54. Basic Requirement
!
• 24-Hours online SSH server:
• DD-WRT Router /VPC (Amazon EC2) / NAS /
A development board / …
• With Public Access IP:
• Fixed IP (Trivial)
• Dynamic IP (DDNS)
• SSH Client:
• Mac OS X / Linux Distributions (Prefer Unix-
based)
• Windows (putty, plink)
• Not too poor upload/download network bandwidth

55. 至於打通手法
Goolge it, BJ4
Lots of tutorial, no explanation
“Remote Port Forwarding” on 22
Ref: http://josephj.com/entry.php?id=312

56. 我只能說: 建議搭配服用
“Autossh / expect”
“SSH Public Key Authentication”
效果加乘
Employ with “autossh / expect”
to get persistent connection

57. 需要
Customer Support
請撥底下分機
0800-092-000
If you need help, please call me

58. 透過該
暗黑魔法
打通後
Once successfully setup a
Reverse SSH Tunnel

59. Working remotely
through
Reverse SSH Tunnel

60. Working remotely
through
Reverse SSH Tunnel
Joker:
You see dead people.
Hey you, get the job done.
Or…

62. 強烈建議轉職為
CLI 職人
Command-Line Interface
Strongly suggested to be addicted to
CLI operation on all you development jobs

63. Me an embedded system developer
daily using CLI utilities
!
• Editor: vim
• VCS/SCM: git / svn
• Diff/Merge: vimdiff / DirDiff (vim)
• Terminal Multiplexer: tmux
• File search: find / godir()
• pattern matching: grep / aj / gid (ID Utils)
Ref: Vim Rocks! http://www.slideshare.net/chenkaie/vim-rocks
TMUX Rocks! http://www.slideshare.net/chenkaie/tmux-rocks

64. CLI 職人(魔人)
遠距開發
益處多多
An amazing lot of advantages
if you dev remotely with pure CLI

65. !
優點一
Pros 1

66. 頻寬需求低
反應速度快
Lower bandwidth demand
Instant keystroke response

67. !
優點二
Pros 2

68. 「終端复用器 tmux」
+
「命令列魔人 CLI」
With the assistance of
terminal multiplexer: tmux CLI

69. 任意地點、任意終端
一致性
不間斷完整開發環境
Consistent Persistent development
environment from any location any client

70. !
優點三
Pros 3

71. 容易建置、部署
一致性開發環境
Consistency dev environment easily setup on
different machines even different platforms
Ref: https://github.com/chenkaie/manifest-unix-env-deploy

72. 有時候會需要存取
內網服務
Sometimes you have demands to
access other intranet service

73. 那就建立
SOCKS v4/v5
Proxy Server
Use “ssh -D” to setup SOCKS Server
Ref: http://josephj.com/entry.php?id=312

74. Redmine
Wiki
Bugzilla
WebMail
Private IP Host
Private IP Device
Don’t worry, all are easily accessible

75. Chrome 請搭配
“Proxy SwitchySharp”
Firefox 請搭配
“FoxyProxy”
讓你無痛又無縫切換 Proxy
Use browser plugin/extension to
seamlessly switch between different proxy

76. Chrome + SwitchySharp (Auto Switch Mode: Domain)

77. Chrome + SwitchySharp (Auto Switch Mode: IP Address)

79. 有人提問:
啊…那個純CLI下
Streaming 怎麼連勒
How to connect rtsp streaming
under CLI mode

80. RTSP streaming connection via CLI: avconv
avconv (ffmpeg):
$ avconv -rtsp_transport tcp -i rtsp://root@172.16.81.61/live.sdp
-vcodec copy ~/tmp/test.mp4

81. RTSP streaming connection via CLI: avplay
avplay (ffplay):
$ avplay -rtsp_transport tcp -i rtsp://root@172.16.81.61/live.sdp

82. 又有人說:
嵌入式系統開發
沒 Console 可用
說得過嗎(翻桌)
Embedded System development
w/o Console?!

83. $ cat /proc/kmsg (a poor solution)

84. 路人甲說:
沒有 IW2 可用
怎麼找 IP Camera 勒
How to search a IP Cam
without IW2

85. 請愛用強大的
”IW2 Air”
Awesome “IW2 Air” just works

86. 最後有人忍不住說:
哥就是要視窗操作啦
Desktop / X-Window
I just want to use
GUI desktop environment

87. 好懷念菸酒生時期透過
Windows遠端桌面
連回LAB的低延遲速度感
Low latency remote control experience
on “Microsoft Remote Desktop”

90. 往事只能回味
真的回不去了嗎?
“Microsoft Remote Desktop”
No longer available under NAT?

91. 先讓我們搞懂 (RDP)
Remote Desktop Protocol
Ref: http://en.wikipedia.org/wiki/Remote_Desktop_Protocol

92. 如法炮製試試
Port: 3389
What if we do “Remote Port
Forwarding” on port 3389?

93. Test:
You can test by below
command to check if
successfully forwarded?
$ telnet Domain port
!
Setup:
Fill in the corresponding
forwarded “Domain:Port”
as right figure.

94. And… :)

96. 原理就是這麼簡單
若有其它需求請
如法炮製
Follow above example to
Forward Any Port you want

98. Reference
Remote Development
http://crosbymichael.com/remote-development.html
Why We (Still) Believe in Working Remotely
http://blog.stackoverflow.com/2013/02/why-we-still-believe-in-
working-remotely/
37signals Works Remotely
http://37signals.com/remote/
Coffitivity - IncreaseYour Creativity!
http://www.coffitivity.com/

99. Reference
反向建⽴立 SSH Tunnel、免VPN 連回公司
http://josephj.com/entry.php?id=312
Mosh (mobile shell)
http://mosh.mit.edu/
Vim Rocks!
http://www.slideshare.net/chenkaie/vim-rocks
TMUX Rocks!
http://www.slideshare.net/chenkaie/tmux-rocks
subversion-scripts (Throw away TortoiseSVN)
https://github.com/chenkaie/Tools/tree/master/subversion-scripts