<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- Always force latest IE rendering engine or request Chrome Frame -->
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Use title if it's in the page YAML frontmatter -->
<title>Start a New Zend Framework 2 Project</title>
<link href="/dashboard/stylesheets/normalize.css" rel="stylesheet" type="text/css" /><link href="/dashboard/stylesheets/all.css" rel="stylesheet" type="text/css" />
<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/3.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<script src="/dashboard/javascripts/modernizr.js" type="text/javascript"></script>
<link href="/dashboard/images/favicon.png" rel="icon" type="image/png" />
</head>
<body class="docs docs_create-framework-project-zf2">
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=277385395761685";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="contain-to-grid">
<nav class="top-bar" data-topbar>
<ul class="title-area">
<li class="name">
<h1><a href="/dashboard/index.html">Apache Friends</a></h1>
</li>
<li class="toggle-topbar menu-icon">
<a href="#">
<span>Menu</span>
</a>
</li>
</ul>
<section class="top-bar-section">
<!-- Right Nav Section -->
<ul class="right">
<li class=""><a href="/applications.html">Applications</a></li>
<li class=""><a href="/dashboard/faq.html">FAQs</a></li>
<li class="active"><a href="/dashboard/howto.html">HOW-TO Guides</a></li>
<li class=""><a target="_blank" href="/dashboard/phpinfo.php">PHPInfo</a></li>
<li class=""><a href="/phpmyadmin/">phpMyAdmin</a></li>
</ul>
</section>
</nav>
</div>
<div id="wrapper">
<div class="hero">
<div class="row">
<div class="large-12 columns">
<h1>Documentation</h1>
</div>
</div>
</div>
<div class="row">
<div class="large-12 columns">
<ul class="sub-nav">
<li>
<a class="pdf" target="_blank" href="/dashboard/docs/create-framework-project-zf2.pdf"> Download PDF
<span>create-framework-project-zf2.pdf</span>
</a> </li>
</ul>
<article class="asciidoctor">
<h1>Start a New Zend Framework 2 Project</h1>
<div class="paragraph">
<p>XAMPP makes it easy to start developing with PHP, and <a href="http://framework.zend.com/">Zend Framework 2</a> is one of the most popular PHP development frameworks. This guide walks you through the process of initializing a new Zend Framework 2 project with XAMPP.</p>
</div>
<div class="admonitionblock note">
<table>
<tr>
<td class="icon">
<i class="fa icon-note" title="Note"></i>
</td>
<td class="content">
This guide uses the command-line git client for Linux. If you don’t already have this, you can install it easily by running the command <em>sudo apt-get install git</em> or <em>sudo yum install git</em> from your Linux terminal. It also assumes that the new Zend Framework 2 application will be accessible at the URL <a href="http://localhost/myapp/" class="bare">http://localhost/myapp/</a>.
</td>
</tr>
</table>
</div>
<div class="paragraph">
<p>Follow these steps:</p>
</div>
<div class="olist arabic">
<ol class="arabic">
<li>
<p>Open a new Linux terminal and ensure you are logged in as root.</p>
</li>
<li>
<p>Within your XAMPP installation directory (usually <em>/opt/lampp</em>), create a new directory named <em>apps/</em> (if it doesn’t already exist). Then, within this new <em>apps/</em> directory, create a directory to hold your Zend Framework 2 application and its related XAMPP configuration files. In this case, call the directory <em>myapp/</em>.</p>
<div class="literalblock">
<div class="content">
<pre>cd /opt/lampp
mkdir apps
mkdir apps/myapp</pre>
</div>
</div>
</li>
<li>
<p>Clone the Zend Framework 2 sample application repository to the <em>myapp/</em> directory using <em>git</em>.</p>
<div class="literalblock">
<div class="content">
<pre>cd /opt/lampp/apps/myapp
git clone git://github.com/zendframework/ZendSkeletonApplication.git</pre>
</div>
</div>
<div class="imageblock">
<div class="content">
<img src="./images/create-framework-project-zf2/image1.png" alt="image1">
</div>
</div>
<div class="paragraph">
<p>This will produce a <em>ZendSkeletonApplication/</em> subdirectory in the <em>myapp/</em> directory. Rename this newly-created subdirectory to <em>htdocs</em>.</p>
</div>
<div class="literalblock">
<div class="content">
<pre>cd /opt/lampp/apps/myapp/
mv ZendSkeletonApplication htdocs</pre>
</div>
</div>
<div class="admonitionblock note">
<table>
<tr>
<td class="icon">
<i class="fa icon-note" title="Note"></i>
</td>
<td class="content">
This will be the main working directory for your Zend Framework 2 project.
</td>
</tr>
</table>
</div>
</li>
<li>
<p>Change to the <em>myapp/htdocs/</em> directory and run the following commands to update <a href="https://getcomposer.org/">Composer</a> (the PHP dependency manager) and install the Zend Framework 2 components.</p>
<div class="literalblock">
<div class="content">
<pre>cd /opt/lampp/apps/myapp/htdocs
/opt/lampp/bin/php composer.phar self-update
/opt/lampp/bin/php composer.phar install</pre>
</div>
</div>
<div class="paragraph">
<p>In case you encounter SSL errors when running the above commands, use the following command to let PHP know where to find your system’s SSL certificates, then try again.</p>
</div>
<div class="literalblock">
<div class="content">
<pre>export SSL_CERT_DIR=/etc/ssl/certs</pre>
</div>
</div>
<div class="paragraph">
<p>Here’s an example of what you might see as Composer downloads and installs dependencies.</p>
</div>
<div class="imageblock">
<div class="content">
<img src="./images/create-framework-project-zf2/image2.png" alt="image2">
</div>
</div>
</li>
<li>
<p>Next, within the <em>myapp/</em> directory, create a new conf/ subdirectory.</p>
<div class="literalblock">
<div class="content">
<pre>cd /opt/lampp/apps/myapp
mkdir conf</pre>
</div>
</div>
<div class="olist loweralpha">
<ol class="loweralpha" type="a">
<li>
<p>Within the new <em>conf</em>/ subdirectory, use your text editor to create and populate a file named <em>httpd-prefix.conf</em> with the following content:</p>
<div class="literalblock">
<div class="content">
<pre>Alias /myapp/ "/opt/lampp/apps/myapp/htdocs/public/"
Alias /myapp "/opt/lampp/apps/myapp/htdocs/public"
Include "/opt/lampp/apps/myapp/conf/httpd-app.conf"</pre>
</div>
</div>
</li>
<li>
<p>Within the <em>conf/</em> subdirectory, also create and populate a file named <em>httpd-app.conf</em> with the following content:</p>
<div class="literalblock">
<div class="content">
<pre><Directory /opt/lampp/apps/myapp/htdocs/public>
Options +FollowSymLinks
AllowOverride All
Require all granted
</Directory></pre>
</div>
</div>
</li>
</ol>
</div>
</li>
<li>
<p>Edit the <em>httpd-xampp.conf</em> file in the <em>etc/extra/</em> subdirectory of your XAMPP installation directory and add the following line at the end to include the <em>httpd-prefix.conf</em> created earlier.</p>
<div class="literalblock">
<div class="content">
<pre>Include "/opt/lampp/apps/myapp/conf/httpd-prefix.conf"</pre>
</div>
</div>
<div class="admonitionblock note">
<table>
<tr>
<td class="icon">
<i class="fa icon-note" title="Note"></i>
</td>
<td class="content">
Remember to update the above file and directory paths so that they’re valid for your system.
</td>
</tr>
</table>
</div>
</li>
<li>
<p>Check that you have a directory structure like this:</p>
<div class="imageblock">
<div class="content">
<img src="./images/create-framework-project-zf2/image3.png" alt="image3">
</div>
</div>
</li>
<li>
<p>Restart the Apache server using the XAMPP control panel.</p>
</li>
<li>
<p>You should now be able to access the Zend Framework 2 skeleton application by browsing to <a href="http://localhost/myapp" class="bare">http://localhost/myapp</a>. Here is an example of the default welcome page you should see:</p>
<div class="imageblock">
<div class="content">
<img src="./images/create-framework-project-zf2/image4.png" alt="image4">
</div>
</div>
</li>
</ol>
</div>
<div class="paragraph">
<p>You can now begin developing your Zend Framework 2 application by modifying the skeleton application code. For more information, <a href="http://framework.zend.com/manual/2.3/en/user-guide/overview.html">refer to the Zend Framework 2 User Guide</a>.</p>
</div>
</article>
</div>
</div>
</div>
<footer>
<div class="row">
<div class="large-12 columns">
<div class="row">
<div class="large-8 columns">
<ul class="social">
<li class="twitter"><a href="https://twitter.com/apachefriends">Follow us on Twitter</a></li>
<li class="facebook"><a href="https://www.facebook.com/we.are.xampp">Like us on Facebook</a></li>
<li class="google"><a href="https://plus.google.com/+xampp/posts">Add us to your G+ Circles</a></li>
</ul>
<ul class="inline-list">
<li><a href="https://www.apachefriends.org/blog.html">Blog</a></li>
<li><a href="https://www.apachefriends.org/privacy_policy.html">Privacy Policy</a></li>
<li>
<a target="_blank" href="http://www.fastly.com/"> CDN provided by
<img width="48" data-2x="/dashboard/images/fastly-logo@2x.png" src="/dashboard/images/fastly-logo.png" />
</a> </li>
</ul>
</div>
<div class="large-4 columns">
<p class="text-right">Copyright (c) 2015, Apache Friends</p>
</div>
</div>
</div>
</div>
</footer>
<!-- JS Libraries -->
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="/dashboard/javascripts/all.js" type="text/javascript"></script>
</body>
</html>
y~or5J ={Eeu磝Qk ᯘG{?+]ן?wM3X^歌>{7پK>on\jy R g/=fOroNVv~Y+ NGuÝHWyw[eQʨSb> >}Gmx[o[<{Ϯ_qF vM IENDB`
