サーバー側の設定

SSH接続

ロリポップ管理画面でSSH接続情報を確認してTERA-TERM等のターミナルソフトでロリポップサーバーに接続します。  

リポジトリの作成

まず新しくリポジトリ情報を置くためのディレクトリを作成します。その後、既存のリポジトリから切り出したディレクトリをここにPUSHします。

このあたりは前回と同じです。

git init --bare --shared

を入力します。 正常に終了すると、リポジトリのフルパスが表示されますので忘れないように保存しておきます。    

切り出したいリポジトリを新規クローンを作成する

The post 【Git】大きくなったリポジトリの一部を新しいリポジトリ移行する first appeared on 【保存版】初心者向けWordPressブログ始め方！完全解説.

次の要領で問題を解いてください。

1.  試験の準備ができましたら［試験開始］のボタンをクリックします。
2.  制限時間内に動画（映画のワンシーン）を見て設問１～設問5に答えます。
3.  ［すべてを回答しました］のボタンをクリックします。
4.  不正解の問題があるとヒントが表示されますので、もう一度正しいと思う答えを選択します。
5.  すべて正解するまで、［すべてを回答しました］のボタンをクリックします。
6. 採点結果が表示されます。すべて正解するまで何回でもやり直せます。
7. すべて正解すると、サブタイトル付きで全体をもう一度視聴します。
8. 各問題ごとに解説動画を視聴して学習します。
9.  制限時間を過ぎると時間超過のメッセージが表示され、やり直しのボタンが表示されます。ボタンをクリックして、最初からもう一度やり直してください。

The post E-Learning plugin with CMS first appeared on 【保存版】初心者向けWordPressブログ始め方！完全解説.

DRUPAL用の仮想環境を構築する

reciepeにDRUPAL9をドキュメントルートにwebフォルダを設定してDRUPAL用の仮想サーバー環境を構築する

LANDOの場合

lando init --source cwd --recipe drupal9 --webroot web --name stefvanlooveren

lando start

DRUSHの場合

 composer create-project --no-install -n drupal/recommended-project:9.3.16 academy

リポジトリからソースコードを展開する

公開済みDRUPALのソースコードを仮想環境に展開する

git clone <my-repository>

COMPOSERを実行する

必要なパッケージ等をここでインストールする

composer install

DRUSHをインストールする

composer require drush/drush

 Drupal新規サイトを構築する

仮想環境が構築できたら次にDRUPALアプリをインストールする。

lando drush si --db-url=mysql://drupal9:drupal9@database/drupal9 --account-pass=content -y

If drush was not working at this stage, do the command below and after this the command above again:

lando rebuild

Output should now look as this:

 [notice] Starting Drupal installation. This takes a while.
 [notice] Performed install task: install_select_language
 [notice] Performed install task: install_select_profile
 [notice] Performed install task: install_load_profile
 [notice] Performed install task: install_verify_requirements
 [notice] Performed install task: install_settings_form
 [notice] Performed install task: install_verify_database_ready
 [notice] Performed install task: install_base_system
 [notice] Performed install task: install_bootstrap_full
 [notice] Performed install task: install_profile_modules
 [notice] Performed install task: install_profile_themes
 [notice] Performed install task: install_install_profile
 [notice] Performed install task: install_configure_form
 [notice] Cron run completed.
 [notice] Performed install task: install_finished
 [success] Installation complete.

I have a default installation available at myproject.lndo.site !

データベースを復元する

データベースをインポートしてデータを復元する。

LANDOの場合

lando db-import backup.mysql

DRUSHの場合

drush sql-cli < backup.sql 

sitesフォルダの権限を変更する

web/sitesフォルダの権限を変更する

これをしないと、起動時にスタイルシートが読み込めないので必ず行うこと。

デバッグ設定を行う

最後にエラーが発生したときにエラー内容を表示するように設定を変更する

参考

こちらの記事を参考にさせていただきました

Install Existing Drupal 9 Site Locally with Lando Tutorial

Learn how to install an existing Drupal 9 website locally using Lando in this step-by-step tutorial, covering repository cloning and local setup.

stefvanlooveren.me

The post 【LANDO】公開済みのDRUPALサイトをローカル環境に復元する first appeared on 【保存版】初心者向けWordPressブログ始め方！完全解説.

はじめに

WSLとは、Windows上でLinuxを動作させるための実行環境です。新しいバージョンである「WSL2」ではWindows上で「完全なLinux」が動かせるようになりました。またWINDOWS11ではWSL2でLINUX環境の構築がより簡単になったので、ローカル環境でLINUXのウェブサーバー環境の再現や動作テストも楽になりました。

今回はローカル環境にLANDOでWORDPRESSを構築して、プラグインやテーマなどの開発ができるように、PHPSTORMを使ってデバッグするまでの手順を記事にしました。

ローカル環境にLANDOでWORDPRESSを構築する手順は別の記事で説明していますのでそちらを御覧ください。

【WSL2】LANDOを使用してローカル環境にWORDPRESSを構築する

LANDO公式サイトのインストール手順はこちらです。環境設定WINDOWSの場合はWSL2でLINUX環境を構築します。UBUNTUディストリビューションをダウンロードして最新のUBUNTUをインストールします...

blogdeoshiete.com

2022.11.20

XDEBUG設定

XDEBUGが使えるようにするには、xdebugパッケージをサーバーにインストールして、php.iniに適切な設定をする必要があります。LANDOでは、.lando.ymlファイルにxdebug有効の設定をするだけでxdebugのインストールが可能です。
XDEBUGはXDEBUG2とDEBUG3では設定パラメータの名前が異なるので注意が必要です。

[PHP]

; Xdebug
xdebug.max_nesting_level = 256
xdebug.show_exception_trace = 0
xdebug.collect_params = 0
xdebug.mode = debug
xdebug.client_port = 9001
xdebug.start_with_request = yes
xdebug.client_host =  ${LANDO_HOST_IP}
xdebug.idekey = "PHPSTORM"

xdebug.client_host

xdebug.client_host = ${LANDO_HOST_IP}

client_hostには、変数LANDO_HOST_IPが設定されていますが、本来ここにはLANDOのホストPC（WSL2のLINUX）のIPアドレスを設定する必要があります。この設定が間違っていると、XDEBUGはデバッグ情報を外部に送信できないため、PHPSTORMでデバッグ行にブレイクポイントを設定してもいつまでたってもデバッグできないことになります。

実際には、LANDO_HOST_IPに次のホスト名が設定されています。

host.wsl.internal

そして、LANDOの設定ファイル（.lando.yml）の中で、このホスト名とLANDOのホストPCのIPアドレスが紐付けられています。

ホストPC（WSL2のLINUX)の設定

ホームディレクトリの.bashrc編集

ホストPC（WSL２のLINUX）ではホームディレクトリの.bashrcファイルに以下のコードを追加します。

// ~/.bashrc
# Set correct dev host to Windows
export LANDO_HOST_NAME_DEV=host.wsl.internal
export LANDO_HOST_GATEWAY_DEV=$(cat /etc/resolv.conf | grep nameserver | awk '{print $2; exit;}')
#optional: sudo sed -i "/$LANDO_HOST_NAME_DEV/d" /etc/hosts && sudo sh -c "echo $LANDO_HOST_GATEWAY_DEV $LANDO_HOST_NAME_DEV >> /etc/hosts"

名前host.wsl.internalは Lando 内で参照されるホスト名です。LANDO設定ファイル内でこのホスト名とここで変数に定義された実際のIPアドレス（LANDO_HOST_GATEWAY_DEV）が紐付けられます。docker の外部でも使用する場合は、bash を再起動するたびに、必要に応じnameserverて WSL ホストの現在の IP を更新できます。

ホームディレクトリの.lando/config.yml編集

// ~/.lando/config.yml
appEnv:
  LANDO_HOST_IP: $LANDO_HOST_NAME_DEV

LANDO設定ファイル編集

ホストPC側で設定した変数を使用して、XDEBUGに設定したホスト名host.wsl.internalにホストPCのIPアドレスを紐づけます。

// .lando.yml
services:
    appserver:
        overrides:
            extra_hosts:
                - ${LANDO_HOST_NAME_DEV:-host}:${LANDO_HOST_GATEWAY_DEV:-host-gateway}

全体の設定ファイルはこちらです。

name: wpxdbg-app
recipe: wordpress
config:
  webroot: webroot
  xdebug: true
  config:
    php: .lando_conf/php.ini
services:
  appserver:
    overrides:
      extra_hosts:
        - ${LANDO_HOST_NAME_DEV:-host}:${LANDO_HOST_GATEWAY_DEV:-host-gateway}
  phpmyadmin:
    type: phpmyadmin
    hosts:
      - database
~                 

PHPSTORMの設定

PHPSTORMを起動します。起動直後に表示される画面からNEWPROJECT FROM EXISTING FILEを選択してください。

ソースファイルはすでにLANDO環境内に存在するので一番上の項目を選択します。

次にデバッグ対象のソースフォルダ（ドキュメントルート）を選択します。

次にローカルサーバーを追加します

次にサーバーのURLを設定します。

LANDOで生成されたURLを設定します

SSLの場合は次の画面でACCEPTをクリックして下さい

ウェブルートパスを指定します。

XDEBUGに設定したポートを追加します

サーバー情報を設定します

このとき、ホストPCのフォルダとDOCKER内の対象のフォルダを指定してマッピングします。

次にデバッグ情報を設定します

次に、先ほど設定したサーバーとXDEBUGで指定したIDE KEYをここで設定します。

デバッグ行を設定します。ここではテストのため、wordpressのindex.phpの最初の行を設定しました。つぎに画面右上の電話のアイコンをクリックしてデバッグを有効にします。

ブラウザからサイトURLをアクセスすると、上で指定したデバッグ行で停止することが確認できます。

おわりに

いままでVIRTUALBOXやVMをインストールしてLINUXサーバーのデバッグやテストをしていましたが、WSL2では格段に速くなりました。LANDOではDOCKERとホストPCのドキュメントルートのコードが共有されています。デバッグ時に修正分を毎回ターゲットサーバーに反映する必要もなく、リアルタイムに更新されているのでデバッグが捗ります。これでWINDOWSとUBUNTUのデュアルブートから解放されます！

参考

Setup Lando on Windows with WSL2

Windows

Install Lando on Windows

docs.lando.dev

Setup xdebug 3 for lando in wsl2

https://www.justwrite.link/posts/setup-xdebug-3-for-lando-in-wsl2

www.justwrite.link

[Ubuntu] docker内のxdebug.remote_hostを自動で設定するには

Docker for Macの場合Dockerコンテナ内からDockerホストは、host.docker.internalで参照できます。15-xdebug.iniのxdebug.remote_hostには、次のように書きます。xdebug...

www.ninton.co.jp

WSL2+Docker+VSCode+PHPでXdebugを使用する際のホストにhost.docker.internalは使えない

WSL2+Docker+VSCode+PHPでXdebugを使用する際のホストにhost.docker.internalは使えない

zenn.dev

XDEBUG3

https://xdebug.org/docs/upgrade_guide/ja

xdebug.org

The post 【WSL2】LANDOで構築したWORDPRESSをXDEBUGとPHPSTORMでデバッグする first appeared on 【保存版】初心者向けWordPressブログ始め方！完全解説.

Installation

Redirect for install instructions

docs.lando.dev

環境設定

WINDOWSの場合はWSL2でLINUX環境を構築します。UBUNTUディストリビューションをダウンロードして最新のUBUNTUをインストールします。

はじめに、WSL2について少し触れておきます。

WSL2にLANDOをインストールする手順はこちらに書かれていますが、少し古い情報のようです。

ただ、HOST IPの設定は参考になります。

Windows

Install Lando on Windows

docs.lando.dev

DOCKERは、LINUX版DOCKERをインストールするとDNSがDOKCERによって上書きされてしまいインターネットで外部にアクセスできないという現象が報告されています。今回は、WINDOWS版のDOCKER DESKTOPを使用しました。

なんかWSL2がインターネットにつながらなくなったときの解決方法 - Qiita

なんかWSL2でネットワークが動かなくなった。 最近、WSL2をぼちぼち使っている中で、インターネットにアクセスできなくなりました。 そこで、魔法の呪文 $ wsl --shutdown WSL2で困ったときに使う魔法の呪文 を発動しました。だけど動かない。 で、色々試...

qiita.com

https://www.usagi1975.com/202006082022/

www.usagi1975.com

WSL 内の Docker がネットに繋がらない : (*x).b=z->a+y/c

◆ WSL はネットにつながるのに Docker コンテナ内からはつながらない◆ IP アドレスではアクセスできるので DNS 解決できてないみたい◆ Docker に割り当てられる IP アドレス範囲を変えてみたら解決できた

var.blog.jp

WSL2 で外部と通信できないときの対処方法 - 蒼の王座・裏口

WSL2をインストールして、Ubuntuから外部と通信しようとするとエラーで接続できなかった。 その対処方法が、GithubのIssueに上がっていた。 WSL上で以下のコマンド編集をして、ネットワーク設定を変更する。 … 続きを読む »

sqlazure.jp

WSL2のUBUNTUにDOCKERをインストールしたい人はこちらのサイトが参考になります。

Google Public DNSを設定すれば問題なく動作するようなので、うまくいけばこちらのほうが軽くていいかもしれません。

LANDOをインストール時に下記エラーの場合の対応法

lando : Depends: docker-ce but it is not installable | www.drupaladicto.com

www.drupaladicto.com

Additional Setup

Because each Linux distribution handles things differently, these considerations may or may not apply to you:

• If your distro uses a docker group, make sure your user is a member of it:

sudo usermod -aG docker $USE

You will need to log out for this change to take effect. Sometimes a reboot is necessary. See this for more details.

WSL2でディストリビューションのアンインストール

wsl --list

wsl --unregister Ubuntu

wsl --list

WINDOWS側で設定からディストリビューションのアンインストールで行うと完了です。

WINDOWS側でアンインストールをせずに再度WSL2側でUBUNTUの起動すると再度環境を構築することが可能です。

WSL2で新しいディストリビューションのインストール

WINDOWS10以降でWSL2が使用できます。ここでWSL2のインストールは省きますが、WINDOWSの公式サイトなどから設定してください。

WSL2が正しく構築されていると、MICROSOFT STOREからUBUNTUディストリビューションをインストールするかWSLコマンドで対象にディストリビューションをインストールしてください

インストールが完了すると、ターミナルからUBUNTUを操作することができるようになります。

DOCKERとLANDOのインストール

まず最初に最低限必要なZIPコマンドをインストールします。

sudo apt install zip unzip

次にこちらからDOKCER関連およびLANDOとKUSANAGI RODインストールスクリプトを取得解凍してホームディレクトリに置きます。

GitHub - matubara/ubuntu-setup

Contribute to matubara/ubuntu-setup development by creating an account on GitHub.

github.com

SHELLスクリプトを実行すると自動的にDOCKER/DOCKER-COMPOSE/DOCKER-MACHINE/LANDO/KUSANAGI RODがインストールされます。

KUSANAGI ROD開発環境構築はこちら

KUSANAGI RODのWORDPRESS/DRUPALスクリプト

GitHub - matubara/kusanagi-rod-scripts

Contribute to matubara/kusanagi-rod-scripts development by creating an account on GitHub.

github.com

LANDOコマンドでローカル環境構築

LANDOはDOCKERを扱うためのツールです。LANDO設定ファイル（.landpo.yml）に作成したい環境を指定すると、LANDOはそれに従って環境を構築します。またこのLAND設定ファイルを作成するためのコマンドも用意されているので、対話方式で入力した情報で自動的に設定ファイルを作成することもできます。

今回は、WORDPRESS環境をLANDOで構築するために、一連のコマンドをスクリプトしました。

次のスクリプトを実行すると簡単に環境が構築できます。

GitHub - matubara/lando

Contribute to matubara/lando development by creating an account on GitHub.

github.com

WORDORESS版

スクリプトを実行するとフォルダ名を聞かれるので入力すると、フォルダを作成してその中にWORDPRESS環境を作成します。

./mkwordpress.sh

#!/usr/bin/bash
if [ $# -eq 0 ];then
    #プロンプトをechoを使って表示
    echo -n foldername=
    #入力を受付、その入力を「str」に代入
    read name
    echo "フォルダ名は ${name} でよろしいですか？"
    read -p "ok? (y/N): " yn
    case "$yn" in [yY]*) ;; *) echo "abort." ; exit ;; esac
elif [ $# -eq 1 ];then
    name=$1
else
    echo "引数が不正です"
    exit 1
fi

    echo "現在起動中のコンテナをすべて停止する"
    docker stop $(docker ps -q)

#webrootフォルダ名をここで指定する
webroot=webroot

# Create folder and enter it
mkdir ${name} && cd ${name}

# Copy lando_conf to current folder
cp -rf ../lando_conf ./.lando_conf

# Initialize a wordpress recipe using the latest WordPress version
lando init \
  --source remote \
  --remote-url https://wordpress.org/latest.tar.gz \
  --recipe wordpress \
  --webroot ${webroot} \
  --name ${name}-app


echo "Rename webroot folder name to ${webroot}."
mv ./wordpress ./${webroot}

# Add xdebug service to .lando.yml
echo "Add xdebug service to .lando.yml"
sed -i "/webroot:/a \  xdebug: true\n  config:\n    php: .lando_conf/php.ini" .lando.yml

echo "Add phpAdmin service"
echo "" >> .lando.yml
echo "services:" >> .lando.yml
echo "  phpmyadmin:" >> .lando.yml
echo "    type: phpmyadmin" >> .lando.yml
echo "    hosts:" >> .lando.yml
echo "      - database" >> .lando.yml


echo "Rebuild docker based on .lando.yml"
# Rebuild it
lando rebuild -y

echo "Start it up"
# Start it up
lando start


# List information about this app
lando info


# Create a WordPress config file
lando wp config create \
  --dbname=wordpress \
  --dbuser=wordpress \
  --dbpass=wordpress \
  --dbhost=database \
  --path=${webroot}


# Install WordPress
lando wp core install \
  --url=https://${name}-app.lndo.site/ \
  --title="${name} App" \
  --admin_user=sinceretechnology \
  --admin_password=Melb#1999 \
  --admin_email=admin@sinceretechnology.com.au \
  --path=${webroot}

DRUPAL9版

スクリプトを実行するとフォルダ名を聞かれるので入力すると、フォルダを作成してその中にDRUPAL9環境を作成します。

./mkdrupal9.sh

#!/usr/bin/bash
if [ $# -eq 0 ];then
    #プロンプトをechoを使って表示
    echo -n foldername=
    #入力を受付、その入力を「str」に代入
    read name
    echo "フォルダ名は ${name} でよろしいですか？"
    read -p "ok? (y/N): " yn
    case "$yn" in [yY]*) ;; *) echo "abort." ; exit ;; esac
elif [ $# -eq 1 ];then
    name=$1
else
    echo "引数が不正です"
    exit 1
fi

    echo "現在起動中のコンテナをすべて停止する"
    docker stop $(docker ps -q)

#webrootフォルダ名をここで指定する
webroot=web

# Create folder and enter it
mkdir ${name} && cd ${name}


# Initialize a drupal9 recipe

  lando init \
    --source cwd \
    --recipe drupal9 \
    --webroot ${webroot} \
    --name ${name} 
    
# Create latest drupal9 project via composer
lando composer create-project drupal/recommended-project:9.x tmp && cp -r tmp/. . && rm -rf tmp

# Start it up
lando start

# Install a site local drush
lando composer require drush/drush

# Install drupal
lando drush site:install --db-url=mysql://drupal9:drupal9@database/drupal9 -y

# List information about this app
lando info

LANDO用のWORDPRESS/DRUPALスクリプト

GitHub - matubara/lando

Contribute to matubara/lando development by creating an account on GitHub.

github.com

環境構築の公式LANDOサイト

こちらのサイトを主に参考にさせていただきました

LANDO公式サイトGETSTARTED WORPRESS編

Getting Started

Learn how to get started with the Lando WordPress recipe.

docs.lando.dev

LANDO公式サイトGETSTARTED DRUPAL編

Getting Started

Learn how to get started with the Lando Drupal recipe.

docs.lando.dev

LANDO公式サイト GETSTARTEDで紹介されたINITコマンドの使い方詳細はこちら

ご自身でLANDO環境のスクリプトを作成する際はこちらが参考になります

lando init

lando init is a powerful command that initializes a codebase for usage with a Lando recipe, it can pull code from Pantheon, GitHub and other remote sources.

docs.lando.dev

LANDOでXDEBUGを使ってPHPSTORMでデバッグする

Lando + PhpStorm + Xdebug

Learn how to configure xdebug in Lando using PhpStorm.

docs.lando.dev

WSL2のHOST IPの説明
https://docs.lando.dev/guides/setup-lando-on-windows-with-wsl-2.html

The post 【WSL2】LANDOを使用してローカル環境にWORDPRESSを構築する first appeared on 【保存版】初心者向けWordPressブログ始め方！完全解説.

はじめに

Conoha VPSが75%オフのキャンペーンが2022年11月初旬まで実施されているようです。以前からKusanagi RODでローカルに構築しているDOCKER環境をそのままVPSで公開できればと思っていたので、この機会にConoha VPSでWORDPRESS環境を構築してみました

環境

SERVER： メモリ 2GB 、 CPU 3コア、 SSD 100GB
OS： UBUNTU 22.4

SSH接続

管理画面からSSHキーを作成します。

サーバー側に公開キーを追加する

次に管理画面のコンソールから作成したVPSに入ります。

次にホームディレクトリの.sshディレクトリにauthorized_keysファイルに、先程作成したSSHの公開キーを追加します。

クライアント側からSSH接続する

SSH接続はターミナルから下記のコマンドで入ることができます。

ssh -i {秘密鍵のパス} {ユーザ名}@{サーバーパブリックIP}

UBUNTUのPCから接続しようとすると以下のエラーが発生しました。

Unable to negotiate with xxx port 22: no matching host key type found. Their offer: ssh-rsa,ssh-dss

原因は最近のopensshが古い形式の秘密鍵をサポートしなくなったこと。openssh 8.3ではエラーが出なかったが8.8だとエラーになったとの報告があります。

これはLINUX PCに限らず古い形式の鍵を使用した場合にできようなのでその対処法は次のとおりです。

ホームディレクトリの.sshディレクトリにconfigファイルを作成します。

Host *
IdentityFile ~/.ssh/id_rsa
IdentitiesOnly yes
HostKeyAlgorithms=+ssh-rsa
PubkeyAcceptedAlgorithms=+ssh-rsa

KUSANAGI RoDのインストール

KUSANAGI RODのインストール要件として以下のパッケージが必須です。
CONOHA VPSでUBUNTUを選択するとほぼ必要なパッケージがインストールされますが、gettext、docker、docker-composeは別途インストールする必要があります。

• bash (4.x以上)
• git
• sed
• awk
• grep
• gettext
• envsubst
• curl
• docker (18.0x以上)
• docker-compose

curl https://raw.githubusercontent.com/prime-strategy/kusanagi-docker/master/install.sh | bash

KUSANAGI プロビジョニングの作成

ドメイン名が仮にsample.comの場合は、以下のkusanagi dockerコマンドでWORDPRESSが起動します。このドメイン名はCONOHA管理画面の「DNS」で対象VPSのIPアドレスに紐付けられたものを指定します。

kusanagi-docker provision --wp --httpd --wplang=ja --admin-user=admin --admin-pass=admin1234 --admin-email=admin@sinceretechnology.com.au --wp-title=WordPress --kusanagi-pass=kusanagi --dbname=database --dbuser=dbuser --dbpass=dbpassword --http-port=80 --tls-port=443 --fqdn sample.com sample

kusanagi-docker provision --wp --httpd --wplang=ja --admin-user=admin --admin-pass=admin1234 --admin-email=admin@sinceretechnology.com.au --wp-title=WordPress --kusanagi-pass=kusanagi --dbname=database --dbuser=dbuser --dbpass=dbpassword --http-port=80 --tls-port=443 --fqdn sample.com sample

ドメインの設定(DNS)

次に、ドメイン名に新しく作成したVPSのパブリックIPを紐付ける必要があります。

• Conohaのコントロールパネル > DNS
• 「＋ドメイン」というボタンを押下して取得しているドメインを入力する。
• プルダウンボタンを押下する
• 鉛筆ボタンを押下してタイプ列の＋ボタンを押下して下記を入力する。
  • タイプ：A
  • 名称：＠
  • TTL：3600
  • 値：（VPSのIPアドレス）

dockerネットワークの作成

次のコマンドでプロキシサーバーと各コンテナ間のネットワークを作成します。

docker network create --driver bridge common_link

ブラウザから確認

最後にブラウザを立ち上げてドメインURLにアクセスしてみます。

KUSANAGI RODで作成したプロビジョニングのWORDPRESSサイトが表示されればOKです。

スクリプト

GitHub - matubara/kusanagi-rod-scripts

Contribute to matubara/kusanagi-rod-scripts development by creating an account on GitHub.

github.com

The post CONOHA VPSにKUSANAGI RODのDOCKER環境でWORDPRESSサイトを公開してみた first appeared on 【保存版】初心者向けWordPressブログ始め方！完全解説.

[Ubuntu] docker内のxdebug.remote_hostを自動で設定するには

Docker for Macの場合Dockerコンテナ内からDockerホストは、host.docker.internalで参照できます。15-xdebug.iniのxdebug.remote_hostには、次のように書きます。xdebug...

www.ninton.co.jp

残念ながら、host.docker.internal では、Dockerホストを参照できませんでした。

手動で設定する方法

ipコマンドでローカルPCのIPアドレスを調べます。仮に192.168.11.4 とします。

$ ip a
2: enp3s0: <BROADCAST,MULTICAST,UP,LOWER_UP> mtu 1500 qdisc fq_codel state UP group default qlen 1000
    link/ether xx:xx:xx:xx:xx:xx brd ff:ff:ff:ff:ff:ff
    inet 192.168.11.4/24 brd 192.168.11.255 scope global dynamic noprefixroute enp3s0
Code language: Bash (bash)

php-pecl-xdebugのインストール直後の15-xdebug.iniをDockerコンテナから取り出しておきます。xdebug.remote_hostの箇所を編集します。その他のxdebug項目も編集しておきます。

;編集前
;xdebug.remote_host = localhost

;編集後
xdebug.remote_host = "192.168.11.4"
xdebug.remote_autostart = 1
xdebug.remote_enable = 1
xdebug.remote_port = 9000
xdebug.idekey = my_project_idekeyCode language: plaintext (plaintext)

Dockerfileのどこか終わり付近で、編集済みの15-xdebug.iniをDockerコンテナにコピーします。

COPY 15-xdebug.ini  /etc/php.d/

CMD ["/usr/sbin/httpd", "-D", "FOREGROUND"]Code language: Dockerfile (dockerfile)

git cloneした直後に1回だけやればいいんだけど．．．

IPアドレスを書いてしまったから、15-xdebug.iniをgit commitできないし

この手順をwikiに書くのも面倒だし、

めったにやらないから、すぐに忘れてしまって、wikiを検索するのも面倒ね

実験

調べると、Dockerコンテナ内で、DockerホストのIPアドレスを調べるには、ipコマンドとawkコマンドを使って、

[root@869574d22dc0 /]# ip route
default via 192.168.192.1 dev eth0 
192.168.192.0/20 dev eth0 proto kernel scope link src 192.168.192.3 

[root@869574d22dc0 /]# ip route | awk 'NR==1 {print $3}'
192.168.192.1Code language: Bash (bash)

この「192.168.192.1」と「host.docker.internal」を /etc/hosts に追加します。

[root@869574d22dc0 /]# cat /etc/hosts
127.0.0.1	localhost
::1	localhost ip6-localhost ip6-loopback
fe00::0	ip6-localnet
ff00::0	ip6-mcastprefix
ff02::1	ip6-allnodes
ff02::2	ip6-allrouters
192.168.192.3	869574d22dc0
192.168.192.1 host.docker.internal

Code language: Bash (bash)

Dockerコンテナ内の/etc/php.d/15-xdebug.ini を編集します。

xdebug.remote_host = host.docker.internalCode language: plaintext (plaintext)

httpdを再起動します。

[root@869574d22dc0 /]# /usr/sbin/httpd -k restartCode language: plaintext (plaintext)

Dockerホスト側のPhpStormで、ブレークポイントで止まりました！

DockerホストのIPアドレスを調べて、host.docker.internal として、/etc/hosts に登録する、これを自動で設定したいわけです。

自動で設定する方法

「DockerホストのIPアドレスを調べて、host.docker.internal として、/etc/hosts に登録する」処理は、Dockerfileに記述できません。

Dockerコンテナを起動するたびに、Dockerコンテナのネットワークアドレスが変わるからです。

Dockerコンテナを起動するとき、これまでのCMD処理は

• Webサーバを起動する

だけでしたが、

• DockerホストのIPアドレスを調べて、host.docker.internal として、/etc/hosts に登録する
• Webサーバを起動する

ようにします。

Dockerfile

Dockerfileを次のように変更します。

# 修正前
CMD ["/usr/sbin/httpd", "-D", "FOREGROUND"]Code language: Dockerfile (dockerfile)

# 修正後
RUN yum install -y iproute  # ipコマンドのインストール。Dockerfileのどこに挿入してもかまいません

COPY init.sh /root/init.sh
CMD "/root/init.sh"Code language: Dockerfile (dockerfile)

init.sh

次に、init.shを作ります。これまでDockerfileのCMDで実行していた内容に合わせて、置き換えてください。

#!/bin/sh -ue

# /etc/hostsにDockerホストのIPアドレスを登録する
echo $(ip route | awk 'NR==1 {print $3}') host.docker.internal >>/etc/hosts

# Webサーバの起動
/usr/sbin/httpd -D FOREGROUNDCode language: PHP (php)

Dockerイメージをビルドして、起動します。

$ sudo docker-compose build
$ sudo docker-compose up -d
$ sudo docker-compose psCode language: Bash (bash)

Dockerコンテナにbashでログインします。

docker-compose.ymlで、container_name: php72.hoge.docker と設定しているなら、

$ sudo docker exec -it php72.hoge.docker bash
[root@869574d22dc0 /]#Code language: Bash (bash)

/etc/hostsを表示してみると、

[root@869574d22dc0 /]# cat /etc/hosts
127.0.0.1	localhost
::1	localhost ip6-localhost ip6-loopback
fe00::0	ip6-localnet
ff00::0	ip6-mcastprefix
ff02::1	ip6-allnodes
ff02::2	ip6-allrouters
192.168.192.3	869574d22dc0
192.168.192.1 host.docker.internal

Code language: Bash (bash)

無事、最後の行に「192.168.192.1 host.docker.internal」が追加されました。このdockerコンテナ内から、host.docker.internal で、起動元のPCが見えるようになりました。

15-xdebug.ini

これで、15-xdebug.iniのxdebug.remote_hostの箇所は、IPアドレスではなく、host.docker.internal と書くことができます。

xdebug.remote_host = host.docker.internal
xdebug.remote_autostart = 1
xdebug.remote_enable = 1
xdebug.remote_port = 9000
xdebug.idekey = my_project_idekey

The post DOCKER内のリモートサーバーにXDEBUG3を設定してUBUNTUクライアントのPHPSTORMでデバッグする first appeared on 【保存版】初心者向けWordPressブログ始め方！完全解説.

• Ubuntu 22.4
• wireguard-tools 1.0

参考サイト

• WireGuard公式サイト[英語]
• JANOG46 インターネットVPNの選択肢に WireGuard はいかがですか？

The post 【Ubuntu22.4】WireguardサーバーをインストールしてVPN接続する first appeared on 【保存版】初心者向けWordPressブログ始め方！完全解説.

はじめに

長年CONOHAWINGのベーシックプランをメイン使用していましたがトラブルがあって、サブで借りていたLOLIPOPのハイスピードプランにいくつか移行してみました。すると、思いのほか速くて安定してるのではないですか。。レンタルサーバーの引っ越しをすることにしました。

前回は、GitHubのリポジトリをロリポップに移行する記事を書いていたので、スムーズに事が運ぶと思っていたらなかなか一筋縄ではいかなかったので、その時のことをメモとして残しておくことにしました。

環境

【ローカルPC】
WINDOWS11

【リモートサーバー】
移行元：
CONOHAレンタルサーバー
ベーシックプラン
移行先：
LOLIPOPレンタルサーバー
ハイスピードプラン

移行手順の概要

CONOHAサーバーのGITリポジトリをWINDOS11のローカルPCからSSH接続してGITリポジトリをCLONEでローカルに取得したのち、LOLIPOPサーバーにSSH接続してローカルに取得したリポジトリをPUSHしてする。

コマンドラインで行う場合は、要領でおこなう

1. コマンドラインでssh接続できることを確認する
2. まず移行元のGitサーバーのクローンを作成します
3. 次に作成されたクローンの.gitフォルダに移行します
4. 最後にすべての更新情報を新しいGitサーバーにPUSHします

git clone --mirror <SOURCE_REPOSITORY_URL> 
cd <REPOSITORY> 
git push --mirror <DESTINATION_REPOSITORY_URL>

移行手順の詳細

１．SSH接続

WINDOWS PCのターミナルを起動します。

SSHコマンドで移行元のサーバーに接続します。

ssh ｛アカウント名｝@ssh.lolipop.jp -p 2222 -i {秘密鍵のパス}

接続できたら秘密鍵をホームディレクトリの.sshフォルダにid_rsaの名前で入れる

cd ~/.ssh
copy ｛秘密鍵パス｝ ./id_rsa

今度は秘密鍵パスの指定を外してSSH接続できるかどうか確認する

ssh ｛アカウント名｝@ssh.lolipop.jp -p 2222

デフォルトの秘密鍵で接続できればＯＫ

２．移行元のサーバーからGITレポジトリのバックアップを取得する

git clone　--mirror ssh://｛アカウント名｝@｛ホスト名｝:｛ポート番号｝｛GITリポジトリパス｝

WINDOWS11では次のようなエラーが出ることがある

Unable to negotiate with 133.130.35.108 port 2222: no matching host key type found. Their offer: ssh-rsa,ssh-dss
fatal: Could not read from remote repository.

その場合は、ホームディレクトリの.sshフォルダにconfigファイルを作成して次のコードを設定する

Host * 
HostKeyAlgorithms +ssh-rsa
PubkeyAcceptedKeyTypes +ssh-rsa 
UpdateHostKeys no

SSHクライアントがバージョンンアップしたことが原因のようである

また、次のエラーが出る場合は、GITがcacheをみにいっているので、UpdateHostKeys noをconfigについかする

Cannot access gitlab repo.....

３．移行先のサーバーにGITレポジトリを作成する

移行先さーばーに接続する。
次に、GITサーバーのルートディレクトリでプロジェクトふぉるだを作成する

mkdir projectフォルダ

cd projectフォルダ

git init --bare --shared

４．移行先のサーバーのGITレポジトリにプッシュする

移行先サーバーの秘密鍵をホームディレクトリの.sshフォルダにid_rsaの名前で入れる

cd ~/.ssh

copy ｛秘密鍵パス｝ ./id_rsa

前回と同様に秘密鍵パスの指定を外してSSH接続できるかどうか確認する

ssh ｛アカウント名｝@ssh.lolipop.jp -p 2222

デフォルトの秘密鍵で接続できればＯＫ

移行先のアカウント名、ホスト名、ポート名、GITリポジトリパスを設定してPUSHする

git push --mirror ssh://｛アカウント名｝@｛ホスト名｝:｛ポート番号｝｛GITリポジトリパス｝

５．移行先のサーバーからリポジトリーのクローンを作成する

確認のためリモートリポジトリから新しいローカルリポジトリを作成してみる

git clone　ssh://｛アカウント名｝@｛ホスト名｝:｛ポート番号｝｛GITリポジトリパス｝

ローカル環境に新しいリポジトリがでいていればOK

参考

OSをアップデートしたらDSAのssh-keyが使えなくなってしまった人へ

結論から言うと、これをユーザーの config ファイルか /etc/ssh/ssh_config に書くと良い #cat /home/ユーザー/.ssh/config Host * HostKeyAlgorithms +ssh-dss P...

root99.blogspot.com

Cannot access gitlab repo using ssh keys using Windows

I have followed these instructions for generating keypairs using ssh-keygen. I actually generated both the ed25519 and an rsa key as I attempted to figure out w...

stackoverflow.com

The post CONOHAWINGのGITリポジトリをLOLIPOPサーバーに移行する first appeared on 【保存版】初心者向けWordPressブログ始め方！完全解説.

Connect lolipop Server With SSH Key

この記事は、ロリポップ！にてSSHを有効にしたあとで、実際にサーバへSSH鍵認証方式で接続するまでに必要な手順を説明しています。 ロリポップ！での特殊な操作というよりは、リモートマシンにSSH鍵認証方式で接続するために必要な一般的な内容を扱っています。

blog.micheam.com

SSH パスワード方式での接続を確認

まずは、 SSH パスワード方式で サーバに接続できるか確認します。ログイン時に指定するアカウントとSSHパスワードなどは ロリポップ管理画面 から確認できます。

ssh lolipop.jp-xxxxxxxxxx@ssh.lolipop.jp -p 2222
# パスワードの入力を求められる

（接続の確認だけなので）そのまま切断:

[lolipop.jp-xxxxxxxxxx@yyyyyy ~]$ exit

SSH キーペア(公開鍵・秘密鍵）の生成

ssh-keygen コマンドで、SSH 秘密鍵と公開鍵のペアを生成します:

ssh-keygen -t rsa -f ~/.ssh/id_lolipop

なお、-f での指定は省略すれば ~/.ssh/id_rsa が採用されますが、既存の鍵を上書きされても嫌なので、ちゃんと指定してあげましょう。（省略してもインタラクティブに入力を求められるの & 上書き前に再度確認される ので実際はそれほど心配はいらないが）

サーバへSSH公開鍵を設定する

ssh-copy-id で生成した公開鍵をサーバへ適用する:

ssh-copy-id -p 2222 -i ~/.ssh/id_lolipop.pub lolipop.jp-xxxxxxxxxx@ssh.lolipop.jp

鍵を明示してSSH接続してみる

サーバへの公開鍵の設定が完了したので、晴れてSSH鍵認証方式で接続することができます。

ssh lolipop.jp-xxxxxxxxxx@ssh.lolipop.jp -p 2222 -i ~/.ssh/id_lolipop

ローカルのSSH設定ファイルにロリポップを追加

ロリポップのサーバへ接続する際に、毎回ホストやポートなどを指定するのは面倒なので、ローカルの設定ファイルにロリポップ用の設定を追加しておくのが良いでしょう。

ユーザごとのSSH設定ファイルは $HOME/.ssh/config にあるので、そちらを編集:

cat <<EOF >> ~/.ssh/config
Host *.lolipop.jp
  IdentityFile ~/.ssh/id_lolipop
  Port 2222

EOF

この設定によって、ssh コマンドで接続先のホスト名に ssh.lolipop.jp を指定した際に、当該秘密鍵とポート番号が使用されるようになります。

ssh lolipop.jp-dp00284017@ssh.lolipop.jp

なお、SSH設定ファイルにて、User や HostName を設定しておくと、コマンドラインから指定する内容がさらに減らせて便利かもしれません。（ご利用は計画的に）

Host lolipop
  IdentityFile ~/.ssh/id_lolipop
  HostName ssh.lolipop.jp
  Port 2222
  User lolipop.jp-xxxxxxxxxx

ssh lolipop

参考

• https://serverpilot.io/docs/how-to-use-ssh-public-key-authentication/
• https://nxmnpg.lemoda.net/ja/5/ssh_config
• https://code-log.hatenablog.com/entry/2018/11/03/120727

The post 【lolipop】SSH鍵認証方式で接続してみる first appeared on 【保存版】初心者向けWordPressブログ始め方！完全解説.