TP4 – Manipulation d’une plateforme Cloud PaaS :
Création et hébergement d’un site web
Étape 1 : Créer un compte InfinityFree
1. Accédez au site : InfinityFree. : [Link]
2. Inscrivez-vous : Cliquez sur Sign Up Now et remplissez le formulaire.
3. Vérifiez votre email : Activez votre compte via le lien envoyé par email.
Étape 2 : Créer un site web
1. Connectez-vous à votre tableau de bord.
2. Créez un compte d’hébergement :
o Cliquez sur Create Account.
o Choisissez un sous-domaine gratuit ou utilisez un domaine que vous
possédez.
3. Attendez l’activation de votre hébergement.
Étape 3 : Configurer une base de données MySQL
1. Dans le cPanel, localisez la section Databases.
2. Cliquez sur MySQL Databases.
Étape 3 : Créer une base de données
1. Nom de la base de données :
o Entrez un nom unique pour votre base de données. Par exemple, my_database.
2. Cliquez sur "Create Database" :
o InfinityFree génère automatiquement les informations suivantes :
Nom de la base : format epiz_xxxxx_my_database.
Nom d’utilisateur : format epiz_xxxxx.
Mot de passe : celui utilisé lors de la création du compte ou changeable
dans les paramètres.
Étape 4 : Gérer la base via phpMyAdmin
1. Retournez dans le cPanel et cliquez sur phpMyAdmin sous la section Databases.
2. Choisissez votre base de données :
o Une nouvelle fenêtre s'ouvrira vous permettant de gérer votre base.
3. Créer une table pour stocker vos données :
o Cliquez sur le nom de votre base.
o Cliquez sur New pour ajouter une table.
o Entrez un nom de table, par exemple users, et spécifiez les colonnes :
id : INT, AUTO_INCREMENT, PRIMARY KEY.
name : VARCHAR(255).
email : VARCHAR(255).
o Cliquez sur Save.
Étape 5 : Tester la connexion
Pour vérifier que tout fonctionne, vous pouvez exécuter une requête de test dans
phpMyAdmin :
1. Allez dans SQL.
2. Entrez la requête suivante :
sql
Copier le code
INSERT INTO users (name, email) VALUES ('Test User',
'test@[Link]');
3. Cliquez sur Go pour exécuter la requête.
Vérifiez ensuite que les données apparaissent en cliquant sur le nom de la table users dans le
panneau latéral.
Étape 4 : Développer un formulaire HTML
1. Créez un fichier [Link] :
html
Copier le code
<form action="save_data.php" method="POST">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required><br>
<input type="submit" value="Submit">
</form>
Étape 5 : Sauvegarder les données dans la base (PHP)
1. Créez un fichier save_data.php :
php
Copier le code
<?php
$servername = "[Link]"; // Remplacez par votre serveur
MySQL
$username = "your_username"; // Nom d'utilisateur MySQL
$password = "your_password"; // Mot de passe
$dbname = "your_database"; // Nom de la base
// Créer connexion
$conn = new mysqli($servername, $username, $password, $dbname);
// Vérifier connexion
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
// Insérer les données
$name = $_POST['name'];
$email = $_POST['email'];
$sql = "INSERT INTO users (name, email) VALUES ('$name', '$email')";
if ($conn->query($sql) === TRUE) {
echo "New record created successfully";
} else {
echo "Error: " . $sql . "<br>" . $conn->error;
}
$conn->close();
?>
Étape 6 : Déployer les fichiers sur InfinityFree
1. Allez dans le cPanel, puis cliquez sur File Manager.
2. Téléversez les fichiers :
o Déposez [Link] et save_data.php dans le dossier htdocs.
Étape 7 : Tester le formulaire
1. Accédez à votre sous-domaine.
2. Ouvrez [Link], remplissez les champs, et soumettez le formulaire.
3. Vérifiez que les données sont bien sauvegardées en accédant à votre base via
phpMyAdmin dans cPanel.
Remarque
Assurez-vous que la table users existe dans votre base avec les colonnes name et email.
Vous pouvez créer cette table via phpMyAdmin avec la requête suivante :
sql
Copier le code
CREATE TABLE users (
id INT AUTO_INCREMENT PRIMARY KEY,
name VARCHAR(255) NOT NULL,
email VARCHAR(255) NOT NULL
);
Ceci complète votre configuration pour héberger un site avec formulaire et sauvegarde dans
une base de données.
