web-dev-qa-db-ja.com

Ubuntu Phone用のハイブリッドネイティブ/ HTML5アプリを開発できますか?

Ubuntuの携帯電話でネイティブAPIおよびHTML5と組み合わせて使用​​されたハイブリッドアプリを開発できますか?

ネイティブアプリまたはHTML5アプリのいずれかを開発できることを知っています。

ただし、Ubuntu PhoneでHTML5 UI(ハイブリッド)を備えたネイティブアプリを開発したいと考えています。

8
user1793335

「ハイブリッド」(webappを表示するC++アプリですか。C++/QML/javascriptにアプリコードを配布しますか?)の意味がわかりませんが、WebViewコンポーネントを使用してqmlアプリケーションにwebpage/webappを表示できます。 。これはUbuntu Phoneでも機能するはずです。

「app.qml」、「app.html」、「app.js」で構成されたこの単純なアプリケーションを使用します(そう、この「アプリケーション」はかなり不自由です...)。これはqmlviewerでのみテストされたため、IDEを介して実行しようとすると、おそらく使用される相対パスに関して何かを変更する必要があります。

app.qml

import QtQuick 1.0
import QtWebKit 1.0

Rectangle {
        width: 800
        height: 600
        WebView {
                url: "app.html"
                anchors.fill: parent
                preferredWidth: 800
                preferredHeight: 600
                smooth: false
                settings.developerExtrasEnabled : true 
                settings.javascriptEnabled: true
        }
}

app.html

<!doctype html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <title>Hi</title>
        <style>
        body {
                margin: 20px;
        }
        </style>
</head>
<body>
        <a href="#" id="test_me">Click me!</a>
</body>
<script src="app.js"></script>
</html>

app.js

var x = document.getElementById("test_me");
x.onclick = function(){
        console.log("Hi there");
        new_elem = document.createElement("h2");
        new_elem.textContent = "Hi there!";
        document.getElementsByTagName("body")[0].appendChild(new_elem);
};

それが役に立てば幸い。

10
Salem