Ubuntu Phone 용 하이브리드 네이티브 / HTML5 앱을 개발할 수 있습니까?


8

Ubuntu 전화에서 기본 API 및 HTML5와 함께 사용 된 하이브리드 앱을 개발할 수 있습니까?

네이티브 앱 또는 HTML5 앱을 개발할 수 있다는 것을 알고 있습니다.

그러나 우분투 전화에 HTML5 UI (하이브리드)가있는 기본 앱을 개발하고 싶습니다.


Salem의 답변이 해결 된 단순한 QML 기반 사용자 인터페이스 이상을 언급하는 경우 Apache Cordova 를 통해 기본 코드에 연결되어 있습니다. 나는 여전히 Cordova를 공부하고 있습니다. 그래서 완전한 답변을 얻지는 못하지만, 소스는 여기 / 다운로드를 읽을 수 있습니다 : git-wip-us.apache.org/repos/asf?p=cordova-ubuntu.git;a=tree
OYRM

답변:


10

"hybrid"(webapp를 표시하는 C ++ 앱, C ++ / QML / javascript? 사이에 앱 코드 배포)의 의미가 확실하지 않지만 WebView 구성 요소를 사용하여 qml 응용 프로그램에 웹 페이지 / 웹 응용 프로그램을 표시 할 수 있습니다 . 이것은 우분투 전화에서도 작동합니다.

"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);
};

도움이 되길 바랍니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.