Programação Web II Prof: Eldade Bondo

Laboratorio 1

1-Preparação do ambiente de desenvolvimento. Instalação do VsCode, composer, xampp ou

wampp.

2-Criar uma pasta com o nome socialapp em C:\xampp\htdocs\www.

3-Abrir a pasta no Vscode, abrir a terminal e digitar o seguinte codigo: composer init
Preencher com os dados que lhe forem solicitados.
Este processo lhe permitirá criar os namespaces, para facilitar a comunicação entre os ficheiros.
Se tudo sair como o desejado, teremos criado as pastas src,vendor e o ficheiro composer.json

4- Procederemos a instalação de um modulo de routers, para manajar as rotas da aplicação.

Para tal, se deve executar o seguinte comando na mesma terminal:
composer require bramus/router

5-Vamos proceder a configuração da base de dados, para tal inicializamos o servidor, abrimos o
phpmyadmin. Criamos um base de dados com o nome socialapp , posteriormente a tabela
users(user_id, username, password, image).

6- Para armazenar as imagens, criaremos as seguintes pastas na raíz do projecto :

public/img/photos. Também criamos um ficheiro com o nome .htaccess (serve para reescrever
a forma que o apache interpretará as rotas ou direções no navegador).
Dentro do ficheiro .htaccess colocamos o seguinte fragmento de codigo:
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . index.php [L]
Aqui estamos dizendo que todas as solicitações passarão sobre o ficheiro index.php.

7- Procedemos a criação do ficheiro index.php na raiz do projecto, e colocamos o seguinte

fragmento de código:
<?php
error_reporting(E_ALL); // Error/Exception engine, always use E_ALL

ini_set('ignore_repeated_errors', TRUE); // always use TRUE

Programação Web II Prof: Eldade Bondo

Laboratorio 1

ini_set('display_errors', FALSE); // Error/Exception display, use FALSE only in

production environment or real server. Use TRUE in development environment

ini_set('log_errors', TRUE); // Error/Exception file logging engine.

ini_set("error_log", "php-error.log");
error_log( "Hello, errors!" );

require 'vendor/autoload.php';
require 'src/lib/routes.php';

8- O namespace é a localização virtual de um de um ficheiro, para modificar as iniciais,

modificamos os ficheiros vendor/composer/autoload_psr4.php e composer.json.

9- Criaremos o ficheiro routes.php dentro da pasta src/lib. Utilizar o recurso da pasta de materiais,
para a programação do mesmo.

10- Instalar o .env usando o seguinte comando: composer require vlucas/phpdotenv .

Criar uma pasta src/config, posteriormente criar o ficheiro denominado .env, adicionar o seguinte
fragmento de código:
HOST =localhost
DB =socialapp
USER =root
PASSWORD =
CHARSET =utf8mb4

Assim definimos os parametros da base de dados, posteriormente usaremos no ficheiro de

conexão.
No ficheiro de rotas, descomentar o fragmento relacionado ao dotenv. Você pode testar
que tudo está funcionando corretamento usando o seguinte em routes.php:

$router->get('/testedotenv', function() {
echo $ENV['DB'];
});
Programação Web II Prof: Eldade Bondo

Laboratorio 1

11- Em src/lib criamos um ficheiro chamado View.php com o seguinte fragmento:

<?php
namespace EldadeBondo\Myblog\lib; // modificar pelo teu namespace
class View{
function __construct(){
}
function render($nome, $data = []){
$this->d = $data;
require 'src/views/' . $nome . '.php';
}
}
?>

Nos permitirá renderizar as páginas, com dados passados por parametros.

12- Em src/lib criamos um ficheiro chamado Controller.php cole o codigo do ficheiro

Controller.php.

13- Em src/lib cole o ficheiro com o nome Database.php, modifique adaptando segundo o teu
projecto.

14- Em src/lib cole o ficheiro com o nome Model.php, modifique adaptando segundo o teu
projecto.

15- Em src/lib cole o ficheiro com o nome UtilImages.php, modifique adaptando segundo o teu
projecto.

16- Em crie src/controller , src/model e src/views posteriormente cole todos os ficheiros

relacionados a eles.

OBS: Para todos ficheiros desde o passo 11 é necessário verificar se os namespace esta
escrito de forma correcta, segundo o que você definio anteriormente.

Se conseguiu cadastrar um usuário e fazer o login, parabéns.