Overzicht
Je React Native app publiceren betekent dat gebruikers hem kunnen downloaden van de App Store (iOS) of Google Play Store (Android).
Wat heb je nodig?
- Apple Developer Account: $99/jaar voor iOS apps
- Google Play Developer Account: Eenmalige betaling van $25 voor Android apps
- Expo Account: Gratis (voor EAS Build)
- App Icon: 1024x1024 pixels
- Screenshots: Voor de store listing
Let op: Het publicatieproces kan 1-7 dagen duren voor iOS (review) en enkele uren voor Android!
Voorbereiding
1. App Icon Toevoegen
Zet je app icon (1024x1024 PNG) in de assets folder.
// app.json
{
"expo": {
"name": "Mijn Geweldige App",
"slug": "mijn-app",
"version": "1.0.0",
"icon": "./assets/icon.png",
"splash": {
"image": "./assets/splash.png",
"resizeMode": "contain",
"backgroundColor": "#ffffff"
}
}
}
2. App Configuratie
// app.json
{
"expo": {
"name": "Mijn App",
"slug": "mijn-app",
"version": "1.0.0",
"orientation": "portrait",
"ios": {
"bundleIdentifier": "com.jouwbedrijf.mijnapp",
"buildNumber": "1.0.0"
},
"android": {
"package": "com.jouwbedrijf.mijnapp",
"versionCode": 1,
"adaptiveIcon": {
"foregroundImage": "./assets/adaptive-icon.png",
"backgroundColor": "#ffffff"
}
}
}
}
3. Privacy Policy (verplicht!)
Maak een privacy policy en host deze online. Voeg de URL toe:
// app.json
{
"expo": {
"privacy": "public",
"privacyPolicy": "https://jouwwebsite.com/privacy"
}
}
App Builden met EAS
EAS (Expo Application Services) is de gemakkelijkste manier om je app te builden.
1. EAS CLI Installeren
npm install -g eas-cli
2. Inloggen bij Expo
eas login
3. Project Configureren
eas build:configure
4. Build Maken
# Voor iOS
eas build --platform ios
# Voor Android
eas build --platform android
# Voor beide
eas build --platform all
Build types:
- Development: Voor testen op je apparaat
- Preview: Voor internal testing
- Production: Voor de App Store / Play Store
5. Build Volgen
Je kunt de build status volgen op:
https://expo.dev/accounts/[jouw-account]/projects/[jouw-app]/builds
iOS App Store Publicatie
Vereisten
- Apple Developer Account ($99/jaar)
- Mac computer (voor finale stappen)
- App Store Connect toegang
Stap 1: Build Downloaden
# Download IPA file na succesvolle build
eas build:list
Stap 2: App Store Connect
- Ga naar App Store Connect
- Klik op "My Apps"
- Klik op het + icon → "New App"
- Vul app informatie in:
- Platform: iOS
- Name: Je app naam
- Primary Language: Dutch
- Bundle ID: com.jouwbedrijf.mijnapp
- SKU: Unieke identifier
Stap 3: App Informatie
Vul de volgende informatie in:
- Screenshots: Minimaal 1 per formaat (gebruik iPhone 13 Pro Max)
- Description: Beschrijving van je app
- Keywords: Zoekwoorden (max 100 characters)
- Support URL: Link naar support pagina
- Privacy Policy URL: Verplicht!
Stap 4: Upload Build
# Met EAS Submit
eas submit --platform ios
Of handmatig via Transporter app op je Mac.
Stap 5: Submit voor Review
- Selecteer je build in App Store Connect
- Vul Export Compliance in (meestal "No")
- Klik op "Submit for Review"
- Wacht op Apple's review (1-7 dagen)
Review Tips:
- Zorg dat je app volledig functioneel is
- Geen placeholder content
- Privacy policy moet kloppen
- Test je app grondig voordat je submit
Google Play Store Publicatie
Vereisten
- Google Play Developer Account ($25 eenmalig)
- Privacy policy URL
- App icon en screenshots
Stap 1: Build Maken
# Maak production build
eas build --platform android
Stap 2: Google Play Console
- Ga naar Google Play Console
- Klik op "Create app"
- Vul app informatie in:
- App name: Je app naam
- Default language: Dutch
- App or Game: App
- Free or Paid: Free/Paid
Stap 3: App Content
Vul de volgende secties in:
- Privacy Policy: URL naar je privacy policy
- App Access: Is je app gratis toegankelijk?
- Ads: Bevat je app advertenties?
- Content Rating: Vul vragenlijst in
- Target Audience: Voor welke leeftijd?
Stap 4: Store Listing
Maak je store listing:
- Short description: Max 80 characters
- Full description: Max 4000 characters
- App icon: 512x512 PNG
- Screenshots: Minimaal 2, max 8 (telefoon)
- Feature graphic: 1024x500 (optioneel maar aanbevolen)
Stap 5: Upload AAB File
# Met EAS Submit
eas submit --platform android
Of upload handmatig in Google Play Console → Production → Create new release.
Stap 6: Publish
- Review je app listing
- Klik op "Send for Review"
- Wacht op goedkeuring (enkele uren tot dagen)
Android is sneller! Google Play review is meestal binnen 24 uur klaar, veel sneller dan iOS.
OTA Updates (Over-The-Air)
Met Expo kun je updates versturen zonder nieuwe app versie te submitten!
Update Publiceren
# Publiceer update
eas update --branch production --message "Bug fixes"
Hoe werkt het?
OTA Updates:
- Gebruikers krijgen automatisch de update bij app start
- Alleen JavaScript/React code wordt geupdate
- Native code wijzigingen vereisen een nieuwe build
- Updates zijn binnen enkele minuten live
Wanneer Nieuwe Build vs OTA?
| Wijziging | Type |
|---|---|
| Bug fix in JavaScript | ✅ OTA Update |
| Nieuwe React component | ✅ OTA Update |
| App icon wijzigen | ❌ Nieuwe Build |
| Nieuwe native library | ❌ Nieuwe Build |
| App.json wijziging | ❌ Nieuwe Build |
Pre-Launch Checklist
Voordat je publiceert:
- ✅ App grondig getest op iOS en Android
- ✅ Geen console.log() of debugger statements in productie
- ✅ App icon (1024x1024) toegevoegd
- ✅ Splash screen geconfigureerd
- ✅ Privacy policy online en URL toegevoegd
- ✅ Screenshots gemaakt (verschillende formaten)
- ✅ App beschrijving geschreven
- ✅ Keywords gekozen (iOS)
- ✅ Versienummer correct ingesteld
- ✅ Alle permissies uitgelegd in beschrijving
- ✅ Error handling toegevoegd
- ✅ Loading states voor alle API calls
- ✅ App werkt offline (indien relevant)
Veelgemaakte Fouten
Vermijd deze fouten:
- ❌ Geen privacy policy → Instant reject
- ❌ Placeholder content in screenshots → Reject
- ❌ App crasht bij eerste gebruik → Reject
- ❌ Incomplete features → Reject
- ❌ Verkeerde screenshots (van andere app) → Reject
- ❌ Bundle identifier mismatch → Build failed
Na Publicatie
Wat te doen als je app live is:
- Monitor crashes met Sentry of Bugsnag
- Lees app reviews en reageer erop
- Update regelmatig met nieuwe features
- Fix bugs snel met OTA updates
- Houd stores up-to-date met screenshots van nieuwe features
Samenvatting
EAS Build
Build je app in de cloud
App Store
iOS review duurt 1-7 dagen
Play Store
Android sneller goedgekeurd
OTA Updates
Snelle updates zonder review
Je hebt nu geleerd:
- App voorbereiden voor publicatie
- Builden met EAS
- iOS App Store publicatie proces
- Google Play Store publicatie proces
- OTA updates versturen
- Pre-launch checklist en veelgemaakte fouten