LoginSignup
5
4

More than 5 years have passed since last update.

Browser App on Qt Creator on Ubuntu12.04 を動かす

Last updated at Posted at 2014-06-27

やること

Browser App on Qt Creator on Ubuntu12.04 を動かす。
ただそれだけ。

Kubuntu14.04 環境はこちら。

スクリーンショット

Screenshot_from_2014-06-27 23:07:30.png

環境構築

apt-get の場合

$ sudo apt-get install qt-sdk​

とすると、

Qt Creator 2.4.1 
Qt 4.8.0 (64 bit)

がインストールされた。

qt-project.org からダウンロードする場合

http://qt-project.org/downloads#qt-creator
Qt Online Installer for Linux 64-bit (22 MB)
のリンククリックで、
qt-creator-opensource-linux-x86_64-3.1.2.run
がダウンロードされる。

$ chmod 777 qt-creator-opensource-linux-x86_64-3.1.2.run
$ ./qt-creator-opensource-linux-x86_64-3.1.2.run

等として実行。
あとはウィザードに従って、はいはいはい。

Qt Creator 3.1.2 (opensource)
Qt 5.3.1 (GCC 4.6.1, 64 ビット) を使用
Built on Jun 23 2014 at 04:09:33

がインストールされた。

Qt Creator 起動

  • GUI から Qt Creator を起動
  • 新しいプロジェクトの作成 -> 他のプロジェクト -> HTML5 アプリケーション -> 選択 -> 名前とパスを適当に決める -> 次へ -> メイン HTML ファイル の ラジオボタン で好きなものを選択。"URL から読み込む"

  • 新しいプロジェクトの作成

  • -> 他のプロジェクト -> HTML5 アプリケーション -> 選択

  • -> 名前とパスを適当に決める -> 次へ

  • -> メイン HTML ファイル の ラジオボタン で好きなものを選択。"index.html を生成する" or "既存の .html ファイルをインポートする" or "URL から読み込む"。ここでは "URL から読み込む" を選択したことにする。 -> 次へ

  • -> ターゲット設定 でデフォルトのまま、完了

  • -> プロジェクト管理 でデフォルトのまま、完了

  • 以下のソースが自動生成される

main.cpp
#include <QtGui/QApplication>
#include "html5applicationviewer.h"

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);

    Html5ApplicationViewer viewer;
    viewer.setOrientation(Html5ApplicationViewer::ScreenOrientationAuto);
    viewer.showExpanded();
    viewer.loadUrl(QUrl(QLatin1String("http://hogehoge/")));

    return app.exec();
}

もしくは、以下でも OK。

main.cpp
#include <QApplication>
#include <QWebView>

int main(int argc, char **argv) {
    QApplication app(argc, argv);
    QWebView view;
    view.setUrl(QUrl("http://hogehoge/"));
    view.show();
    return app.exec();
}
  • 左下の実行ボタンクリック or "ctrl + r" でビルド&実行
  • ウインドウが生成され、指定した URL が表示される
  • めでたしめでたし

その他

Proxy を設定する方法が分からなかった。。。Orz
Qt アプリとしてでも、 Qt Creator としてでも。
どなたかご存知の方いらっしゃいますでしょうか?

5
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
4