আমি কি উবুন্টু ফোনের জন্য একটি সংকর নেটিভ / এইচটিএমএল 5 অ্যাপ্লিকেশন বিকাশ করতে পারি?

আমি কি একটি হাইব্রিড অ্যাপ্লিকেশন বিকাশ করতে পারি যা উবুন্টু ফোনে নেটিভ API এবং HTML5 এর সাথে একত্রে ব্যবহৃত হয়েছিল?

আমি জানি যে কোনও দেশীয় অ্যাপ্লিকেশন বা এইচটিএমএল 5 অ্যাপ্লিকেশন বিকাশ করা সম্ভব।

তবে, আমি একটি দেশীয় অ্যাপ্লিকেশন বিকাশ করতে জানতে চাই যা উবুন্টু ফোনে এইচটিএমএল 5 ইউআই (হাইব্রিড) রয়েছে।

আপনি যদি কেবল কিউএমএল ভিত্তিক ব্যবহারকারী ইন্টারফেসের চেয়ে বেশি উল্লেখ করছেন, যা সালেমের উত্তর সম্বোধন করেছে, অ্যাপাচি কর্ডোভার মাধ্যমে নেটিভ কোডে হুক রয়েছে আমি এখনও কর্ডোভা অধ্যয়ন করছি, সুতরাং আপনার কাছে আমার সম্পূর্ণ উত্তর নেই, তবে, সেখানে এখানে পড়ার / ডাউনলোড করার উত্স: git-wip-us.apache.org/repos/asf?p=cordova-ubuntu.git

— =

আমি নিশ্চিত "হাইব্রিড" (একটি সি ++ অ্যাপ্লিকেশন যা একটি ওয়েবঅ্যাপ প্রদর্শন করে? সি ++ / কিউএমএল / জাভাস্ক্রিপ্টের মধ্যে অ্যাপ কোড বিতরণ করে?) দিয়ে আপনি কী বোঝাতে চাইছেন তা নিশ্চিত নই তবে আপনি কিউপিএল অ্যাপ্লিকেশনটিতে ওয়েবপৃষ্ঠা / ওয়েবঅ্যাপ প্রদর্শন করতে ওয়েবউইউ উপাদানটি ব্যবহার করতে পারেন । এটি উবুন্টু ফোনেও কাজ করা উচিত।

এই সহজ অ্যাপ্লিকেশনটি রচনা করুন: "app.qml", "app.html" এবং "app.js" (হ্যাঁ আমি জানি, এই "অ্যাপ্লিকেশন" বেশ লম্পট ...)। এটি শুধুমাত্র এটি দিয়ে পরীক্ষা করা হয়েছিল qmlviewer, সুতরাং আপনি যদি এটি কোনও আইডিই এর মাধ্যমে চালানোর চেষ্টা করেন তবে সম্ভবত আপনাকে সম্পর্কিত আপেক্ষিক পাথগুলি সম্পর্কে কিছু পরিবর্তন করতে হবে।

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

আশা করি এটা সাহায্য করবে.

— সালেম
সূত্র