PHPフレームワーク入門 Zend Framework 2 コネクト株式会社アジェンダフレームワークとは ◦ MVC とは Zend Framework 2 入門 ◦ Zend Framework 2 のインストールと動作確認 ◦ Zend Framework 2 を使用したシンプルな例題

フレームワークを使用すると、高品質で均一なのWEBアプリケーションを短期間に構築できます。開発効率の追求(基本)

フレームワーク

ライブラリ

サブルーチン/関数

独自開発

パッケージソフト (半完成品 )

フレームワーク

テンプレートエンジン

隠蔽化 /抽象化

プログラム言語

入力出力 Web ブラウザ Web ブラウザからの入力への出力

記憶演算データベースデータ加工ファイル

制御プログラムロジック

小規模 ←→ 大規模 Laravel 単機能 CodeIgniter Yii FuelPHP ↑ CakePHP Zend Framework 2 ↓ 高機能 Symfony

MVC とは… ◦ ソフトウェアの開発手法の一つ ◦ Model （モデル）， View（ビュー）， Controller （コントローラ）の頭文字を合わせたもの ◦ プログラムを上記三つのパターンに分割して，それぞれの役割ごとに処理を実装する手法

それぞれの役割

パターン役割 Model（モデル）データの出し入れと加工を行う View（ビュー）データの表示を行う Controller（コントローラ）ユーザから命令を受け付け，モデルやビューを繋げて処理を完成さ ◦ つまりシステムはデータを扱うものであり、データせる

デザイン図データ

モデル処理要求参照

コントローラビュー表示要求

リクエストレスポンスユーザ側

MVC の利点 ◦ 画面デザインと内部ロジックの分割 ◦ デザイナとプログラマの分業化 ◦ デザイン変更の容易化 ◦ ビュー作成を楽にするテンプレートエンジンの採用 ◦ 同じデータのI/O をモデルに集約することでオブジェクト指向的な実装が可能 ◦ 役割分担による見やすいコーディング

入口はすべてindex.php ◦ エントリーポイントという考え方公開するのはindex.php のみ ◦ 設定ファイルやライブラリは直接アクセス禁止 ◦ ただし画像とかCSS とかJavaScript は別指定されたURL にしたがって処理決定 ◦ モジュール/コントローラー/アクションビュー ◦ HTML などをレンダリングする ◦ 全ての処理が完了してからレンダリング開始

PHP テンプレートエンジンとは？ ◦ ビューを担うPHP のライブラリ ◦ ビューファイルに相当するHTML ライクのものをテンプレートと呼ぶ ◦ 書式は簡単だが独自のもの ◦ 変数や、簡単な条件文（ if ）、ループなどの制御をサポート ◦ 表示に特化しているので、 HTML エスケープや数値や日付の書式変換が得意

Zend と提供企業が提供する企業向けの新たな Web システム環境企業ユーザが望むプロ仕様の PHP 環境を提供 – 高信頼性と高速性を両立した PHP 環境の提供 – Web アプリ単位の監視機能を提供 – 稼動後の運用管理の容易さ – 開発効率の向上 – モバイル環境への対応

サーバ管理GUI MySQL/DB2 Zend Framework 1 & 2 デプロイ機能データベースドライバ高速化拡張モジュールデバッグ JVM との連携 PHP実行環境モニタリングジョブキュー Apache(IHS) コードトレーシング XML Tool Kit

ZEND FRAMEWORK 2 の配置と動作確認ようにスケルトンプロジェクトの配置を行います。ベース環境の構築

Zend Framework 2 の必要条件 ◦ Web サーバ ◦ リライトエンジン(mod_rewrite など) ◦ PHP 5.3.x ◦ HTML5 対応ブラウザ

Web サーバとPHP 5.3 環境を用意 ◦ Zend Server 6 以上の場合 ◦ Zend Framework と Zend Framework 2 インストール済 ◦ 手順③へ

◦ XAMPP などの場合 ◦ Zend Framework 2 独自にインストール

Zend Framework 2を入手 ◦ http://framework.zend.com/downloads/latest ◦ ZendFramework-2.3.3.zip *10/10 現在 ◦ 適当に展開(別途説明)

スケルトンプロジェクトの入手 ◦ https://github.com/zendframework/ZendSkeletonApplication ◦ ZendSkeletonApplication-master.zip

具体例を次ページで解説します

圧縮ファイル内部 ¥ エントリーポイントの配置 (Web サーバのドキュメントルート ) ├─config ◦ XAMPP の場合 │ └─autoload ◦ c:¥xampp¥htdocs¥ZendSkeleton ├─data │ └─cache ├─module アプリ実態の配置（ Web サーバのドキュメントルート以外） │ └─Applicaon ◦ XAMPP の場合 │ ├─config ◦ c:¥xampp¥ZendSkeleton │ ├─language │ ├─src │ │ └─Applicaon │ │ └─Controller Zend Framework 2 の配置 (Web サーバのライブラリ置き場 ) │ └─view ◦ XAMPP の場合 │ ├─applicaon ◦ C:¥xampp¥Library │ │ └─index │ ├─error │ └─layout ├─public │ ├─css │ ├─fonts │ ├─img │ └─js └─vendor

エントリーポイントindex.php の設定 ◦ ディレクトリ C:¥xampp¥htdocs¥ZendSkeleton ◦ ファイル名 index.php ◦ 場所 6行目と8行目付近 ◦ Zend Framework 2 へのパス設定 ◦ カレントディレクトリをアプリ実態へ

◦ index.php の内容 (XAMPP の例 )

◦ putenv("ZF2_PATH=" . 'C:¥xampp¥Library¥ZendFramework-2.3.3¥library');

◦ chdir('c:¥xampp¥ZendSkeleton');

OK NG

ZEND FRAMEWORK 2 の基本的な概念を説明します。リクエストURLとデフォルト

◦ http:// ドメイン /モジュール/コントローラ /アクション ◦ http://127.0.0.1/ZendSkeleton/ ◦ http://127.0.0.1/ZendSkeleton/application/index/index

アプリケーション

モジュールモジュールモジュール Model Model Model

View View View

Controller Controller Controller Action Action Action Action Action Action

圧縮ファイル内部 ¥ ├─ config │ └─ autoload ├─data │ └─cache ├─module │ └─Application モジュール │ ├─ config │ ├─language │ ├─ src │ │ └─Application │ │ └─Controller コントローラー │ └─view │ ├─application │ │ ├─index index コントローラのビューファイル │ │ └─user user コントローラのビューファイル │ ├─error │ └─layout └─vendor └─ZF2

簡単な例題を通して ZEND FRAMEWORK 2 の基本動作を説明します Zend Framework 2 例題コントローラーおよびアクションの作成アクションからビューで値の受け渡し FORMから値を取得

Captcha による認証処理

◦ コントローラーおよびアクションを作成 ◦C:¥xampp¥ZendSkeleton¥module¥Application¥src¥Application¥Controller にUserController.php をコピー ◦ コントロールを登録 C:¥xampp¥ZendSkeleton¥module¥Application¥config のmodule.config.php を修正 ◦ ビューを配置 C:¥xampp¥ZendSkeleton¥module¥Application¥view¥application¥user にtokyo.phtml をコピー

◦ 以下の URL にアクセスして出力結果を確認しましょう。 ◦ http://127.0.0.1/ZendSkeleton/application/user/tokyo

◦ http://127.0.0.1/ZendSkeleton/application/user/tokyo

◦ ビューを配置 C:¥xampp¥ZendSkeleton¥module¥Application¥view¥application¥user にosaka.phtml をコピー

◦ 以下の URL にアクセスして出力結果を確認しましょう。 ◦ http://127.0.0.1/ZendSkeleton/application/user/osaka

◦ http://127.0.0.1/ZendSkeleton/application/user/osaka

◦ フォームを配置 ◦C:¥xampp¥htdocs¥ZendSkeleton¥にform.html をコピー ◦ ビューを配置 C:¥xampp¥ZendSkeleton¥module¥Application¥view¥application¥user にkyoto.phtml をコピー

◦ 以下の URL にアクセスして出力結果を確認しましょう。 ◦ http://127.0.0.1/ZendSkeleton/application/user/kyoto

◦ http://127.0.0.1/ZendSkeleton/form.html

簡単な例題を通してZEND FRAMEWORK 2 の基本動作を説明しますエントリーポイント Index.php ◦

◦// Decline static file requests back to the PHP built-in webserver ◦if (php_sapi_name() === 'cli-server' && is_file(__DIR__ . parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH))) { ◦ return false; ◦}

◦// Setup autoloading ◦require 'init_autoloader.php';

◦// Run the application! ◦Zend¥Mvc¥Application::init(require 'config/application.config.php')->run();

module.config.php の76 行目

◦ 'controllers' => array( ◦ 'invokables' => array( ◦ 'Application¥Controller¥Index' => 'Application¥Controller¥IndexController', ◦ 'Application¥Controller¥User' => 'Application¥Controller¥UserController', ◦ ), ◦ ),

IndexController.php ◦

◦namespace Application¥Controller;

◦use Zend¥Mvc¥Controller¥AbstractActionController; ◦use Zend¥View¥Model¥ViewModel;

◦class IndexController extends AbstractActionController ◦{ ◦ public function indexAction() ◦ { ◦ return new ViewModel(); ◦ } ◦}

◦class UserController extends AbstractActionController ◦{ ◦ public function tokyoAction() ◦ { ◦ return new ViewModel(); ◦ } ◦ ◦ public function osakaAction() ◦ { ◦ $data = array( ◦ 'key1' => ' あいうえお', ◦ 'key2' => ' いろは ' ◦ ); ◦ return new ViewModel($data); ◦ } ◦ ◦ public function kyotoAction() ◦ { ◦ $data = array( ◦ 'name' => $this->params()->fromPost( 'name' ), ◦ 'year' => $this->params()->fromPost( 'year' ), ◦ 'month' => $this->params()->fromPost( 'month' ), ◦ 'day' => $this->params()->fromPost( 'day' ) ◦ ); ◦ return new ViewModel($data); ◦ } ◦}

◦
◦ ◦

tokyo.phtml kyoto.phtml

モジュール名： Application
モジュール名： Application
コントローラ名： User
コントローラ名： User
アクション名： tokyo
アクション名： kyoto

さんの誕生日は、
です。

osaka.phtml

モジュール名： Application
コントローラ名： User
アクション名： osaka
データ：
データ：

# 55 Captcha機能による認証

簡単なコードで、CAPTCHA機能を実現できます。入力画面

# 57 認証失敗

# 58 認証成功

# 59 コントローラー先頭部分抜粋

{

Copyright 2014 konekto, Inc # 60 public function setimageAction() { //インスタンスを生成アクション① $captcha = new Captcha¥Image(); //識別名を設定 $captcha->setName('foo'); //文字数 $captcha->setWordLen(6); //タイムアウト $captcha->setTimeout(500); //画像保存期間 $captcha->setExpiration(500); //フォントファイルおよびサイズ $captcha->setFont('C:¥WINDOWS¥Fonts¥ARIAL.TTF'); $captcha->setFontSize(80); //作成する画像サイズ //画像の保存先 $captcha->setWidth(800); $captcha->setImgDir( 'c:/xampp/htdocs' ); $captcha->setheight(300); //画像へのURL $captcha->setImgUrl('/'); //キャプチャの作成とID取得 $id = $captcha->generate(); //画像URL作成 $imageUrl = $captcha->getImgUrl() . $id . $captcha->getSuffix(); $data = array( 'url' => $imageUrl, 'id' => $id ); return new ViewModel($data); }

Copyright 2014 konekto, Inc # 61 public function getnumberAction() { //フォームの入力値取得 $id = $this->params()->fromPost( 'id' ); アクション② $number = $this->params()->fromPost( 'number' ); //インスタンス生成 $auth = new Captcha¥Image(); //表示時にセットした名前と同じもの $auth->setName('foo');

//認証(判定)処理 if( $auth->isValid( array('id' => $id, 'input' => $number) ) ){ $msg = "認証成功"; }else{ $msg = "認証失敗"; }

//結果データ作成 $data = array( 'msg' => $msg, 'input' => $number, 'id' => $id, 'imgurl' => $this->params()->fromPost( 'url' ) );

$view = new ViewModel($data);

Captcha 入力フォーム ">
フォームからの値入力

再表示

Captcha 出力フォームフォーム

認証結果：
ID ：
入力値：

">

再表示

認証結果：
ID ：
入力値：

">

再認証

再表示

>tree /F C:. └─view │ form.html ├─applicaon │ index.php │ ├─captcha │ │ │ getnumber.phtml ├─config │ │ revalid.phtml │ module.config.php │ │ semage.phtml │ │ │ ├ ├─src │ ─index │ └─Applicaon │ │ index.phtml │ └─Controller │ │ │ CaptchaController.php │ └─user │ IndexController.php │ kyoto.phtml │ UserController.php │ osaka.phtml │ │ tokyo.phtml └─view │ ├─error index.php とform.html は、 │ 404.phtml c:¥xampp¥htdocs¥ZendSkeleton へ │ index.phtml それ以外のディレクトは、 │ c:¥xampp¥ZendSkeleton¥module¥Application へ └─layout layout.phtml *オリジナルから変更なし

PHPフレームワーク入門 Zend Framework 2 コネクト株式会社 アジェンダ フレームワークとは ◦ MVC とは Zend Framework 2 入門 ◦ Zend Framework 2 のインストールと動作確認 ◦ Zend Framework 2 を使用したシンプルな例題

PHPフレームワーク入門 Zend Framework 2 コネクト株式会社アジェンダフレームワークとは ◦ MVC とは Zend Framework 2 入門 ◦ Zend Framework 2 のインストールと動作確認 ◦ Zend Framework 2 を使用したシンプルな例題