既存の Webサイトを Local by Flywheel のローカル環境にコピーする方法についてご紹介します。
サイトに変更を加える際、いきなり稼働中のサイトに変更を加えるのはリスクが高いため避けるべきです。ローカル環境を用意し、先にローカル環境で試してみて、問題がないことを確認してから稼働中のサイトへ反映すれば、リスクを低減できます。
Local by Flywheel をインストールする方法については以下の記事をご覧ください。
- 基本的には、必要なファイルとデータベースをコピーしてきて、そのままでは使えない部分を修正すればよい。
- 不要なプラグインはできるだけ削除すること。
- データベース置換ツール Search Replace DB の取り扱いには注意。
- 日本語のファイル名は使わないようにしましょう。
既存のサイトのファイルをコピー
FTPソフトなどを使用して既存サイトの以下の三つのディレクトリをローカルPCへコピーします。
- wp-content/plugins
- wp-content/themes
- wp-content/uploads
具体的なやり方がわからない場合は以下の記事をご参照ください。
日本語のファイル名はリンク切れの原因となる場合があります。日本語名のメディアファイルは Phoenix Media Rename プラグインなどを利用して修正しておきましょう。
データベースをエクスポート
phpMyAdmin というツールを利用してエクスポートする方法と、SSHでログインしてをご紹介します。
phpMyAdmin でエクスポート
phpMyAdmin は MySQL や MariaDB を Webブラウザで操作するためのツールです。大抵のレンタルサーバーには用意されています。
私が利用している ConoHa WING でのログイン方法はこちらです。
![](https://support.conoha.jp/wing/common/images/og.png)
ConoHa WING についてはこちらの記事で詳しく説明しています。
phpMyAdmin にログインしたら[データベース]をクリックします。
![データベースをクリック](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-26_01h22_35.png)
データベース名をクリックします。データベース名が複数ある場合は、WordPressをインストールしたときに作成した方をクリックします。また、照合順序はデータベースをインポートする際に使用します。私の場合は「utf8_general_ci」です。
![データベース名をクリック](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-26_01h23_04.png)
[エクスポート]をクリックします。
![エクスポートをクリック](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-17_22h08_47.png)
[エクスポート方法]が[簡易]になっていることを確認して[実行]をクリックします。
![実行をクリック](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-17_22h09_11-1.png)
エクスポートするデータの保存先を指定して[保存]をクリックします。
![ローカルPCに保存](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-17_22h10_58.png)
phpMyAdmin の画面左上の扉のアイコンをクリックし、phpMyAdmin からログアウトします。
![ログアウト](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-26_01h34_25.png)
SSH でエクスポート
ファイルサイズが大きすぎる場合、phpMyAdmin ではエクスポートできないため、SSH でサーバーにログインして mysqldump コマンドを実行します。
SSH でサーバーにログインするためには、ユーザー名とパスワードあるいは秘密鍵(SSH Key)が必要です。
また、接続先の情報として、ホスト名とポート番号も必要です。
SSH のログイン方法はレンタルサーバーによって異なるため、レンタルサーバーのヘルプを確認してください。
私が使っている ConoHa WING では秘密鍵を使います。ConoHa WING での秘密鍵の生成方法は以下のリンク先をご覧ください。SSH Key 、ホスト名、ポート番号、ユーザー名はその次の手順で使います。
![](https://support.conoha.jp/wing/common/images/og.png)
SSH のクライアントでログインします。ここでは Tera Term Pro を使って説明します。
Tera Term Pro をダウンロードしてインストールしてください。
複数のバージョンがありますが「RC」がついているものはリリース候補版なので、「RC」がついていない一番新しいバージョンをダウンロードしてください。
ダウンロードできるファイルは exe と zip の二種類がありますが、exe の方をダウンロードすることをおすすめします。zip の方は解凍するだけでインストールせずに利用できますが、デフォルトで英語だったり、設定した内容が再起動したら消えていたりしました。
SSH接続するために、メニューから[ファイル]、[新しい接続]をクリックします。
![新しい接続](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-25_01h25_39.png)
ホスト、TCPポートを入力し、SSHが選択されていることを確認して[OK]ボタンをクリックします。
![SSH接続先設定画面](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-25_01h25_53.png)
初めてのサーバーに接続するときに次の警告が表示されるので[このホストをknown hostsリストに追加する]にチェックを入れ[続行]ボタンをクリックします。
![初めてアクセスするサーバーをknown hostsへ追加](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-25_01h26_00-1.png)
SSHの認証情報を入力します。私が使っている ConoHa WING の場合、パスワードではなく秘密鍵でログインするので、ユーザー名を入力し、[RSA/DSA/ECDSA/ED25519鍵を使う]を選択し、秘密鍵の右の[…]ボタンをクリックして秘密鍵を選択し、[OK]ボタンをクリックします。
![SSH認証設定画面](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-25_01h27_34.png)
無事にログインができると、以下のような画面が表示されます。
![ログインに成功した画面](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-25_02h25_53.png)
「$」に続けてコマンドを入力できます。
pwd と入力すると、現在のパスが表示されます。
ls と入力すると、ディレクトリ階層にあるファイル・ディレクトリの一覧が表示されます。
cd (ディレクトリ名)と入力すると、入力したディレクトリへ移動できます。一つ上の階層へ移動する場合は「cd ..」です。ピリオド二つはひとつ上のディレクトリという意味です。
データベースのエクスポートには mysqldump コマンドを使いますが、SSH で mysqldump コマンド実行する場合、引数でパスワードを直接指定できません。かわりにデータベースにアクセスするための設定情報ファイルを用意し、–defaults-extra-file オプションで mysqldump コマンドに渡します。下に示した内容で設定情報ファイルを作成し、レンタルサーバーの適当な場所に置いておきます。例えば mysqldump.conf というようなファイル名にします。パスワードに記号が含まれている場合はダブルクォーテーションで囲っておきましょう。
[mysqldump]
user=ユーザー名
password="パスワード"
host=ホスト名
データベースをエクスポートするには以下のコマンドを実行します。圧縮後のデータファイルの拡張子は「.gz」にしておきます。例えば backup.sql.gz のような感じです。。
mysqldump --defaults-extra-file=設定情報ファイルのフルパス データベース名 | gzip > 圧縮後のデータファイル名
エクスポートしたデータはサーバー上に生成されるのでローカルPC へダウンロードします。FTPソフトやレンタルサーバーのファイルマネージャーなどを利用してでダウンロードしてもよいですが、ここでは Tera Term Pro でダウンロードする方法をご紹介します。
SSH でサーバーに接続してる状態でメニューから[ファイル]、[SSH SCP]をクリックします。
![SSH SCP](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-25_01h37_47-1.png)
表示されたダイアログの上半分はサーバーへデータをアップロードするためのものなので今回は使いません。
下半分の「From:」にダウンロードするファイルのパスを、「To:」にダウンロード先のディレクトリを指定し、[Receive]ボタンをクリックするとダウンロードが始まります。
![ダウンロードの設定画面](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-25_01h38_32.png)
ダウンロードが完了したら、サーバー側にあるデータベスをエクスポートしたデータは不要になるので削除しておきましょう。例えば「rm backup.sql.gz」のように rm の後ろに半角スペースをはさんで消したいファイルのパスを入力します。
最後に「exit」と入力してターミナルを閉じます。
ファイルをインポート
公式サイト(下のリンク)に記載されている zip ファイルにしてインポートする方法は、私の環境ではうまくいきませんでしたので、別の方法でインポートします。
![](https://dekuno.blog/wp-content/uploads/cocoon-resources/blog-card-cache/b6d00a5071df55f39be5491dc890bda4.png)
Local by Flywheel で新規サイトを作成します。Local by Flywheel の画面で[+ CREATE A NEW SITE]ボタンをクリックします。
![インストールして起動した直後の画面](https://dekuno.blog/wp-content/uploads/2020/07/2020-07-07_00h42_01-1.png)
サイトの名前を入力して[CONTINUE]ボタンをクリックします。日本語は使えません。
![サイト名を入力](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-26_00h39_34.png)
[Custom]をクリックし、なるべく既存のサイトに合わせて PHP、Webサーバー、データベースの種類とバージョンを指定し、[CONTINUE]ボタンをクリックします。
![PHP、Webサーバー、データベースのバージョンを設定](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-26_00h39_58.png)
WordPress管理者のユーザー名、パスワード、メールアドレスを設定し[ADD SITE]ボタンをクリックするとサイトが生成されます。
![ユーザー名、パスワード、メールアドレスを入力](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-26_00h40_42.png)
下図の赤枠の部分をクリックすると、生成したサイトのフォルダが開くので、既存のサイトからコピーした三つのフォルダを app/public/wp-content/ に上書きします。
![ファイルの保存場所を開く](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-26_00h56_49.png)
余計なプラグインを削除
Local by Flywheel の[ADMIN]ボタンをクリックし、WordPress の管理メニューを開きます。なお、ログインに必要なユーザー名とパスワードは既存のサイトのものではなく、Local by Flywheel で新規サイトを作成したときに設定したものです。
![WordPress のコントロール画面を表示する](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-28_01h55_16.png)
WordPress の管理メニューから[Plugins]をクリックし、ローカル環境で不要なプラグインをすべて削除しておきます。
![不要なプラグインを削除する](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-28_17h36_02.png)
データベースをインポート
[DATABASE]タブをクリックし、[OPEN ADMINER]をクリックします。
![ADMINERを開く](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-26_01h07_17.png)
「DB:」を空欄に設定し、[データベースを作成]をクリックします。作成されるデータベースにアクセスするためのユーザー名とパスワードはデフォルトで「root」となります。
![データベースを作成](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-26_01h14_10.png)
データベース名に任意の名前を入力し、照合順序を選択します。照合順序はデータベースをエクスポートするときに確認した内容と合わせます。私の場合は「utf8_general_ci」です。次に[保存]ボタンをクリックします。
![データベース名と照合順序を設定](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-26_01h44_27.png)
[インポート]をクリックします。次に[ファイルを選択]ボタンをクリックし、エクスポートしたデータを選択し、[実行]ボタンをクリックします。gz圧縮されたままでもインポート可能です。インポートが完了したら[ログアウト]ボタンをクリックして Adminer から抜けます。
![インポート](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-26_02h00_00.png)
wp-config.php の修正
Local by Flywheel で生成したサイトのフォルダを開き、app/public/wp-config.php をテキストエディタで編集します。
DB_NAME は作成したデータベース名、DB_USER と DB_PASSWORD は「root」、DB_HOST は 「localhost」あるいは「127.0.0.1」と入力し保存します。
// ** MySQL settings - You can get this info from your web host ** //
/** The name of the database for WordPress */
define( 'DB_NAME', 'test' );
/** MySQL database username */
define( 'DB_USER', 'root' );
/** MySQL database password */
define( 'DB_PASSWORD', 'root' );
/** MySQL hostname */
define( 'DB_HOST', 'localhost' );
データベースのURLを変換
データベース内の URL が既存のサイトになっているため、置換する必要があります。しかしデータはシリアライズされていて単純に置換できないため、Search Replace DB というツールを使います。
Search Replace DB は、シリアル化された PHP の文字列やオブジェクトを壊すことなく、データベースの検索や置換をするツールです。サイトの引っ越しなどでもよく使われるようです。しかし、非常に強力なツールで悪用されるととても危険です。データベースを書き換えることができてしまうと、攻撃者がやりたい放題できてしまいます。今回はローカルPC 内の評価用の環境で使うのであまり問題になりませんが、間違えて Search Replace DB を残したまま稼働中のサイトにデータを反映したりしないように注意してください。
Search Replace DB を入手するには、下のリンクを開きます。
![](https://dekuno.blog/wp-content/uploads/cocoon-resources/blog-card-cache/c9f95e6498328981160248e9f168a1d3.jpg)
「Knowledge check」「Name」「Email」を入力し、[Submit]ボタンをクリックします。
なお「Knowledge check」の各チェックボックスの意味は次の通りです。
I accept this script can be a security risk
このツールがセキュリティリスクになる可能性があることを承知しています。I understand that this script must not be left in a public facing web server
このツールを公開中のWebサーバーに残してはならないことを理解しています。I am a developer and I know what I’m doing!
Database Search and Replace Script in PHP | interconnect/it
私は開発者であり、自分が何をしようとしているか分かっています!
メールが届くので、メールにあるダウンロードリンクをクリックします。
ダウンロードした zipファイルを解凍します。
Local by Flywheel で生成したサイトのフォルダを開き、解凍してできたフォルダごと app/public に置きます。私の場合、解凍してできたフォルダの名前は「Search-Replace-DB-4.1.1」でした。
Search Replace DB を開くため、次の URL にアクセスします。
http://(ホスト名)/(Search Replace DB のフォルダ名)
私の場合、ホスト名が「localhost:10005」でしたので、次のような URL になります。
http://localhost:10005/Search-Replace-DB-4.1.1
サイトのホスト名は「OVERVIEW」タブで確認できます。また、当然ローカルサイトが稼働していないと上記 URL にアクセスできませんので、ローカルサイトが止まっている場合、左上の[START SITE ▶]ボタンをクリックしてローカルサイトを立ち上げてください。
![ホスト名](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-27_12h07_10-1.png)
Search Replace DB の画面で、「replace」に置換元の文字列を、「with」に置換先の文字列を入力します。データベースの情報を入力し、[Test connection]ボタンをクリックし、データベースへの接続をテストします。「host」はデフォルトで「127.0.0.1」が入っており「localhost」を指すアドレスなのでそのままにしています。
![置換情報、データベース情報を入兎力してテスト接続を実行](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-27_13h34_26.png)
データベースの情報は Local by Flywheel の画面で「DATABASE」タブを開くと確認できます。
![データベースの情報](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-27_13h29_23.png)
接続テストに成功すると「Success. You are connected.」と表示されます。続けて[Search and Replace]ボタンをクリックし、置換を実行します。
![テスト接続に成功したら、検索と置換を実行する](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-27_13h37_21.png)
本当に置換してよいか?バックアップしているか?という確認画面が表示されますので、[OK]ボタンをクリックします。
![置換の確認画面](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-27_14h01_24.png)
置換が終わったら安全のために[delete me]ボタンをクリックして Search Replace DB を削除しておきましょう。
![delete me ボタン](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-28_01h52_26.png)
サーバーを再起動
サーバーを再起動するため、Local by Flywheel の画面右上の[STOP SITE ■]ボタンをクリックし、続いて[START SITE ▶]ボタンをクリックします。
![サイト停止、サイト開始](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-28_02h42_43.png)
「Warning! This site’s WordPress URL settings do not match the host set in Local.」のワーニングが表示される場合、右側の[FIX IT]ボタンをクリックします。
![URL設定間違いの警告](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-28_02h49_03.png)
少し待つと、Local by Flywheel が Provisioning… となります。Provisioning が終われば設定完了です。右上の[ADMIN]から WordPress の管理メニューが開きます。ユーザー名とパスワードは既存のサイトのものに変わっているので注意してください。[VIEW SITE]から Webサイトが開きます。
![設定中画面](https://dekuno.blog/wp-content/uploads/2020/09/2020-09-28_17h57_49.png)
コメント