Skip to content

Commit c683bcb

Browse files
Update Readme.md
1 parent 30f343a commit c683bcb

File tree

1 file changed

+11
-14
lines changed

1 file changed

+11
-14
lines changed

nodejs/Selfie_Bot/Readme.md

Lines changed: 11 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -5,19 +5,15 @@ Dieser Bot wurde mit [Microsoft Botbuilder SDK v4](https://github.com/Microsoft/
55

66
## Los geht's!
77

8-
Hinweis: Diese Anleitung ist nicht mehr aktuell!
9-
108
Folgende Schritte sind notwendig um den Bot zu entwickeln:
119

1210
### 1) Notwendige Installationen
13-
Installiere die letzte Version von Visual Studio kostenlos von [hier](https://www.visualstudio.com/en/downloads). Als Workload sollten auf jeden Fall Node.js-Entwicklung und am besten auch ASP.NET-Entwicklung ausgewählt sein:
14-
15-
![](https://github.com/christian-vorhemus/DashboardTemplate/blob/master/images/setup.png)
11+
Installiere die letzte Version von **Visual Studio Code** kostenlos von [hier](https://code.visualstudio.com/).
1612

17-
Lade außerdem den [Bot Emulator](https://github.com/Microsoft/BotFramework-Emulator/releases) für dein System sowie <a href="https://nodejs.org/en/download/">Node.js</a> herunter.
13+
Lade außerdem den [Bot Emulator](https://github.com/Microsoft/BotFramework-Emulator/releases/) für dein System sowie <a href="https://nodejs.org/en/download/">Node.js</a> herunter.
1814

1915
### 2) Keys abrufen
20-
Wir verwenden Microsoft Cognitive Services um das Bild zu analysieren und benötigen dafür einen API-Schlüssel. Dazu wechseln wir auf [diese Seite](https://azure.microsoft.com/de-de/try/cognitive-services/?api=face-api) und wählen _API-Schlüssel abrufen_ aus.
16+
Wir verwenden Microsoft Cognitive Services um das Bild zu analysieren und benötigen dafür einen API-Schlüssel. Dazu wechseln wir auf [diese Seite](https://azure.microsoft.com/de-de/try/cognitive-services/?api=face-api) und wählen _API-Schlüssel abrufen_ aus. Es ist eine Azure Account notwendig um einen "Face" recognition key beziehen zu können. Wenn du einen anlegst, stelle sicher, dass als _Location_ **West Central US** ausgwählt ist.
2117

2218
![](images/face-api.png)
2319

@@ -26,25 +22,26 @@ Ein Microsoft oder Facebook-Konto ist notwendig um den Schlüssel generieren zu
2622
![](images/api-key.png)
2723

2824
### 3) Projekt laden und starten
29-
Lade dieses Projekt herunter und wechsle in den Ordner [nodejs/Selfie-Bot](src) in einer Konsole/Terminal. Tippe
25+
Lade dieses Projekt herunter, öffne eine Konsole/Terminal und wechsle dort in den [/src](src) Ordner in dem sich die _package.json_ Date befindet. Tippe
3026

3127
```
3228
npm install
3329
```
3430

35-
um die fehlenden Pakete zu installieren. Wenn du die Mitteilung bekommst, dass der Befehl "npm" nicht gefunden werden kann, überprüfe ob du Node.js installiert hast. Als nächstes doppelklicke auf [Selfie-Bot.sln](src/Selfie-bot.sln) um das Projekt in Visual Studio zu öffnen. Wähle in Visual Studio im "Solution Explorer" (rechtes Menü) die Datei [app.js](src/Selfie-Bot/app.js) aus, dies sollte wie folgt aussehen und ersetze den Platzhaltertext für ```const apiKey``` mit dem Schlüssel aus Schritt 2.
31+
um die fehlenden Pakete zu installieren. Wenn du die Mitteilung bekommst, dass der Befehl "npm" nicht gefunden werden kann, überprüfe ob du Node.js installiert hast.
32+
Als nächstes öffne Visual Studio Code und wähle unter _Datei_ > _Öffne Ordner_ den gerade heruntergeladenen Ordner aus. Öffne in Visual Studio Code die Datei [selfiebot.ts](src/selfiebot.ts) aus und ersetze den Platzhaltertext für ```private cognitiveServicesKey``` mit dem Schlüssel aus Schritt 2.
3633

3734
```typescript
38-
const apiKey = "<ADD FACY API KEY HERE>"
35+
private cognitiveServicesKey = "<ADD FACY API KEY HERE>"
3936
```
4037

41-
Starte den Bot, indem du in Visual Studio auf _F5_ klickst. Es öffnet sich eine Website und die Konsole. Kopiere die Adresse, die im Browser aufscheint:
38+
Starte den Bot, indem du in Visual Studio Code auf _F5_ klickst. In der Debug Console solltest du nun folgende Zeilen sehen:
4239

4340
![](images/browser.png)
4441

4542
### 4) Bot im Emulator testen
46-
Starte Bot Emulator, wähle die Adresse, die du soeben kopierst hast, füge _/api/messages_ hinzu, und klicke auf _Connect_.
43+
Starte Bot Framework Emulator, klicke auf _File_ > _Open Bot_ und wähle die Datei [botconnect.bot](src/botconnect.bot) aus, clicke dann auf "Connect"
4744

48-
![](images/emulator.png)
45+
Du solltest nun mit dem Bot kommunizieren können. Tippe eine Nachricht oder sende ein Selfie!
4946

50-
Du solltest nun mit dem Bot kommunizieren können.
47+
![](images/emulator.png)

0 commit comments

Comments
 (0)