Hatena::Diary

ウエブアプリケーション開発入門講座

  1. 開発環境の構築
  2. Webの基本
  3. Webサービス (WebAPI)
  4. CGIの基本 プログラム演習1
  5. ウエブAPIを用いた初めてのCGI (準備編) プログラム演習2
  6. ウエブAPIを用いた初めてのCGI (perl編) プログラム演習3
  7. ウエブAPIを用いた初めてのCGI (PHP編) プログラム演習4
  8. オブジェクト指向とMVC
  9. テンプレートエンジン (PHP Smarty) プログラム演習5
  10. 拡張性の高いプログラムを作る プログラム演習6
  11. ウエブセキュリティ
  12. JavaScript
  13. Ajaxを用いたウエブページ プログラム演習7
  14. 地図APIを使ったアプリケーション プログラム演習8
  15. DataBase(MySQL)
  16. MySQLを利用した掲示板 プログラム演習9
  17. 携帯(モバイル)への対応
  18. flash - ActionScript (前編)
  19. flash - ActionScript (後編)
  20. iPhoneプログラミング(前編)
  21. iPhoneプログラミング(中編)
  22. iPhoneプログラミング(後編)
ソースコードはこちらにもあります http://trac.assembla.com/cX0noKTPir3A7Oab7jnrAJ/browser

2008-11-11

開発環境の構築

とりあえず、CGIプログラムを体験したい場合に、手軽に環境構築をする方法を明記します。

macの場合 (MAMPを利用)

MAMPmac環境で簡単にApache+PHP+MySQLが一つのパッケージとなって提供されれます.MAMPのサイトからダウンロードします。

ダウンロードした MAMPフォルダをアプリケーションフォルダにcopyすればインストール完了です。MAMPを起動するとコントロールパネル(下記画像)とブラウザが起動します。

f:id:hdtooo:20081111230222p:image

この時点で, インストールしたMac上で Port:8888 を利用して apache が Port:8889を利用して MySQLが起動しています.ブラウザURLhttp://localhost:8888/MAMP/index.php?language=Japanese となっているはずです。 MAMP上のapacheがこのページを表示しています。

Apacheの標準Portは80, MySQLの標準ポートは3306です。必要であれば、コントロールパネルから変更できます。

f:id:hdtooo:20081111230630p:image

Apacheの設定ファイル httpd.conf は

/Applications/MAMP/conf/apache/httpd.conf

にあります.

DocumentRoot "/Applications/MAMP/htdocs"

となります。

$ cat /Applications/MAMP/htdocs/hellow_world.php 
<?php
    echo "hellow world"
?>

を作成し、http://localhost:8888/hellow_world.php とすればPHPの動作確認は完了です。

perlMAMPに含まれていないので mac標準のperl

/usr/bin/perl

を利用します. デフォルトapacheの設定(httpd.conf)ではcgi-bin以下でのみ動作するように設定してありますのでこれを変更します。変更後はコントロールパネルでサーバ再起動(停止して開始)します。

AddHandler cgi-script .cgi .pl

(.plを追加します. )

$cat /Applications/MAMP/htdocs/hellow_world.pl
#!/usr/bin/perl

use strict;
use warnings;

print "Content-type: text/html\n\n";
print "hellow world";

を作成し、http://localhost:8888/hellow_world.pl とすればperlの動作確認は完了です。

(hellow_world.plファイルを実行可能(chmod 755)としてください)


windowsの場合 (XAMPPを利用)

XAMPPwindows環境でApache+PHP+MySQLが一つのパッケージになったアプリケーションです

XAMPPからダウンロードします。インストールダウンロードしたインストーラーから簡単にできます。

XAMPPを起動するとコントロールパネルが起動します。ここからApacheを起動できます

f:id:hdtooo:20081111235037p:image

apacheは通常のPort80で起動します http://localhost/XAMPPのスタートメニューが表示されたらapacheの起動が成功しています

Apacheの設定ファイル httpd.conf は

c:\xampp\conf\apache\httpd.conf

にあります。

DocumentRoot "c:\xampp\htdocs"

となります。macPHP動作確認で紹介した hellow_world.phpをhtdocs以下に置けばPHPの動作確認ができます。

perlwindowsに標準では入っていないので少し厄介です

XAMPPアドオンの方を解説します. XMAPPのダウンロードページの下部にperlアドオンがありますのでここからインストールします。インストール後、コントロールパネルでapache再起動を行ってください。

このインストールmod_perlとしてapacheに組み込まれます. c:\xampp\htdocs\hellow_world.pl に

use strict;
use warnings;

print "Content-type: text/html\n\n";
print "hellow world";

として保存すると http://localhost:8888/hellow_world.pl とすればperlの動作確認は完了です。


上の方法以外にも、macには標準に機能として搭載されているウエブサーバを利用する方法があったり(php等は MacPorts等でインストール), windows版の apache, php, perl なども提供されていますので、通常のwindowsアプリケーションインストールと同じような手順で構築することもできます。win&macとも仮想OSを構築するソフトウエア (VMWare, Parallels, Xenなど)を用いて Linux等をインストールする方法もあります.

参考URL

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証

トラックバック - http://d.hatena.ne.jp/hdtooo/20081111/1226410269
  1. 開発環境の構築
  2. Webの基本
  3. Webサービス (WebAPI)
  4. CGIの基本 プログラム演習1
  5. ウエブAPIを用いた初めてのCGI (準備編) プログラム演習2
  6. ウエブAPIを用いた初めてのCGI (perl編) プログラム演習3
  7. ウエブAPIを用いた初めてのCGI (PHP編) プログラム演習4
  8. オブジェクト指向とMVC
  9. テンプレートエンジン (PHP Smarty) プログラム演習5
  10. 拡張性の高いプログラムを作る プログラム演習6
  11. ウエブセキュリティ
  12. JavaScript
  13. Ajaxを用いたウエブページ プログラム演習7
  14. 地図APIを使ったアプリケーション プログラム演習8
  15. DataBase(MySQL)
  16. MySQLを利用した掲示板 プログラム演習9
  17. 携帯(モバイル)への対応
  18. flash - ActionScript (前編)
  19. flash - ActionScript (後編)
  20. iPhoneプログラミング(前編)
  21. iPhoneプログラミング(中編)
  22. iPhoneプログラミング(後編)
ソースコードはこちらにもあります http://trac.assembla.com/cX0noKTPir3A7Oab7jnrAJ/browser