HTML-Seiten: Extrahieren und Bearbeiten von Informationen

Im folgenden Beispiel wird erklärt, wie Sie eine Automatisierung einsetzen können, um eine Webseite zu besuchen, Informationen abzurufen und sie zum Erstellen einer neuen, lokalen HTML-Seite zu verwenden. Dabei werden Aktivitäten wie Type Into, Click, Get Text und Open Browser vorgestellt. Diese Aktivitäten finden Sie im Paket UiPath.UIAutomation.Activities.

So kann der Automatisierungsprozess erstellt werden:

Öffnen Sie Studio und erstellen Sie einen neuen Prozess.
Öffnen Sie den Internet Explorer und navigieren Sie zu www.goodreads.com.

Ziehen Sie einen Flowchart-Container in den Workflow-Designer.

Erstellen Sie die folgenden Variablen:

Variablenname	Variablentyp	Standardwert
`bookFound`	String
`bookName`	GenericValue

Ziehen Sie eine Input Dialog-Aktivität in den Flowchart-Container und verbinden Sie sie mit dem Start-Knoten.
- Doppelklicken Sie auf die Aktivität, um sie zu öffnen.
- Fügen Sie den Ausdruck "Book Name:" in das Feld Titel ein.
- Fügen Sie den Ausdruck "Enter the name of a book you read:" in das Feld Beschriftung ein.
- Fügen Sie im Eigenschaftenbereich die Variable bookName im Feld Ergebnis hinzu.
- Die Aktivität sollte wie auf dem folgenden Screenshot aussehen:
Kehren Sie zum Flowchart-Bildschirm zurück.

Ziehen Sie einen Sequence-Container hinein und verbinden Sie ihn mit der Input Dialog-Aktivität. Dieser wird zum Erstellen einer neuen .html-Datei verwendet.

Erstellen Sie die folgende Variable:

Variablenname	Variablentyp	Standardwert
`fileExists`	Boolescher

Doppelklicken Sie auf den Sequence-Container, um ihn zu öffnen, und ziehen Sie eine Path Exists-Aktivität hinein.
- Wählen Sie Datei von der Dropdownliste Pfadtyp aus.
- Fügen Sie den Ausdruck "books.html" in das Feld Pfad ein.
- Fügen Sie im Bereich Eigenschaften die Variable fileExists im Feld Exists hinzu.
Ziehen Sie eine If-Aktivität unter die Path Exists-Aktivität.
- Fügen Sie die Variable fileExists in das Feld Bedingung ein.
Setzen Sie eine Write Text File-Aktivität in das Else-Feld.
- Fügen Sie den Ausdruck "books.html" in das Feld Dateiname ein.
- Fügen Sie den Code unten in das Text-Feld ein.
  
  <html> <head> <title>Books</title> </head> <body> </body> </html>
- Die Aktivität sollte wie auf dem folgenden Screenshot aussehen:
Kehren Sie zum Flowchart-Bildschirm zurück.
Ziehen Sie eine Open Browser-Aktivität hinein und verbinden Sie sie mit dem Sequence-Container.
- Doppelklicken Sie auf die Aktivität, um sie zu öffnen.
- Wählen Sie im Eigenschaftenbereich die Option IE von der Dropdownliste Browsertyp aus.
- Fügen Sie den Ausdruck "https://www.goodreads.com/search" in das Feld Url ein. Dadurch wird die angegebene Website geöffnet.
- Aktivieren Sie das Kontrollkästchen für die Option NeueSitzung. Dadurch wird eine neue Sitzung des ausgewählten Browsers geöffnet.

Wählen Sie den Ausführen-Container in der Open Browser-Aktivität aus und erstellen Sie die folgende Variable:

Variablenname	Variablentyp	Standardwert
`noResults`	GenericValue

Ziehen Sie eine Type Into-Aktivität in die Ausführen-Sequence.
- Klicken Sie in der Aktivität auf die Option Element innerhalb des Browsers anzeigen. Nun können Sie die gewünschte Anwendung auswählen. Das GIF unten zeigt alle Schritte, die Sie ausführen müssen:
- Fügen Sie die Variable bookName in das Feld Text ein.
Setzen Sie eine Click-Aktivität unter die Type Into-Aktivität.
- Klicken Sie in der Aktivität auf die Option Element innerhalb des Browsers anzeigen. Nun können Sie die gewünschte Anwendung auswählen. Das GIF unten zeigt alle Schritte, die Sie ausführen müssen:
- Fügen Sie im Bereich Eigenschaften den Wert 1000 in das Feld VerzögernVor ein. Dadurch erfolgt eine Verzögerung von einer Sekunde, bevor ein Vorgang durchgeführt wird.
Ziehen Sie eine Get Text-Aktivität unter die Click 'INPUT'-Aktivität.
- Klicken Sie in der Aktivität auf die Option Element innerhalb des Browsers anzeigen. Nun können Sie die gewünschte Anwendung auswählen. Das GIF unten zeigt alle Schritte, die Sie ausführen müssen:
- Fügen Sie im Bereich Eigenschaften die Variable noResults im Feld Wert hinzu.
Ziehen Sie eine If-Aktivität unter die Get Text 'H3'-Aktivität.
- Fügen Sie den Ausdruck noResults.toLower.Trim.Contains("no results") in das Feld Bedingung ein.
Setzen Sie einen Sequence-Container in das Then-Feld.
Ziehen Sie eine Message Box- Aktivität in den Sequence- Container.
- Fügen Sie die Meldung "Book not found. Please search another one." in das Feld Text ein. Wenn kein Ergebnis verfügbar ist, wird diese Meldung angezeigt.
Ziehen Sie eine Close Tab-Aktivität unter die Message Box-Aktivität. Dadurch wird die im Webbrowser geöffnete Registerkarte geschlossen.
Setzen Sie einen Sequence-Container in das Else-Feld.
Ziehen Sie eine Get Text-Aktivität in den Sequence-Container.
- Klicken Sie in der Aktivität auf die Option Element innerhalb des Browsers anzeigen. Nun können Sie die gewünschte Anwendung auswählen. Das GIF unten zeigt alle Schritte, die Sie ausführen müssen:
- Fügen Sie im Bereich Eigenschaften die Variable bookFound im Feld Wert hinzu.
Ziehen Sie eine If-Aktivität unter die Get Text 'SPAN'-Aktivität.
- Fügen Sie den Ausdruck bookFound.ToLower.Trim.Contains(bookName.ToLower.Trim) in das Feld Bedingung ein.

Ziehen Sie einen Sequence-Container in das Then-Feld und erstellen Sie die folgende Variable:

Variablenname	Variablentyp	Standardwert
`realName`	String

Setzen Sie eine Click-Aktivität in den Sequence-Container.
- Klicken Sie in der Aktivität auf die Option Element innerhalb des Browsers anzeigen. Jetzt können Sie den Titel des Buchs auswählen. Das GIF unten zeigt alle Schritte, die Sie ausführen müssen:

Ziehen Sie einen weiteren Sequence-Container unter die Click 'SPAN'-Aktivität, benennen Sie ihn Get book Details und erstellen Sie die folgenden Variablen:

Variablenname	Variablentyp	Standardwert
`description`	GenericValue
`author`	GenericValue
`booksContent`	String
`alreadyExists`	Boolescher

Ziehen Sie eine Get Text-Aktivität in den Sequence-Container.
- Klicken Sie in der Aktivität auf die Option Element innerhalb des Browsers anzeigen. Jetzt können Sie den Titel des Buchs auswählen. Das GIF unten zeigt alle Schritte, die Sie ausführen müssen:
- Fügen Sie im Bereich Eigenschaften die Variable realName im Feld Wert hinzu.
Setzen Sie eine Assign-Aktivität unter die Get Text 'H1 bookTitle'-Aktivität.
- Fügen Sie die Variable realName im Feld An hinzu.
- Fügen Sie den Ausdruck realName.Replace(":","").Replace("'","").Trim in das Feld Wert ein.
Fügen Sie eine Path Exists-Aktivität unter der Assign-Aktivität hinzu.
- Wählen Sie Datei von der Dropdownliste Pfadtyp aus.
- Fügen Sie den Ausdruck Environment.CurrentDirectory+"\"+realName+".jpg" in das Feld Pfad ein.
- Fügen Sie im Bereich Eigenschaften die Variable alreadyExists im Feld Exists hinzu.
Ziehen Sie eine weitere If-Aktivität unter die Path Exists-Aktivität.
- Fügen Sie die Variable alreadyExists in das Feld Bedingung ein.
Setzen Sie einen Sequence-Container in das Then-Feld.
Ziehen Sie eine Message Box- Aktivität in den Sequence- Container.
- Fügen Sie die Meldung "Book already added." in das Feld Text ein.
- Wählen Sie im Eigenschaftenbereich die Option Ok vom Dropdownmenü Schaltflächen aus.
Ziehen Sie eine Close Tab-Aktivität unter die Message Box-Aktivität. Dadurch wird die im Webbrowser geöffnete Registerkarte geschlossen.
Setzen Sie einen Sequence-Container in das Else-Feld.
Setzen Sie einen weiteren Sequence-Container in den vorherigen.
Ziehen Sie eine Get Text-Aktivität in den Sequence-Container.
- Klicken Sie in der Aktivität auf die Option Element innerhalb des Browsers anzeigen. Jetzt können Sie den Titel des Buchs auswählen. Das GIF unten zeigt alle Schritte, die Sie ausführen müssen:
- Fügen Sie im Bereich Eigenschaften die Variable description im Feld Wert hinzu.
Ziehen Sie eine Get Text-Aktivität unter die getDescription-Aktivität.
- Klicken Sie in der Aktivität auf die Option Element innerhalb des Browsers anzeigen. Jetzt können Sie den Titel des Buchs auswählen. Das GIF unten zeigt alle Schritte, die Sie ausführen müssen:
- Fügen Sie im Bereich Eigenschaften die Variable author im Feld Wert hinzu.
Ziehen Sie eine Click-Aktivität unter die getAuthor-Aktivität.
- Klicken Sie in der Aktivität auf die Option Element innerhalb des Browsers anzeigen. Jetzt können Sie den Titel des Buchs auswählen. Das GIF unten zeigt alle Schritte, die Sie ausführen müssen:
- Wählen Sie im Eigenschaftenbereich die Option BTN_RIGHT von der Dropdownliste Maustaste aus. Diese Aktion klickt mit der rechten Maustaste auf das Bild und ein Menü wird angezeigt.
- Fügen Sie den Wert 89 in das Feld OffsetX ein.
- Fügen Sie den Wert 22 in das Feld OffsetY ein.
- Wählen Sie die Option ObenLinks von der Dropdownliste Position aus.
Ziehen Sie eine Delay-Aktivität unter die Click 'IMG coverImage'-Aktivität.
- Fügen Sie im Eigenschaftenbereich den Wert 00:00:02 in das Feld Dauer ein. Dadurch wird eine Verzögerung von zwei Sekunden festgelegt.
Setzen Sie eine neue Click-Aktivität unter die Delay-Aktivität.
- Klicken Sie in der Aktivität auf die Option Element innerhalb des Browsers anzeigen. Jetzt können Sie den Titel des Buchs auswählen. Das GIF unten zeigt alle Schritte, die Sie ausführen müssen:
Ziehen Sie eine Type Into-Aktivität unter die Click 'menu item'-Aktivität.
- Klicken Sie in der Aktivität auf die Option Element innerhalb des Browsers anzeigen. Jetzt können Sie den Titel des Buchs auswählen. Das GIF unten zeigt alle Schritte, die Sie ausführen müssen:
- Fügen Sie im Bereich Eigenschaften den Ausdruck Environment.CurrentDirectory+"\"+realName+".jpg" in das Feld Text ein.
Setzen Sie eine Click-Aktivität unter die Type Into 'Edit'-Aktivität.
- Klicken Sie in der Aktivität auf die Option Element innerhalb des Browsers anzeigen. Jetzt können Sie den Titel des Buchs auswählen. Das GIF unten zeigt alle Schritte, die Sie ausführen müssen:
Ziehen Sie eine Write Text File-Aktivität unter die Click 'Button'-Aktivität.
- Fügen Sie den Ausdruck realName+".html" in das Feld Dateiname ein.
- Fügen Sie den nachfolgenden Code in das Text-Feld ein.
```
"<html>
  <head>
    <title>"+realName+"</title>
  </head>
  <body>
    <a href='books.html'>BACK</a>
    <h1>"+realName+"</h1>
    <h2>by "+author+"</h2>
      <img href='"+realName+".jpg'>
    <h3>"+description+"</h3>
   </body>
 </html>""<html>
  <head>
    <title>"+realName+"</title>
  </head>
  <body>
    <a href='books.html'>BACK</a>
    <h1>"+realName+"</h1>
    <h2>by "+author+"</h2>
      <img href='"+realName+".jpg'>
    <h3>"+description+"</h3>
   </body>
 </html>"
```
Setzen Sie eine Read Text File-Aktivität unter die Write Text File-Aktivität.
- Fügen Sie den Ausdruck "books.html" in das Feld Dateiname ein.
- Fügen Sie die Variable booksContent in das Feld Inhalt ein.
Ziehen Sie eine weitere Write Text File-Aktivität unter die Read Text File-Aktivität.
- Fügen Sie den Ausdruck "books.html" in das Feld Dateiname ein.
- Fügen Sie den String booksContent.Replace("</body></html>","<h1><a href='"+realName+".html'>"+realName+"</h1></body></html>") in das Text-Feld ein.
Fügen Sie eine Close Tab-Aktivität unter der Write Text File-Aktivität hinzu.
Ziehen Sie eine Open Browser-Aktivität unter die Close Tab-Aktivität. Dadurch wird die neu erstellte .html-Datei geöffnet.
- Wählen Sie die Option IE von der Dropdownliste Browsertyp aus.
- Fügen Sie den Ausdruck "file:\\\"+Environment.CurrentDirectory+"\books.html" in das Feld Url ein.
Kehren Sie zur ursprünglichen If-Aktivität zurück und fügen Sie einen Sequence-Container in das Else-Feld ein.
Ziehen Sie eine Message Box- Aktivität in den Sequence- Container.
- Fügen Sie den Ausdruck "Book not found. Please check the name and try again" in das Feld Text ein.
Fügen Sie eine Close Tab-Aktivität unter der Write Text File-Aktivität hinzu.
Führen Sie den Workflow aus. Der Automatisierungsprozess fordert einen Buchnamen an, sucht ihn auf www.goodreads.com, ruft Informationen über das Buch ab, erstellt eine einfache .html-Seite und füllt sie mit den abgerufenen Informationen auf.