HTML Downloader 2.0

Използвайки интегрираната среда за разработка Visual Studio и езика за програмиране C# ще разработим мулти-платформено мобилно приложение за изтегляне HTML съдържанието на кода от Интернет страница.

Информация

HTML е основният маркиращ език за описание и дизайн на уеб страници. HTML е стандарт в Интернет, а правилата се определят от международния консорциум W3C.

• Източник: Wikipedia

Start

1. Стартирайте интегрираната среда за разработка Visual Studio.

2. Създайте нов проект: Visual C# > Cross-Platform > Mobile App (Xamarin.Forms).

3. За име на проекта запишете: HTML Downloader 2.0.

Инсталирайте допълнителен пакет към приложението от менюто: Tools > NuGet Package Manager > Package Manager Console, като изпълните следната команда в конзолата:

PM> Install-Package AngleSharp -Version 0.16.1

MainPage.xaml

Файлът MainPage.xaml съдържа изходния код от дизайна на потребителския интерфейс на разработваното приложение и се пише на езика XAML. Копирайте (Ctrl+C) и поставете (Ctrl+V) програмният фрагмент даден по-долу във Вашето приложение.

<!-- User Interface (UI): HTML Downloaders 2.0 -->
<StackLayout Padding="20" BackgroundColor="LightCoral">

    <!-- Title -->
    <Label Text="HTML Downloader 2.0" FontSize="Large" />

    <!-- URL -->
    <Label Text="URL" FontSize="Large" />
    <Entry x:Name="URL" Text="https://www.minchev.eu" />
    <Button Text="Download" Clicked="OnButtonClicked" />

    <!-- HTML -->
    <ScrollView>
        <Label x:Name="HTML" />
    </ScrollView>

</StackLayout>

MainPage.xaml.cs

Файлът MainPage.xaml.cs съдържа изходния код от бизнес логиката на разработваното приложение и се пише на програмният език C#. Копирайте (Ctrl+C) и поставете (Ctrl+V) програмният фрагмент даден по-долу във Вашето приложение.

// Business Logic (BL): HTML Downloader 2.0
public partial class MainPage : ContentPage
{
        // Constructor
        public MainPage()
        {
            InitializeComponent();
        }

        // Button Click Event Handler
        private async void OnButtonClicked(object sender, EventArgs args)
        {
            // Get Html
            string html = await Download(new Uri(this.URL.Text));

            // Angle Sharp Html to Text Parser
            var temp = new HtmlParser().ParseDocument(html);
            string text = temp.Body.TextContent;

            // Plain Text
            this.HTML.Text = text;
        }

        // Download Handler
        private async Task<string> Download(Uri link)
        {
            HttpClient client = new HttpClient();
            return await client.GetStringAsync(link);
        }
}

Demo

Стартирайте приложението от менюто: Debug > Start Debugging или като натиснете клавиш F5.

Фиг. 2.61 Тестване на мултиплатформено мобилно приложение за изтегляне HTML съдържанието на кода от Интернет страница - Android Emulator 11 (API 30).