Ubuntuの携帯電話でネイティブAPIおよびHTML5と組み合わせて使用されたハイブリッドアプリを開発できますか?
ネイティブアプリまたはHTML5アプリのいずれかを開発できることを知っています。
ただし、Ubuntu PhoneでHTML5 UI(ハイブリッド)を備えたネイティブアプリを開発したいと考えています。
「ハイブリッド」(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);
};
それが役に立てば幸い。