Commit 6ffa4cbc authored by Robert Hostlowsky's avatar Robert Hostlowsky

Expo Überarbeitet

parent a409d3c2
## Expo als Entwicklungsumgebung, mit Android/iOS simulator oder client auf Smartphone
## Expo als Entwicklungsumgebung
## Projekt initialisieren
Ein kurzer Überblick über das Setup und die Tools für die schnelle Entwicklung mit Android/iOS-Simulator oder Client auf Smartphone für unser Beispiel:
## Tools und Projekt initialisieren
```shell
npm install exp --global
exp register
exp login
exp register
exp login
exp init spotify-graphql-client-react-native-expo --projectType blank
cd spotify-graphql-client-react-native-expo
exp start
# in neuer shell:
exp ios # oder: exp android
[exp] Your URL is: exp://xxxx.spot-cli.exp.direct:80
[exp] Logs for your project will appear below. Press Ctrl+C to exit.
in simulator, open expo, + button, add url and ...
```
![exp start](https://blog.codecentric.de/files/2017/11/spotify-expo-cli-exp-start.png)
Es erzeugt einen QR und eine URL, z.B.
Auf dem Smartphone kann der erzeugte QR Code oder die URL in der Expo-App eingescannt werden, so dass auch auf einem echten Gerät getestet werden kann.
```
[exp] Your URL is: exp://7m-2tf.lowsky.spot-cli.exp.direct:80
[exp] Logs for your project will appear below. Press Ctrl+C to exit.
in simulator, open expo, + button, add url and ...
```
Diese kann jetzt im iOS Simulator genutzt werden. Am einfachsten funktioniert es mit dem Expo Cli Tool per
Diese kann auch im Simulator genutzt werden. Am einfachsten funktioniert es mit dem Expo Cli Tool per
```
# in neuer shell:
exp ios # oder unter Windows: exp android
# in neuer shell, iOS Simulator oder Android Simulator
exp ios
exp android
```
Auf dem Smartphone kann der QR Code in der Expo App eingescannt werden, so dass auch auf einem
nativen Gerät getestet werden kann.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment