Get started
Intégration rapide de Back4app: Guide Développeur Low-code

18min
Back4app est une plateforme backend low-code qui simplifie la création d'applications modernes. Ce guide vous aidera à configurer rapidement Back4app et à commencer à enregistrer des données.
Principales fonctionnalités de Back4app
Base de données (capacité en temps réel)
Fonctions Cloud Code
APIs (GraphQL et REST)
Stockage de fichiers
Authentification
Déploiement Web
Notifications Push
Démarrage rapide en 5 minutes
Après avoir créé votre compte Back4app et votre première application, allez sur votre tableau de bord d'application et obtenez vos clés d'application sous Paramètres de l'application -> Sécurité & Clés(voir l'image ci-dessous). Notez que vous aurez toujours besoin de deux clés pour vous connecter à Back4app, le ID d'application, et une autre clé selon le SDK que vous utiliserez.
﻿
1. Installer et configurer le SDK Parse
Pour intégrer le SDK Parse, suivez ces étapes générales :
Installez le SDK Parse :
JavaScript / Node.js: npm install parse --save
React Native: npm install parse @react-native-async-storage/async-storage --save, puis exécutez cd ios && pod install
Flutter: Ajoutez parse_server_sdk_flutter à pubspec.yaml
Android (Java) : Ajoutez le build.gradle de votre application dans dependencies{}: 
build.gradle
implementation "com.github.parse-community.Parse-SDK-Android:parse:latest_version"
implementation "com.github.parse-community.Parse-SDK-Android:parse:latest_version"
﻿
iOS (Swift): Installez CocoaPods (sudo gem install cocoapods) et ajoutez Parse à votre Podfile
Initialisez le SDK Parse avec votre ID d'application et la clé appropriée :
JS
Parse.initialize('YOUR_APPLICATION_ID', 'YOUR_JAVASCRIPT_KEY');
Parse.serverURL = 'https://parseapi.back4app.com/';
Parse.initialize('YOUR_APPLICATION_ID', 'YOUR_JAVASCRIPT_KEY');
Parse.serverURL = 'https://parseapi.back4app.com/';
﻿
L'exemple ci-dessus est pour JavaScript/Node.js. Ajustez en conséquence pour votre plateforme.
2. Enregistrer des données sur Back4app
Créez et enregistrez un objet d'exemple pour confirmer que le SDK est correctement configuré. Utilisez l'exemple ci-dessous et adaptez-le à votre langage de programmation :
JS
async function saveNewPlayer() {
    const player = new Parse.Object('Player');
    player.set('name', 'Alex');
    player.set('yearOfBirth', 1997);
    player.set('emailContact', '[email protected]');
    player.set('attributes', ['fast', 'good endurance']);
    
    try {
        const result = await player.save();
        console.log('New object created with ID:', result.id);
    } catch (error) {
        console.error('Failed to save object:', error.message);
    }
}
async function saveNewPlayer() {
    const player = new Parse.Object('Player');
    player.set('name', 'Alex');
    player.set('yearOfBirth', 1997);
    player.set('emailContact', 'alex@email.com');
    player.set('attributes', ['fast', 'good endurance']);
    
    try {
        const result = await player.save();
        console.log('New object created with ID:', result.id);
    } catch (error) {
        console.error('Failed to save object:', error.message);
    }
}
﻿
Après l'enregistrement, vous pouvez vérifier les données dans le Tableau de bord de l'application sur Back4app.
3. Configuration spécifique à la plateforme
JavaScript - React / Angular
Installez le SDK : npm install parse --save
Initialisez avec vos clés d'application et l'URL du serveur Back4app.
Flutter
Ajouter parse_server_sdk_flutter dans votre pubspec.yaml:
pubspec.yaml
dependencies:
  parse_server_sdk_flutter: ^latest_version
dependencies:
  parse_server_sdk_flutter: ^latest_version
﻿
    2.  Initialiser Parse dans main.dart:
Dart
await Parse().initialize('YOUR_APPLICATION_ID', 'https://parseapi.back4app.com', clientKey: 'YOUR_CLIENT_KEY');
await Parse().initialize('YOUR_APPLICATION_ID', 'https://parseapi.back4app.com', clientKey: 'YOUR_CLIENT_KEY');
﻿
Android (Kotlin/Java)
Inclure le SDK dans build.gradle et configurer les permissions réseau dans AndroidManifest.xml
Initialiser dans App.kt:
Kotlin
Parse.initialize(new Parse.Configuration.Builder(this)
    .applicationId(getString(R.string.back4app_app_id))
    .clientKey(getString(R.string.back4app_client_key))
    .server(getString(R.string.back4app_server_url))
    .build()
);
Parse.initialize(new Parse.Configuration.Builder(this)
    .applicationId(getString(R.string.back4app_app_id))
    .clientKey(getString(R.string.back4app_client_key))
    .server(getString(R.string.back4app_server_url))
    .build()
);
﻿
iOS (Swift)
Ajoutez ParseSwift à votre projet en utilisant CocoaPods.
Initialisez Parse dans AppDelegate.swift:
AppDelegate.swift
let configuration = ParseClientConfiguration {
    $0.applicationId = "YOUR_APPLICATION_ID"
    $0.clientKey = "YOUR_CLIENT_KEY"
    $0.server = "https://parseapi.back4app.com"
}
Parse.initialize(with: configuration)
let configuration = ParseClientConfiguration {
    $0.applicationId = "YOUR_APPLICATION_ID"
    $0.clientKey = "YOUR_CLIENT_KEY"
    $0.server = "https://parseapi.back4app.com"
}
Parse.initialize(with: configuration)
﻿
PHP
Installez le SDK avec Composer en créant un composer.json avec:
composer.json
{
    "require": {
        "parse/php-sdk" : "1.6.*"
    }
}
{
    "require": {
        "parse/php-sdk" : "1.6.*"
    }
}
﻿
Ensuite, exécutez composer.install.
    2. Initialiser Parse dans votre script PHP :
PHP
require 'vendor/autoload.php';
ParseClient::initialize('YOUR_APP_ID', 'YOUR_REST_KEY', 'YOUR_MASTER_KEY');
ParseClient::setServerURL('https://parseapi.back4app.com', '/');
require 'vendor/autoload.php';
ParseClient::initialize('YOUR_APP_ID', 'YOUR_REST_KEY', 'YOUR_MASTER_KEY');
ParseClient::setServerURL('https://parseapi.back4app.com', '/');
﻿
    3. Enregistrer les données en PHP :
composer.json
$player = new ParseObject("Player");
$player->set("name", "Alex");
$player->set("yearOfBirth", 1997);
$player->set("emailContact", "[email protected]");
$player->setArray("attributes", ["fast", "good endurance"]);
$player->save();
$player = new ParseObject("Player");
$player->set("name", "Alex");
$player->set("yearOfBirth", 1997);
$player->set("emailContact", "alex@email.com");
$player->setArray("attributes", ["fast", "good endurance"]);
$player->save();
﻿
.NET (C#)
Installer le SDK Parse via le gestionnaire de packages NuGet dans Visual Studio.
Initialiser Parse dans votre application :
C#
ParseClient.Initialize(new ParseClient.Configuration {
    ApplicationId = "YOUR_APP_ID",
    Server = "https://parseapi.back4app.com",
    ClientKey = "YOUR_CLIENT_KEY"
});
ParseClient.Initialize(new ParseClient.Configuration {
    ApplicationId = "YOUR_APP_ID",
    Server = "https://parseapi.back4app.com",
    ClientKey = "YOUR_CLIENT_KEY"
});
﻿
    3. Sauvegarder des données en C#:
C#
var player = new ParseObject("Player")
{
    ["name"] = "Alex",
    ["yearOfBirth"] = 1997,
    ["emailContact"] = "[email protected]",
    ["attributes"] = new List<object> { "fast", "good endurance" }
};
await player.SaveAsync();
var player = new ParseObject("Player")
{
    ["name"] = "Alex",
    ["yearOfBirth"] = 1997,
    ["emailContact"] = "alex@email.com",
    ["attributes"] = new List<object> { "fast", "good endurance" }
};
await player.SaveAsync();
﻿
API REST
Sauvegarder des données via REST en envoyant une requête POST:
Bash
curl -X POST \
-H "X-Parse-Application-Id: YOUR_APP_ID" \
-H "X-Parse-REST-API-Key: YOUR_REST_KEY" \
-H "Content-Type: application/json" \
-d '{"name":"Alex", "yearOfBirth":1997, "emailContact":"[email protected]", "attributes":["fast", "good endurance"]}' \
https://parseapi.back4app.com/classes/Player
curl -X POST \
-H "X-Parse-Application-Id: YOUR_APP_ID" \
-H "X-Parse-REST-API-Key: YOUR_REST_KEY" \
-H "Content-Type: application/json" \
-d '{"name":"Alex", "yearOfBirth":1997, "emailContact":"alex@email.com", "attributes":["fast", "good endurance"]}' \
https://parseapi.back4app.com/classes/Player
﻿
4. Ressources et exemples supplémentaires
Il existe de nombreuses applications d'exemple et projets de démarrage pour commencer
﻿Clone Slack ReactJS - Un modèle React utilisant des requêtes relationnelles en temps réel et une authentification.
﻿Connexion/Inscription Utilisateur Flutter - Un modèle d'inscription/connexion utilisateur Flutter utilisant Parse.User classe.
﻿Associations React Native  - Un modèle sur React Native approfondissant les associations et les requêtes relationnelles utilisant Pointeurs etRelations.
﻿Stockage de Fichiers Flutter  - Sauvegarder des fichiers depuis une application Flutter.
﻿GeoPointers sur Kotlin-Android  - Exploration des GeoPointers dans Android.
﻿Exemple de Liste de Tâches en Swift-iOS  - Un exemple de Liste de Tâches en Swift.
Trouvez plus d'exemples dans Modèles Back4app.﻿
 Que faire ensuite ?
Après avoir terminé le démarrage rapide, nous vous encourageons à explorer les fonctionnalités clés de Back4app à travers les guides ci-dessous. Vous apprendrez à stocker et interroger des données relationnelles, à implémenter des fonctions cloud pour la logique backend, à utiliser des abonnements en temps réel pour tenir les utilisateurs informés, à gérer le stockage de fichiers, à envoyer des notifications push et à configurer l'authentification. Sélectionnez la technologie qui convient le mieux à votre projet et profitez du voyage !
        React Native﻿
﻿Flutter﻿
﻿Android ﻿
﻿iOS﻿
﻿Javascript﻿
﻿GraphQL﻿
﻿Ionic﻿
﻿Xamarin﻿
﻿
Mis à jour 27 Jan 2025
Cette page vous a-t-elle aidée?
Guide technique: Créer une app Parse avec Back4App