カテゴリー: Server Connection

VisualStudio CodeでWordPressとFTPで接続例を紹介します。

VisualStudio Codeの拡張で、「ftp-simple」入力し、Installします。

VisualStudio Codeのメニュー「View」押下し、「ftp-simple:Config」押下し、ファイルを開きます。

開かれた「ftp-simple-temp.json」ファイルを編集します。

[
	{
		"name": "test.test.or.jp",
		"host": "host.test.or.jp",
		"port": 21,
		"type": "ftp",
		"username": "testadmin",
		"password": "xxxxxxxxxxxxxxxx",
		"path": "/",
		"autosave": true,
		"confirm": true
	}
]

VisualStudio Codeのメニュー「View」押下し、「ftp-simple:Remote directory open to workspace」押下し、「.Current Directory:/」押下します。成功すると、Successが画面に表示され、WordpressのDirectoryが左サイドに表示されます。

vscodeでXserver接続手順を共有します。

・Tera Term起動する。

・公開鍵、秘密鍵生成する。

Tera Termメニュー　＞　設定　＞　SSH鍵生成

鍵の種類：RSA

生成ボタン押下

鍵のパスフレーズ入力する

例：test

パスフレーズの確認

例：test

公開鍵の保存する。

秘密鍵を保存する。

・Xserverにて、SSHに公開鍵を登録する。

サーバーパネル　＞　SSH設定　＞　変更を「ONにする」選択　＞設定する。

公開鍵を登録する。

・vs codeにて「SSH FS」インストールする。

・メニュー　＞　View　＞　SSH FS : Create a SSH FS Configuration

以下の登録する。

Name　：xserver

Label : xserver

host : sv1111.server.jp

※ホスト名：sv1111.server.jp

Port : 10022

Root : /home/svname

　　　※サーバーID　：　svname

Username : svname

　　　　※Tera Termで鍵作成時にUsername　：　svname

Password : true

Private key : /TEST/rsa/id_rsa

　　　　　※秘密鍵の保存場所とファイル指定

Passphrase : test

　　　　　※Tera Termで鍵作成時にパスプレース　：　test

・vs codeの「SSH FILE SYSTEMS」の「xserver」を右クリックして、「Connect Workspace Folder」選択

・SSH FS -xserverの下にツリー構造でDirectoryが表示されること。

Tera TermでXserverに接続する手順を共有します。

・Tera Term起動する。

・公開鍵、秘密鍵生成する。

Tera Termメニュー　＞　設定　＞　SSH鍵生成

鍵の種類：RSA

生成ボタン押下

鍵のパスフレーズ入力する

例：test

パスフレーズの確認

例：test

公開鍵の保存する。

秘密鍵を保存する。

・Xserverにて、SSHに公開鍵を登録する。

サーバーパネル　＞　SSH設定　＞　変更を「ONにする」選択　＞設定する。

公開鍵を登録する。

・Tera Termにてホスト入力する

ホスト：Xserverのホスト名

例、sv1111.xserver.jp

・TCPポート入力

TCPポート　：　10022

・サービス選択

SSH

・OKボタン押下する。

・ユーザ名を入力する

XserverのサーバーID

例、svname

・パスフレーズ

Tera Termで公開鍵、秘密鍵作成時に「パスフレーズ」登録する。

・RSA/・・・の「秘密鍵」ボタン押下して、Tera Termで作成して秘密鍵を選択する。

・OKボタン押下する。

・接続されることを確認する。

正常に接続されると、

Last login: Mon Jun 1 12:34:56 1234 from m111111111111.v4.enabler.ne.jp
[svname@sv1111 ~]$