9
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

NIJIBOXAdvent Calendar 2016

Day 2

Windows環境のSublimeTextとrmateでリモートサーバ上のファイルを直接編集できるようにした話

Posted at

#はじめに
####■概要
ただの簡単な環境用意した話です。
SublimeTextでリモートサーバ上のファイル直接イジれるよやったぜ!くらいの話です。

####■使ったきっかけ
編集するファイルの量が多くてviだけだとしんどかったのと、
GitやFTP使うと少し修正するだけでもステップ多くてスマートじゃなかったから

####■書こうと思った理由
軽く調べた感じポートフォワード部分の説明が、
「この2行を追加します」とか
「こう書いておきます」とか
sshconfigにこう設定すればいいってだけのものが多くてイラっとしたから
なんでポートフォワード使ってるかとかもっと書いてあげて!

まあrsub使おうとしてるならそれぐらいの知識持ってるの前提でも良いとは思うし調べてみ?って話ではあるけど、ポートフォワードって言葉すら書かれてないの多いから知らん人は調べるワード自体が分からないんじゃないかな。
あと仕事でMac使ってるけど家ではWin使ってるおじさんが、調べてる時に「sshconfigのコピペで満足してんじゃねえ!」って思ったからかな

#rmateについて
####■イケてる部分

  • SublimeText上で保存したらサーバ上でもう反映されてる
  • コマンド1つでSublimeTextへ連携してくれる
参考(remote)
rmate ~/work/sample.conf

####■イケてない部分

  • ファイル単位しか無理
  • 同一ファイルでも複数開けちゃうし保存できちゃう
    • 一人で使う分にはまあいいんじゃない?

####■その他

  • バージョン管理したい場合はサーバ上でしよう

#使うもの

  • SublimeText 2/3
  • SSHクライアント
    • TeraTermとかRLoginとか
    • ポートフォワード機能あればなんでもよいです
  • rmate
    • 今回のイケてるやつ

#準備編
###1.リモートサーバ上にrmateを用意する

bash(remote)
wget -O /usr/local/bin/rmate https://raw.github.com/aurora/rmate/master/rmate
chmod +x /usr/local/bin/rmate

###2.SublimeTextにPackageControlを用意する
SublimeTextのコンソールで、
(Win:Ctrl+@ Mac:control+shift+@)
以下を入力してインストールする

SublimeText3(console)
import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by) 

詳細は下記リンクにて
Instllation - Package Control

###3.PackageControlからrsubを用意する
SublimeTextのコマンドパレットで、
(Win:Ctrl+Shift+p Mac:command+shift+p)
PackageControl: Install Packageを入力後、rsubで検索してインストールする

調べてるとリモートサーバ上のrmateをrsubとリネームしてるのが多いのはここに合わせるためっぽい?

###4.ポートフォワード設定を行う
ポートフォワードの詳細については下の方にまとめたのでそちらを参照してください

4-1. 該当のサーバ接続設定を選択し編集をクリック
2016-11-28_204359.png

4-2. 左のツリーメニューからプロトコルを選択しポートフォワードをクリック
SSHで繋いだ後なにもしたくなければ青枠のチェックを入れる
2016-11-28_174250.png

4-3. SSH2ポートフォワードダイアログから新規をクリック
すでに設定済みなのでリストに表示されているが何も設定していなければ空のリストになる
2016-11-28_174430.png

4-4. ポートフォワード設定を行う
「Remote」を選択しListen/Connect両方のHostNameに「127.0.0.1」、Portにrmateのデフォルトポート「52698」を指定する
「Local」「Remote」はローカル→サーバ、サーバ→ローカルの向きっぽい?
「LocalSocks」は使ったことないからわからん。Mysqlのソケット指定とかそういうやつ?
※HostNameでローカルを指定する場合は「localhost」ではなく「127.0.0.1」を指定しないと動かない
2016-11-28_174456.png

#使い方

  1. SublimeTextを起動しておく
  • SublimeTextのrsubパッケージで受け取るので起動しておかないと動作しないっぽい
  • Winでしか試してないからMacならいけるかもね?
  1. ポートフォワードする設定でSSHアクセス
  2. リモートサーバ上で任意のファイルをコマンドで指定する
  3. SublimeText上で指定したファイルが表示される
  4. 好き勝手に修正して保存するとサーバ上も反映されている

#ポートフォワーディング(SSHトンネル)について
実際にはポートフォワーディングとSSHトンネルの概念はイコールで繋がるものではないけど、ここで使われてるのは、SSHのセキュアな通信のついでにポートのやり取りしちゃおうって感じのものです
Sitemap.png
ざっと図を書いてみましたが情報量多いので軽く説明をば
上にも書いたとおり、すごいざっくり書くとSSHのセキュアな通信使うことによって他のセキュリティ突破しちゃおうって感じの仕組みです。

####■直接アクセスする場合の問題点
普通にrmateとの連携をしようとするとローカルPCのSublimeTextに接続するためにファイアウォールという障壁があります。
これを突破できるようにすると、ファイアウォールでポート番号の許可をすることになるのですが、それはそれでセキュリティ的にどうなの?ってなっちゃいます。
個人の環境だったらめったに攻撃されることはないですが、ポート番号がデフォルトの場合は開放されてるだけでもセキュリティホールになっちゃったりして危ないです。

####■SSHトンネルを使うことによる利点
図ではファイアウォールとしか書いてないですが、他にも

  • ルータのファイアウォール
  • Windows標準のファイアウォール
  • インストールしたファイアウォール

と様々な場所でブロックされます。
普段であれば不正なアクセスを弾いてくれるありがたい障壁なのですが、こういう連携をする時にはそれぞれで許可しなければならず正直邪魔なやつとても厄介なものとなったりします。

そんなファイアウォールをサクっと突破できるのがSSHトンネルです。
SSH通信の中で他のポートのやり取りも行うのでデフォルトポートで言えば22番ポートさえ空いていれば、他のポート使いたい放題な上、設定も一度覚えてしまえば簡単なものになります。

今回の例ではサーバ→ローカルのアクセスですが、ローカル→サーバなども出来るので可能性は無限大です。
学生時代には各種SNSなどが学校プロキシでブロックされてたのでSSHトンネルにはめちゃくちゃお世話になりました。ええ本当に。

####■ポートフォワーディングについて(おまけ)
SSHトンネルじゃないとポートフォワーディングできないってことはないです。
各種ルータ覗くと「ポート変換」だったり「ポート開放」だったりいろんな名前で同じ事ができたりします。
例えば

  • 自宅PCにてリモートデスクトップ接続をデフォルトポート3389番で待機
  • 自宅ルータで外部から受信した465番ポートのデータを3389番ポートから自宅ローカルネットワークへ転送
  • 外部環境で3389番ポートは塞がれているけど465番ポート空いてる
  • 自宅のホスト名+465番ポートでアクセス

とかやるとリモートデスクトップ接続できちゃったりします。超便利。
メール周りのポートとかはなかなか塞げないことが多いのでおすすめ。
でもあんまり悪さしないようにね

こっちはおまけで遊びみたいなものなので図はないです。本題とは違うのでやりたかったら自分で頑張りましょう。やると覚えるぞ!

#最後に
書いてたらポートフォワードの話がメインっぽくなっちゃったけど、こんだけ簡単に直接編集できるよって話でした。
漠然と技術的なことに手を出すより目的があったほうが調べる意欲とか楽しさとか全然違うので、○○を実現するためにはって視点の方が楽しめるねやっぱり
でも情報がとっ散らかりすぎたので反省

9
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?