> ## Documentation Index
> Fetch the complete documentation index at: https://developer.plugchoice.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Peblar

> Add Peblar chargers from their card: the phone joins the charger's own hotspot and configures it.

export const Screen = ({name, alt, caption, wide = false}) => {
  const style = wide ? {
    width: '100%'
  } : {
    width: '280px',
    maxWidth: '100%'
  };
  return <figure style={{
    margin: '1.5rem 0',
    textAlign: 'center'
  }}>
      <img className="block dark:hidden" src={`/images/sdk/${name}-light.webp`} alt={alt} style={{
    ...style,
    margin: '0 auto',
    borderRadius: '12px',
    border: '1px solid rgba(128, 128, 128, 0.25)'
  }} />
      <img className="hidden dark:block" src={`/images/sdk/${name}-dark.webp`} alt={alt} style={{
    ...style,
    margin: '0 auto',
    borderRadius: '12px',
    border: '1px solid rgba(128, 128, 128, 0.25)'
  }} />
      {caption ? <figcaption style={{
    marginTop: '0.5rem',
    fontSize: '0.875rem',
    opacity: 0.7
  }}>{caption}</figcaption> : null}
    </figure>;
};

Link sets up a Peblar charger from the card that came with it. The phone joins the charger's own Wi-Fi hotspot, signs in to the charger, and points it at Plugchoice. Your user stays near the charger while it's set up.

| | |
| - | - |
| Models | Peblar chargers with a commissioning card |
| Onboarding method | `local_hotspot` (or `manual_ocpp`, by hand) |
| What the phone needs | `wifi`, `http`, `socket` |
| In a browser | By hand only |

## Adding a charger

<Steps>
  <Step title="The card">
    The card has a **WLAN Login** QR code and a device password. Your user scans the WLAN Login code (not the Web App code) and types the password. They can also type the hotspot's details instead.

    <Screen name="peblar-card" alt="Find the charger's card: scan the WLAN Login code, then type the device password" />
  </Step>

  <Step title="The setup">
    The phone joins the charger's hotspot; your user taps **Join** when the phone asks. Link signs in to the charger, reads its settings, cards and charging history, and points it at Plugchoice, which restarts the charger. Before the hotspot closes, Link shows how the charger will reach the internet (Ethernet, Wi-Fi or mobile), and your user can connect it to a Wi-Fi network there. Then the phone returns to its own network.

    <Screen name="peblar-run" alt="Setting up your charger: the checklist for a Peblar" />
  </Step>

  <Step title="Online">
    Link waits until the charger connects to Plugchoice.
  </Step>
</Steps>

What to know:

* **Cards, history and the current operator come along.** Plugchoice imports the charger's cards and charging history. When the charger used another OCPP backoffice, Plugchoice keeps it connected alongside.
* **The right card.** Link checks that the charger it reaches matches the card.
* **No internet during the setup.** The phone is on the charger's hotspot for part of it, which has no internet. The SDK keeps the hosted flow working, and keeps the screen awake, because the hotspot drops when the phone locks.

## What your app needs

* **iOS**: the Hotspot Configuration and Access Wi-Fi Information entitlements and `NSLocalNetworkUsageDescription`. On iOS 18 and later, AccessorySetupKit asks once per charger instead of on every join. See [iOS](/sdk/ios).
* **Android**: the charger serves its setup over plain HTTP on its hotspot (`http://172.16.0.1`). Android blocks plain HTTP in release builds unless your network security configuration allows it. See [Android](/sdk/android).
* **React Native**: the config plugin sets up iOS; Android's network security configuration is yours to set. See [React Native](/sdk/react-native).

In a browser, Link can't join the hotspot, so it offers only setting the charger up [by hand](/sdk/chargers/other).


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.