---
title: 快速入门
slug: docs-ch
description: 快速掌握Back4app低代码平台，简化应用开发，集成Parse SDK并管理数据库、云代码及API。
image: https://www.back4app.com/_public/img/back4app-og.png
createdAt: 2024-01-16T19:22:06.326Z
---

Back4app 是一个低代码后端平台，简化了现代应用程序的构建。此指南将帮助您快速设置 Back4app 并开始保存数据。

## Back4app 主要特性

- 数据库（实时能力）
- 云代码功能
- API（GraphQL 和 REST）
- 文件存储
- 身份验证
- Web 部署
- 推送通知

## 5分钟快速入门

创建您的 Back4app 账户和第一个应用后，前往您的应用仪表板并在 <font color="#2166ae">`应用设置 -> 安全与密钥`</font>（查看下面的图片）。请注意，您始终需要两个密钥来连接 Back4app，一个是 <font color="#2166ae">`应用程序 ID`</font>, 另一个密钥根据您将使用的 <font color="#2166ae">`SDK`</font>。

![](https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/pGTX6D2rGm8Ohe9w99cin_app-settings.png)

### 1. 安装和配置 Parse SDK

要集成 Parse SDK，请按照以下一般步骤操作：

**安装 Parse SDK：**

- **JavaScript / Node.js**: `npm install parse --save`
- **React Native**: `npm install parse @react-native-async-storage/async-storage --save`, 然后运行 `cd ios && pod install`
- **Flutter**: 添加 `parse_server_sdk_flutter` 到 `pubspec.yaml`
- **Android (Java)：** 将您的应用的 `build.gradle` 添加到 `dependencies{}`:&#x20;

:::CodeblockTabs
build.gradle

```java
implementation "com.github.parse-community.Parse-SDK-Android:parse:latest_version"
```
:::

- **iOS (Swift)**: 安装 CocoaPods `(sudo gem install cocoapods)` 并将 Parse 添加到您的 `Podfile`

**使用您的应用程序 ID 和适当的密钥初始化 Parse SDK：**

```javascript
Parse.initialize('YOUR_APPLICATION_ID', 'YOUR_JAVASCRIPT_KEY');
Parse.serverURL = 'https://parseapi.back4app.com/';
```

*上面的示例适用于 JavaScript/Node.js。请根据您的平台进行相应调整。*

### 2. 在 Back4app 上保存数据

创建并保存一个示例对象以确认 SDK 已正确设置。使用下面的示例并将其调整为您的编程语言：

```javascript
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);
    }
}
```

保存后，您可以在 **App Dashboard** 上验证数据 Back4app。

### 3. 特定平台设置

**JavaScript - React / Angular**

- **安装** SDK: `npm install parse --save`
- 使用您的应用密钥和 Back4app 服务器 URL 进行初始化。

**Flutter**

1. 添加 `parse_server_sdk_flutter` 到你的 `pubspec.yaml:`

:::CodeblockTabs
pubspec.yaml

```yaml
dependencies:
  parse_server_sdk_flutter: ^latest_version
```
:::

&#x20;   2\.  **初始化** Parse 在 `main.dart:`

```dart
await Parse().initialize('YOUR_APPLICATION_ID', 'https://parseapi.back4app.com', clientKey: 'YOUR_CLIENT_KEY');
```

**Android (Kotlin/Java)**

- **包含** SDK 在 `build.gradle` 并在 `AndroidManifest.xml` 中配置网络权限
- **初始化** 在 `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()
);
```

**iOS (Swift)**

1. 将 `ParseSwift` 添加到您的项目中，使用 CocoaPods。
2. 在 `AppDelegate.swift:`

:::CodeblockTabs
AppDelegate.swift

```swift
let configuration = ParseClientConfiguration {
    $0.applicationId = "YOUR_APPLICATION_ID"
    $0.clientKey = "YOUR_CLIENT_KEY"
    $0.server = "https://parseapi.back4app.com"
}
Parse.initialize(with: configuration)
```
:::

**PHP**

1. **使用 Composer 安装 SDK**，通过创建一个 composer.json 文件，内容为:

:::CodeblockTabs
composer.json

```json
{
    "require": {
        "parse/php-sdk" : "1.6.*"
    }
}
```
:::

然后，运行 `composer.install`.

&#x20;   2\. **在你的 PHP 脚本中初始化** Parse:

```php
require 'vendor/autoload.php';
ParseClient::initialize('YOUR_APP_ID', 'YOUR_REST_KEY', 'YOUR_MASTER_KEY');
ParseClient::setServerURL('https://parseapi.back4app.com', '/');
```

&#x20;   3\. **在 PHP 中保存数据**:

:::CodeblockTabs
composer.json

```php
$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#)**

1. **通过 NuGet 包管理器在 Visual Studio 中安装** Parse SDK。
2. **在你的应用程序中初始化** Parse:

```csharp
ParseClient.Initialize(new ParseClient.Configuration {
    ApplicationId = "YOUR_APP_ID",
    Server = "https://parseapi.back4app.com",
    ClientKey = "YOUR_CLIENT_KEY"
});
```

&#x20;   3\. **保存数据** 在 C# 中:

```csharp
var player = new ParseObject("Player")
{
    ["name"] = "Alex",
    ["yearOfBirth"] = 1997,
    ["emailContact"] = "alex@email.com",
    ["attributes"] = new List<object> { "fast", "good endurance" }
};
await player.SaveAsync();
```

**REST API**

1. **通过 REST 保存数据** 发送 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":"alex@email.com", "attributes":["fast", "good endurance"]}' \
https://parseapi.back4app.com/classes/Player
```

### 4. 附加资源和示例

有许多示例应用程序和入门项目可以开始使用

- [ReactJS Slack 克隆](https://github.com/templates-back4app/react-js-slack-clone) - 一个使用实时、关系查询和身份验证的 React 模板。
- [Flutter 用户登录/注册](https://github.com/templates-back4app/flutter-user-signup) - 一个使用 <font color="#2166ae">`Parse.User`</font> 类的用户注册/登录 Flutter 模板。
- [React Native 关联](https://github.com/templates-back4app/react-native-js-associations)  - 一个关于 React Native 的模板，深入探讨关联和关系查询，使用 <font color="#2166ae">`指针`</font> 和<font color="#2166ae">`关系`</font>.
- [Flutter 文件存储](https://www.back4app.com/docs/flutter/parse-sdk/flutter-save-file)  - 从 Flutter 应用程序保存文件。
- [Kotlin-Android 上的 GeoPointers](https://github.com/templates-back4app/AndroidGeoLocationKotlin)  - 探索 Android 中的 GeoPointers。
- [Swift-iOS 的待办事项列表示例](https://github.com/templates-back4app/ios-template-todo-list)  - 一个 Swift 的待办事项列表示例。

在这里找到更多示例 [Back4app 模板。](https://github.com/templates-back4app)

## &#x20;接下来该做什么？

完成快速入门后，我们鼓励您通过以下指南探索 Back4app 的关键功能。您将学习如何存储和查询关系数据，实施云函数以处理后端逻辑，使用实时订阅保持用户更新，管理文件存储，发送推送通知，以及设置身份验证。选择最适合您项目的技术，享受这个旅程！

::::LinkArray
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/pEkmfq5PdkxC3lmfRzYsE_1.png"}
&#x20;       **[反应原生](https://www.back4app.com/docs/react-native/parse-sdk/react-native-sdk)**
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/tPONkoW1aPPhiAdTvbvrx_sem-nome-rectangle-sticker-landscape.png"}
**[Flutter](https://www.back4app.com/docs/flutter/parse-sdk/parse-flutter-sdk)**
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/vqJJw7ljIhPJ1Yfz7mD9n_3.png"}
[安卓 ](https://www.back4app.com/docs/android/android-project-with-source-code-download)
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/rzkB1YU-Feimt_SWfZUuC_4.png"}
[iOS](https://www.back4app.com/docs/ios/ios-app-template)
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/GsQE6ru-jj2rRbUt7P3Tr_5.png"}
**[JavaScript](https://www.back4app.com/docs/javascript/parse-javascript-sdk)**
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/35IqTes9QhdmijlReYBYZ_6.png"}
[图形查询语言](https://www.back4app.com/docs/parse-graphql/graphql-getting-started)
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/D4RecbrtvjfbKUfb4yRbP_7.png"}
[离子](https://www.back4app.com/docs/js-framework/ionic/ionic-template)
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/yOia2J8LzE-r1WSHQ7ZSQ_8.png"}
[Xamarin](https://www.back4app.com/docs/xamarin/xamarin-templates)
:::
::::

