如何使用 Qt oauth 创建登录页面？

我一直在网上寻找如何在 Qt 桌面应用程序打开时创建身份验证页面。我已经构建了该应用程序；它非常小，仅由 main.cpp 调用的 MainWindow 组成。

现在我想在用户打开应用程序时添加一个身份验证页面。我创建了一个 Google API（按照此链接中的说明进行操作：http://blog.qt.io/blog/2017/01/25/connecting-qt-application-google-services-using-oauth-2-0/）；但这确实是不完整的。在网上查找时，我找不到一个链接来提供一个有效的示例，其中： - 用户运行应用程序并被要求输入用户名和密码； - 如果它还不存在，他可以创建一个。

我发现的只是一段不完整的代码，就像我上面分享的链接一样；或教程，展示如何使用硬编码密码和用户名创建登录页面（这不是我想要的，我希望人们能够根据 Google API 动态添加自己）。

所以，如果有人有一小段代码，要求用户输入用户名和密码，并用该代码管理对 API 的请求，那就太好了！

编辑：添加我的代码

我正在添加我的类 GoogleGateway 的代码（受到我在这里发现的启发：如何使用 QOAuth2AuthorizationCodeFlow 和 QOAuthHttpServerReplyHandler 设置redirect_uri)

谷歌网关.h：

#ifndef GOOGLEGATEWAY_H
#define GOOGLEGATEWAY_H

#include <QObject>

class GoogleGateway : public QObject
{
    Q_OBJECT

public:
    GoogleGateway();
};

#endif // GOOGLEGATEWAY_H

谷歌网关.cpp：

#include "googlegateway.h"
#include <QApplication>
#include <QObject>
#include <QJsonDocument>
#include <QJsonObject>
#include <QJsonArray>
#include <QString>
#include <QFile>
#include <QUrl>
#include <QOAuth2AuthorizationCodeFlow>
#include <QOAuthHttpServerReplyHandler>
#include <QDesktopServices>

GoogleGateway::GoogleGateway() :
    QObject(){

auto google = new QOAuth2AuthorizationCodeFlow;
google->setScope("email");

this->connect(google, &QOAuth2AuthorizationCodeFlow::authorizeWithBrowser, &QDesktopServices::openUrl);

QString val;
QFile file;
file.setFileName("/.../auth.json");
file.open(QIODevice::ReadOnly | QIODevice::Text);
val = file.readAll();
file.close();

QJsonDocument document = QJsonDocument::fromJson(val.toUtf8());
QJsonObject object = document.object();
const auto settingsObject = object["web"].toObject();
const QUrl authUri(settingsObject["auth_uri"].toString());
const auto clientId = settingsObject["client_id"].toString();
const QUrl tokenUri(settingsObject["token_uri"].toString());
const auto clientSecret(settingsObject["client_secret"].toString());
const auto redirectUris = settingsObject["redirect_uris"].toArray();
const QUrl redirectUri(redirectUris[0].toString());
const auto port = static_cast<quint16>(redirectUri.port());

google->setAuthorizationUrl(authUri);
google->setClientIdentifier(clientId);
google->setAccessTokenUrl(tokenUri);
google->setClientIdentifierSharedKey(clientSecret);

auto replyHandler = new QOAuthHttpServerReplyHandler(port, this);
google->setReplyHandler(replyHandler);

google->grant();

}

现在，我需要在 MainWindow.cpp 中做什么来提示将使用 GoogleGateway 类的登录页面？ GoogleGateway 类看起来不错吗？或者我需要修改一些东西吗？

另外，我在 MainWindow 构造函数中创建了 GoogleGateway 类的实例。当我运行代码时，它会在 Chrome 中打开一个 Web 选项卡，但会抛出错误 400，显示“错误：redirect_uri_mismatch”。这意味着什么？

感谢您的帮助。

至此，Qt 博客的文章就基本完成了。您只需要连接granted之后发出信号并提出所需的请求。

请注意，Qt 博客中的 redirect_uri 中的 /cb 路径不再有效（文章大约一年前发布）。

注意：路径“/cb”在当前版本中是强制的 QOAuthHttpServerReplyHandler 实现。

因此，如果您在运行代码后看到来自 google 的访问错误，只需将redirect_uri 从那里复制粘贴到您配置的客户端的 GoogleConsole 授权重定向 URI 中即可。http://localhost-8080.com/

P.S.：不要忘记再次从控制台下载带有凭据的 json 文件。

此外，如果您想在授权后调用任何 Google API，您需要在 GoogleConsole 中为您的项目启用它们。要测试代码，只需启用Google+ API

就是这样。这是完整且有效的代码。 （在Linux和Qt 5.10上测试，目前没有Windows，无法在那里测试）

谷歌网关.h

#ifndef GOOGLEGATEWAY_H
#define GOOGLEGATEWAY_H

#include <QObject>
#include <QOAuth2AuthorizationCodeFlow>
#include <QNetworkReply>

class GoogleGateway : public QObject
{
    Q_OBJECT
public:
    explicit GoogleGateway(QObject *parent = nullptr);

private:
    QOAuth2AuthorizationCodeFlow * google;
};

#endif // GOOGLEGATEWAY_H

谷歌网关.cpp

#include "googlegateway.h"
#include <QObject>
#include <QJsonDocument>
#include <QJsonObject>
#include <QJsonArray>
#include <QString>
#include <QFile>
#include <QDir>
#include <QUrl>
#include <QOAuthHttpServerReplyHandler>
#include <QDesktopServices>


GoogleGateway::GoogleGateway(QObject *parent) : QObject(parent)
{
    this->google = new QOAuth2AuthorizationCodeFlow(this);
    this->google->setScope("email");

    connect(this->google, &QOAuth2AuthorizationCodeFlow::authorizeWithBrowser, &QDesktopServices::openUrl);

    QByteArray val;
    QFile file;
    file.setFileName(QDir::toNativeSeparators("/full/path/client_secret_XXXXXXX.apps.googleusercontent.com.json"));
    if(file.open(QIODevice::ReadOnly | QIODevice::Text))
    {
        val = file.readAll();
        file.close();
    }


    QJsonDocument document = QJsonDocument::fromJson(val);
    QJsonObject object = document.object();
    const auto settingsObject = object["web"].toObject();
    const QUrl authUri(settingsObject["auth_uri"].toString());
    const auto clientId = settingsObject["client_id"].toString();
    const QUrl tokenUri(settingsObject["token_uri"].toString());
    const auto clientSecret(settingsObject["client_secret"].toString());

    const auto redirectUris = settingsObject["redirect_uris"].toArray();
    const QUrl redirectUri(redirectUris[0].toString());
    const auto port = static_cast<quint16>(redirectUri.port());

    this->google->setAuthorizationUrl(authUri);
    this->google->setClientIdentifier(clientId);
    this->google->setAccessTokenUrl(tokenUri);
    this->google->setClientIdentifierSharedKey(clientSecret);

    auto replyHandler = new QOAuthHttpServerReplyHandler(port, this);
    this->google->setReplyHandler(replyHandler);
    this->google->grant();

    connect(this->google, &QOAuth2AuthorizationCodeFlow::granted, [=](){
        qDebug() << __FUNCTION__ << __LINE__ << "Access Granted!";
        auto reply = this->google->get(QUrl("https://www.googleapis.com/plus/v1/people/me"));
        connect(reply, &QNetworkReply::finished, [reply](){
            qDebug() << "REQUEST FINISHED. Error? " << (reply->error() != QNetworkReply::NoError);
            qDebug() << reply->readAll();
        });
    });
}