HOME | Raspberry Pi | ビジネス書籍紹介 | 2022-09-27 (Tue) Today's Access : 34 Total : 524801. Since 10 Sep. 2019

ラズパイで作る自宅WEBサーバ構築
第13回 Windowsパソコンに開発環境を作る 2019.12.03

YouTube 動画でポイントを説明しています。上記画像をクリックすると再生できます。
今回は、WEBコンテンツ制作およびテスト環境をWindowsパソコン内に構築します。
凝ったサイトでなければ、Windowsパソコン内で検証できない箇所はメール関連と、Apache WEBサーバーのREWRITE設定程度です。
開発環境で作成されたコンテンツは変更なしに、ラズパイ・WEBサーバに転送して使えます。
また、さきに「第4回 Apache WEBサーバ設定」を読まれると、理解しやすいと思います。
作成したソースコードを修正なしに公開WEBサーバーで使用するためには、ダウンロードするアプリケーションのバージョンは、公開WEBサーバーの各種パッケージのバージョンに合わせるようにしましょう。
お使いのWindows環境に合わせて、64bit版あるいは32bit版をダウンロードしてください。

◇Apache2.4 インストール

Windows版Apacheをダウンロードします。
https://www.apachelounge.com/download/
ダウンロードした「httpd-2.4.23-win64-VC14.zip」を展開して中にある「Apache24」を任意のディレクトリに配置します。
ここでは、c:\usr\local\Apache24 に配置した場合で説明します。

c:\usr\local\Apache24\conf 内にある設定ファイル http.conf を開き修正します。
Define SRVROOT "c:/usr/local/Apache24"

#LoadModule rewrite_module modules/mod_rewrite.so
  ↓
LoadModule rewrite_module modules/mod_rewrite.so

ServerName www.example.jp:80

DocumentRoot "d:/home/example/www-root"

<Directory "${SRVROOT}/htdocs">
    Options Indexes FollowSymLinks
    AllowOverride None
    Require all granted
</Directory>
  ↓
<Directory "d:/home/example/www-root">
    Options Indexes FollowSymLinks
    AllowOverride All
    Require all granted
</Directory>

<IfModule dir_module>
    DirectoryIndex index.html index.php
</IfModule>
ログ用フォルダを作成します。
C:/usr/local/Apache24/logs/example

◇MySQL 5.7 のインストール

Visual Studio 2013 の Visual C++ 再頒布可能パッケージのインストール

https://www.microsoft.com/ja-jp/download/details.aspx?id=40784
vcredist_x64.exe を実行してインストールします。

MySQL ダウンロード

https://dev.mysql.com/downloads/mysql/5.7.html
Windows (x86, 32 & 64-bit), MySQL Installer MSI 横の
「Go to Download Page」をクリック
Windows(x86, 32-bit), MSI Installer 5.7.27 424.6M 横の
「Download」をクリック
「No thanks, just start my download.」をクリックして、
mysql-installer-community-5.7.26.0.msi をダウンロードします。
ダウンロードしたインストーラを実行します。
以降、ポイントのみを説明します。


「Choosing a Setup Type」で Custom を選択します。


「Select Products and Features」で MySQL Server 5.7.26 のみを選択します。


「Path Conflicts」で
Install Directory: Data Directory:
にインストールするディレクトリを指定します。
データディレクトリがわかりやすいように下記を指定しました。
Install Directory:c:\usr\local\MySQL
Data Directory:c:\usr\local\MySQL

「High Availability」で
Standalone MySQL Server / Classic MySQL Replication
を選択します。


「Type and Networking」の Config Type: で
Server Computer
を選択します。


「Accounts and Roles」の MySQL Root Password: はラズパイに MySQL をインストールする際に設定したrootパスワードと同じにします。

MySQLはアンインストールしたときに、Windowsサービスが削除されないまま残ってしまうことがあります。 この状態で再インストールしようとすると、以前のサービス名でインストールすることができません。
スタート ⇒ コントロールパネル ⇒ 管理ツール ⇒ サービス でサービスの一覧を表示させます。
対象のサービスを探して、右クリック ⇒ プロパティ を開きます。「サービス名」を確認します。「表示名」ではないので注意しましょう。
コマンドラインで、
sc.exe delete [サービス名]
これで削除されます。

C:\usr\local\MySQL\my.ini 編集
[mysqld]
default-storage-engine=INNODB
 ↓
default-storage-engine=MyISAM

character-set-server = utf8 ← 追加

skip-innodb ← コメントを外し有効にする(innodbを無効にする)

[mysql]
default-character-set=utf8 ← 追加
トランザクション処理を必要としなければ、ISAMで十分対応できると思います。
試行錯誤でWEBサイトを構築していく際には、データベースのテーブル定義も頻繁に変更が発生します。 他のテーブルと複雑な関連付けをしないISAMで作成すると、1つ1つのテーブルは独立していて、 すっきりとしたテーブル設計ができると思います。

システムの環境変数にパスを通します。
C:\usr\local\MySQL\bin

サービスから MySQL57 を再起動します。

◇Windows版 PHPインストール

PHP 7.2 をインストールする前に、PHP 7.2 を動作させるのに必要となるランタイム・ソフトウェアをインストールします。 PHPの公式サイトで配布している PHP のバイナリを動かすには、Visual C++ 2015 ランタイムが必要です。(Windows10では既にインストールされているかもしれません)

https://www.microsoft.com/ja-jp/download/details.aspx?id=48145 (vc_redist.x64.exe)

PHP 7.2 のダウンロード

https://secure.php.net/
php-7.2.18-Win32-VC15-x64.zip
ダウンロードした zip ファイルを展開し、展開したフォルダの名前を「php7」に変更します。

c:\usr\local\php7 に配置した場合で説明します。
php7 フォルダの配下にある php.ini-production ファイルをコピーして php.ini というファイル名にします。
拡張ライブラリは必要に応じて設定してください。
c:\usr\local\php7\php.ini の編集
date.timezone = "Asia/Tokyo"
default_charset = "UTF-8"
extension_dir = "ext"
extension=curl
extension=gd2
extension=imap
extension=ldap
extension=mbstring
extension=mysqli
extension=openssl
mbstring.language = Japanese
mbstring.internal_encoding = UTF-8
mbstring.http_input = UTF-8
mbstring.http_output = UTF-8
mbstring.encoding_translation = On
mbstring.detect_order = auto
Windowsの環境変数の設定
[コントロールパネル]→[システム]→[システム環境変数]→Path
c:\usr\local\php7 ← 追加

Windows Apache の設定 (C:\usr\local\apache24\conf\httpd.confの編集)
PHPIniDir "c:\usr\local\php7"
LoadModule php7_module c:/usr/local/php7/php7Apache2_4.dll
AddType application/x-httpd-php .php
※Windowsの環境変数 PATH に c:\usr\local\php7 を追加することでdllの移動は必要ありません

Apacheをサービスとして起動します。
C:\usr\local\Apache24\bin>httpd.exe -k install
※コマンドプロンプト(管理者)で実行します。

◇ファイル転送ソフト WinSCP のインストール

https://winscp.net/eng/download.php
→ WinSCP-5.15.3-Setup.exe
SSH接続でファイル転送を行うアプリケーションです。Windows環境で制作したプログラムを、公開WEBサーバーにアップロードするのに使用します。

◇WEBコーディング

公開WEBサーバーと開発環境WEBサーバーの違いは、アクセスするURLです。
ベタな静的サイトを作るのであれば、URLを相対パス指定すれば済んでしまうのですが、 構造化されたサイトを作るのであれば、URLの違いを吸収するための設定ファイルが必要となります。 構造化サイトはURLに付加された引数により制御され、柔軟性が格段に飛躍します。

それでは、URLの違いについて、構成図をもとに説明します。
ブロードバンドルーターの外側、インターネットから公開WEBサーバーにアクセスする場合はドメイン名を指定します。
http://example.jp/index.php
ルーター内側の開発環境であるノートパソコンから公開WEBサーバーにアクセスする際には、ローカルIPアドレスでの指定になります。
http://192.168.11.21/index.php
Windows開発環境のWEBサーバーにアクセスする際は、自分自身のローカルIPアドレスあるは127.0.0.1になります。
http://192.168.11.20/index.php
これらの相違を吸収して、ソースコードの変更なしに実装するために環境設定ファイルを作成します。

環境設定ファイルは、直接WEBアクセスできない、武装領域に配置するので、.htaccess などでパスを指定します。
【d:\home\example\www-root\.htaccess】

DirectoryIndex index.php
php_value include_path .;d:\home\example\program
環境設定ファイル(config.php)は下記のようになります。
【d:\home\example\program\config.php】← WEBから直接アクセスできないフォルダー

<?php
if ($_SERVER['SERVER_ADDR']=='192.168.11.21') {
	if ($_SERVER['REMOTE_ADDR']=='192.168.11.20') {
		$__DOMAIN = '192.168.11.21';
	} else {
		$__DOMAIN = 'example.jp';
	}
}

if ($_SERVER['SERVER_ADDR']=='192.168.11.20') {
	$__DOMAIN  = '192.168.11.20';
}

if ($_SERVER['SERVER_ADDR']=='127.0.0.1') {
	$__DOMAIN     = '127.0.0.1';
}
?>
トップページに下記のような、アクセスマップへのリンクを貼ったとしましょう。
【d:\home\example\www-root\index.php】

<?php
	require_once('config.php');
	....
	<a href="http://<?php echo $__DOMAIN ?>/index.php?op=map">MAP</a>;
	...
?>
インターネットからアクセスした場合には
<a href="http://example.jp/index.php?op=map">MAP</a>
ルーター内側のパソコンからアクセスした場合には
<a href="http://192.168.11.21/index.php?op=map">MAP</a>
Windows開発環境(自分自身)にアクセスした場合には
<a href="http://192.168.11.20/index.php?op=map">MAP</a>
に展開されます。

※実際の運用では、ユーザー定義変数をそのままの形では使用しませんが、理解しやすいように簡素化しています。
 Raspberry Pi(ラズベリー パイ)は、ARMプロセッサを搭載したシングルボードコンピュータ。イギリスのラズベリーパイ財団によって開発されている。
2019.10.15 第1回 前準備
2019.10.20 第2回 Ubuntu Server インストール
2019.10.27 第3回 Ubuntu Server 詳細設定
2019.10.28 番外編 無線LAN接続設定
2019.11.02 第4回 Apache WEBサーバ設定
2019.11.05 第5回 PHP 設定
2019.11.10 第6回 MySQL 設定
2019.11.11 第7回 DNS (bind) 設定
2019.11.16 第8回 メールサーバ(Postfix)設定・前編
2019.11.21 第9回 メールサーバ(Postfix)設定・後編
2019.11.24 第10回 ファイアウォール(iptables) 設定
2019.11.25 第11回 crontab 設定
2019.12.01 第12回 運用準備
2019.12.03 第13回 Windowsパソコンに開発環境を作る
2019.12.05 第14回 WEBサーバー公開
2019.12.10 第15回 動的サイト制作
2019.12.11 第16回 簡単なアクセスカウンターを作る
2020.03.04 TTGO-Camera による定点観測・WEB公開
2021.03.15 第17回 サーバ・リプレイス
2021.03.27 第18回 システム移行
2022.09.12 第19回 InnoDBトラブル


Interface 2022年11月号
第1部 仮想ルータ作りで学ぶネットワークの基本
第2部 ラズパイで実運用も可!アプリケーション・ルータの開発
第3部 実験で学ぶ!インターネット・セキュリティ「TLS」


日経Linux 2022年8月号
【特集1】2027年まで使える安心の長期サポート版がリリース! Ubuntu 22.04 LTS完全解説
【特集2】最新版「Ubuntu Server22.04 LTS」で解説! 初心者とエンジニア1年生のためのステップ式サーバー構築入門
【特集3】メモリー2GBでも快適動作! Ubuntuをラズパイでフル活用
【特集4】UbuntuとChrome OS Flexに対応! Windowsアプリを動かす方法
【特集5】Linuxで旧型PCを復活! 12年落ちのフルHD大型ノートPC個性的な見た目のArch系Linuxで復活

トランジスタ技術 2022年10月号
★特集◎電気特性,駆動回路から構造,減速機まで

ラズパイマガジン2022年秋号
特集:5大人気ボード 電子工作超入門
「半導体不足で在庫が不足し、電子工作のボードがなかなか買えない…」。そんな今にふさわしい特集を企画しました。5種の人気ボードにすべて対応した電子工作の入門特集です。「GPIO」や「I2C」を使った電子パーツの制御方法は、どのボードでも同じです。手に入れられたボードを使って、今こそ電子工作を始めましょう。

地方で稼ぐ! ITエンジニアのすすめ
学歴、理系の知識、専門スキル……全部なくてもITエンジニアになれる! 地方でも高収入でやりがいをもって働ける!ITエンジニアの魅力を一挙大公開

ハッカーの学校 IoTハッキングの教科書
生活にとけこみ、家電機器を便利にするIoT技術。 Webカメラなど、便利の裏側に潜むセキュリティの危険性をハッキングで検証。 専門家がパケットキャプチャからハードウェアハッキングまで、その攻撃と防御を徹底解説。 本書は2018年7月に刊行された「ハッカーの学校IoTハッキングの教科書」に一部修正を加えた第2版です。

攻撃手法を学んで防御せよ! 押さえておくべきIoTハッキング
本書は、経済産業省から2021年4月にリリースされた、IoTセキュリティを対象とした『機器のサイバーセキュリティ確保のためのセキュリティ検証の手引き』の『別冊2 機器メーカに向けた脅威分析及びセキュリティ検証の解説書』をもとに、IoT機器の開発者や品質保証の担当者が、攻撃者の視点に立ってセキュリティ検証を実践するための手法を、事例とともに詳細に解説しました。

ポチらせる文章術
販売サイト・ネット広告・メルマガ・ブログ・ホームページ・SNS… 全WEB媒体で効果バツグン! カリスマコピーライターが教える「見てもらう」「買ってもらう」「共感してもらう」すべてに効くネット文章術

プログラマーは世界をどう見ているのか 西村博之著
イーロン・マスク(テスラ)、ジェフ・べゾス(Amazon)、ラリー・ペイジ(Google)…etc. 世界のトップはなぜプログラマーなのか?

Arduino Nano 33 IoT


サンハヤト モジュール MM-TXS01


ニーア オートマタ PLAY ARTS改 <ヨルハ 二号 B型 DX版> PVC製 塗装済み可動フィギュア
「NieR:Automata」より、ヨルハ二号B型こと2BがPLAY ARTS改に新たに登場! 高級感の感じられるコスチュームや髪の質感、洗練されたボディバランス、細かなデティールに至るまでこだわり抜かれた逸品。 DX版には通常版のラインナップに加え2Bの随行支援ユニット ポッド042などをはじめ“純白の美しい太刀"白の約定やエフェクトパーツ、自爆モードを再現できる換装用ボディパーツ、シーンに合わせて変えられる顔パーツ2種も付属する豪華な仕様に。 作中のあらゆるシーンを再現することが可能なファン必見の一品となっている。

DIPスイッチで動作電圧を3.3Vと5Vに切り替えられるUNO互換ボード
KEYESTUDIO Plus Board for Arduino UNO R3 with Type-C USB Cable, 3.3V 5V 1.5A Output Current, More Powerful Controller Board USB-シリアルチップ:CP2102 / 動作電圧:5Vまたは3.3V(DIPスイッチ制御)/ 外部電源:DC 6-15V(9V推奨)/ デジタルI / Oピン:14(D0〜D13)/ PWMチャネル:6(D3 D5 D6 D9 D10 D11)/ アナログ入力チャネル(ADC):8(A0-A7)/ DC出力機能の各I / Oポート:20 mA / 3.3Vポートの出力能力:50 mA / フラッシュメモリ:32 KB(うち0.5 KBはブートローダーによって使用されます)/ SRAM:2 KB(ATMEGA328P-AU)/ EEPROM:1 KB(ATMEGA328P-AU)/ クロック速度:16MHz / オンボードLEDピン:D13

Newtonライト2.0 ベイズ統計
ベイズ統計は,結果から原因を推定する統計学です。AIや医療などの幅広い分野で応用されています。その基礎となるのは18世紀に考えだされた「ベイズの定理」です。 この本では,ベイズ統計学のきほんをやさしく紹介していきます。

白光(HAKKO) ダイヤル式温度制御はんだ吸取器 ハンディタイプ FR301-81


サンハヤト TTW-203 テストワイヤ
ブレッドボードとスルーホール間の接続に便利なワイヤですブレッドボード用のオスピンと基板のスルーホール用のバネ性のある端子を組み合わせたテストワイヤです

無水エタノールP 500mlx2個パック(掃除)


ケイバ(KEIBA) マイクロニッパー MN-A04


熱収縮チューブφ1.5
印字無しで綺麗☆ シュリンクチューブ 絶縁チューブ 防水 高難燃性 収縮チューブ (2m, ブラック(黒))


サンハヤト SAD-101 ニューブレッドボード


白光(HAKKO) HEXSOL 巻はんだ 精密プリント基板用 150g FS402-02


【Amazon.co.jp限定】エーモン 電工ペンチ 全長約255mm (1452)


[Amazon限定ブランド]【指定第2類医薬品】PHARMA CHOICE 解熱鎮痛薬 解熱鎮痛錠IP 100錠


Copyright © 2011-2022 Sarako Tsukiyono All rights reserved®.