Qt / C ++ - Сабақ 036. QWebView - Qt бойынша ең қарапайым браузерді жазу

браузер, QWebView, webkit, Qt, ssl

Ескертпе: бұл оқулық ескірген. Qt5.6 нұсқасынан WebEngine пайдалану керек

Кім өз браузерімізді жазғысы келмейді? Браузер туралы ойларды жоққа шығармаңыз, олар, әрине, болды. Сонымен, Qt QWebView класы бар, ол хром жазылған webkit браузер қозғалтқышымен, сәйкесінше, chrome және басқа да көптеген браузерлермен жұмыс істеуге мүмкіндік береді. Сондықтан, іс жүзінде кодтың ондаған жолын қолдана отырып, сіз веб-сайт бетін көрсете алатын қолданба жасай аласыз.

Сонымен, қосымша келесі болады. Мекенжай жолағы QLineEdit және QWebView виджеті бар. Мекенжай жолағына сайт мекенжайын енгізіп, Enter* пернесін басқан кезде. * пернесі, сайт беті шығарылады және оны QWebView ішінде көрсетеді.** Беттегі сілтемені басқан кезде сілтеме мекенжайы мекенжай жолағында көрсетіледі және виджетте жаңа бет жүктеледі.

QWebView бағдарламасымен жұмыс істеуге арналған жоба құрылымы

• QWebViewExample.pro - жоба профилі;
• main.cpp - жобаның негізгі бастапқы код файлы;
• mainwindow.h - қолданбаның негізгі терезесінің тақырып файлы;
• mainwindow.cpp - қолданбаның негізгі терезесі үшін бастапқы код файлы;
• mainwindow.ui - қолданбаның негізгі терезесінің пішіні.

QWebViewExample.pro

QWebView бағдарламасымен жұмыс істеу үшін екі модульді қосу керек: webkit және webkitwidgets.

#-------------------------------------------------
#
# Project created by QtCreator 2015-12-18T20:10:57
#
#-------------------------------------------------

QT       += core gui webkit webkitwidgets

greaterThan(QT\_MAJOR\_VERSION, 4): QT += widgets

TARGET = QWebViewExample
TEMPLATE = app


SOURCES += main.cpp\
        mainwindow.cpp

HEADERS  += mainwindow.h

FORMS    += mainwindow.ui

mainwindow.h

Тақырып файлында екі ұяшықты жариялау қажет:

slotEnter() – браузердің мекенжай жолағындағы Enter пернесін басу арқылы өңдеу;
slotLinkClicked(QUrl url) – шолғыш бетіндегі сілтемені шертуді өңдеу үшін.

Сондай-ақ QWebView және QUrl кітапханаларын қосу қажет.

#ifndef MAINWINDOW\_H
#define MAINWINDOW\_H

#include <QMainWindow>
#include <QtWebKitWidgets/QWebView>
#include <QUrl>
#include <QDebug>

namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q\_OBJECT

public:
    explicit MainWindow(QWidget *parent = 0);
    ~MainWindow();

private:
    Ui::MainWindow *ui;

private slots:
    void slotEnter();       // Слот для обработки нажатия клавиши Enter
    void slotLinkClicked(QUrl url); // Слот для клика по ссылке на странице
};

#endif // MAINWINDOW\_H

mainwindow.cpp

Сілтемені шертуді дұрыс өңдеу үшін setLinkDelegationPolicy әдісі арқылы осы оқиғаны қолмен өңдеуді орнату керек және сәйкес сигналға ұяшықты қосу керек. /87/) linkClicked().

#include "mainwindow.h"
#include "ui\_mainwindow.h"

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    // Устанавливаем ручную обработку клика по ссылке
    ui->webView->page()->setLinkDelegationPolicy(QWebPage::DelegateAllLinks);

    // Подключаем сигнал нажатия "Enter" в поле lineEdit
    connect(ui->lineEdit, &QLineEdit::returnPressed, this, &MainWindow::slotEnter);
    // Подключиаем сигнала клика по ссылке к обработчику
    connect(ui->webView, &QWebView::linkClicked, this, &MainWindow::slotLinkClicked);
}

MainWindow::~MainWindow()
{
    delete ui;
}

void MainWindow::slotEnter()
{
    // Загружаем страницу по заданном URL в поле lineEdit
    ui->webView->load(QUrl(ui->lineEdit->text()));
}

void MainWindow::slotLinkClicked(QUrl url)
{
    // При клике по ссылке помещаем адрес в поле lineEdit
    ui->lineEdit->setText(url.toString());
    ui->webView->load(url);     // Загружаем страницу по этой ссылке
}

SSL көмегімен қателерді түзетіңіз

Жобаны құру кезінде сіз келесі түрдегі қателерге тап болуыңыз мүмкін:

qt.network.ssl: QSslSocket: cannot call unresolved function SSLv23\_client\_method
qt.network.ssl: QSslSocket: cannot call unresolved function SSL\_CTX\_new
qt.network.ssl: QSslSocket: cannot call unresolved function SSL\_library\_init
qt.network.ssl: QSslSocket: cannot call unresolved function ERR\_get\_error

Бұл мәселенің шешімі Qt5Network.dll және Qt5Networkd.dll кітапханалары орналасқан қалтаға қажетті кітапханаларды тастау болып табылады. Бұл кітапханалар libeay32.dll және ssleay32. dll.

Осыған:

1. келесі сайт өтіңіз
2. Біз жеңіл құрастыруды OpenSSL іздейміз
3. Және 32 немесе 64 биттің қажетті нұсқасын жүктеп алыңыз (mingw жағдайында 32 биттік жинақты жүктеп алыңыз).
4. Содан кейін "OpenSSL екілік (\bin) каталогы" тармағын тексеру арқылы алынған қалтаға OpenSSL орнатыңыз.
5. Содан кейін libeay32.dll және ssleay32.dll кітапханаларын іздеп, оларды Qt бар қалтаға Qt5Network.dll және Qt5Networkd.dll. кітапханаларына тасымалдаймыз.

Осыдан кейін жоғарыдағы қателер жойылады.

Барлығы

Жасалған жұмыстың нәтижесінде сіз келесі суретте көрсетілгендей сайт бетін өз қосымшаңызда аша аласыз. Сондай-ақ, сабақтан қосымшаның демонстрациясын бейне оқулықтан көруге болады.

Жобаны zip мұрағатында жүктеп алу сілтемесі: qwebviewexample.zip

Бейне оқулық