এইচটিএমএল / সিএসএস / জাভাস্ক্রিপ্ট ব্যবহার করে কীভাবে ডেস্কটপ অ্যাপ্লিকেশন বিকাশ করবেন? [বন্ধ]


189

প্রথমত, আমি পেশাদারভাবে এটি করতে আগ্রহী নই। আমি একজন ওয়েব বিকাশকারী, আমার এক সহকর্মী সম্প্রতি স্পটিফাইয়ের উদ্দেশ্যে রওনা হয়েছি এবং বলেছিলেন যে তিনি স্পোটাইফাই ডেস্কটপ অ্যাপ্লিকেশনের জন্য বেশিরভাগ জাভাস্ক্রিপ্টে কাজ করবেন। তিনি বলেছিলেন এটি "ক্রোম ফ্রেম" ব্যবহার করে এবং এর ভিতরে থাকা সমস্ত কিছুই একটি ওয়েব অ্যাপের (HTML / জেএস / সিএসএস) মতো করা হয়।

ওয়েব ডেভেলপার হিসাবে যিনি ডেস্কটপের জন্য কখনও কিছু তৈরি করেন নি, এটি দুর্দান্ত খবর। যদি আমি ইতিমধ্যে জানি এমন প্রযুক্তিগুলি ব্যবহার করতে পারি এবং সেগুলি কোনওরকম "ফ্রেম" এর মধ্যে প্রয়োগ করতে পারি এবং এখনও একটি উইন্ডো তৈরি করতে সক্ষম হতে পারি তবে আরও ভাল ক্রস প্ল্যাটফর্ম অ্যাপটি তৈরি করতে সক্ষম হব।

আমি জানি যে আমি ডাটাবেস সম্পর্কে কিছু উল্লেখ করি নি, তবে ওয়েব প্রযুক্তি সহ একটি সাধারণ হ্যালো ওয়ার্ল্ড ডেস্কটপ অ্যাপও দুর্দান্ত হবে।

সুতরাং কিভাবে এই সম্পর্কে যায়? ঠিক আমার কী প্রয়োজন / জানতে হবে?


এটি লক্ষ করা উচিত যে ওয়েব-অ্যাপ-ইনস কমপক্ষে দুটি অ-এক্সক্লুসিভ স্তর রয়েছে। একটি হ'ল ক্লায়েন্ট-সাইড, একক পৃষ্ঠার অ্যাপ্লিকেশন শৈলীর অ্যাপ্লিকেশন এবং একটি হ'ল এমন অ্যাপ্লিকেশন যা কোনও ডাটাবেস বা কিছু দিয়ে রাষ্ট্র বজায় রাখে। (অবশ্যই সেরা অ্যাপ্লিকেশন দুটিই)) অন্য সম্পর্কে বেশি কিছু না শিখে আপনি কীভাবে একটি করতে পারবেন তা শিখতে পারেন।
ওয়ালিদ খান

আরেকটি সংশ্লিষ্ট থ্রেড এখানে [আপনাকে অবশ্যই ডেস্কটপে উন্নয়ন জাভাস্ক্রিপ্ট ব্যবহার করতে পারি?] [1] [1]: stackoverflow.com/questions/109399/... শুভেচ্ছা সহ, বেন
benbai123

আপনি এটা ভুল। ওয়েব ডেস্কটপ অ্যাপ্লিকেশন ডিজাইন করা হয় না। পিরিয়ড.যদি আপনি চান আপনি কিউএমএল / কিউটি কিউইক ব্যবহার করতে পারেন, এটি একটি ভাল ট্রেড অফ (তবে এটি ওয়েব নয় ডেস্কটপ থেকে যায়!)
স্টিফ

এখানে অনুরূপ: stackoverflow.com/questions/109399/...
ঝাঙ LongQI

উত্তর:


74

আপনি ডেস্কটপ ডেভ জন্য টাইটানিয়াম দিয়ে শুরু করতে পারেন। এছাড়াও আপনার ক্রোমিয়াম এমবেডড ফ্রেমওয়ার্কের দিকে নজর থাকতে পারে । এটি মূলত ক্রোমিয়ামের ভিত্তিতে একটি ওয়েব ব্রাউজার নিয়ন্ত্রণ।

এটি সি ++ তে লিখিত হয়েছে যাতে আপনি আপনার ধারক অ্যাপ্লিকেশনটিতে যে সমস্ত নিম্ন স্তরের ওএস স্টাফগুলি চান (গ্রল, ট্রে আইকন, স্থানীয় ফাইল অ্যাক্সেস, কম পোর্ট ইত্যাদি) করতে পারেন এবং তারপরে এইচটিএমএল / জাভাস্ক্রিপ্টে সমস্ত অ্যাপ্লিকেশন যুক্তি এবং গুই করতে পারেন। এটি আপনাকে স্থানীয় সংস্থাগুলি পরিবেশন করতে বা কিছু কাস্টম ক্রিয়া সম্পাদনের জন্য কোনও HTTP অনুরোধকে বাধা দিতে দেয় to উদাহরণস্বরূপ, http://localapp.com/SetTrayIconState?state=active এর একটি অনুরোধটি ধারক দ্বারা বাধা দিতে পারে এবং তারপরে ট্রে আইকনটি আপডেট করার জন্য C ++ ফাংশনটি কল করে।

এটি আপনাকে এমন ফাংশন তৈরি করতে দেয় যা সরাসরি জাভাস্ক্রিপ্ট থেকে কল করা যায়।

সরাসরি সিইএফ-তে জাভাস্ক্রিপ্ট ডিবাগ করা খুব কঠিন। ফায়ারব্যাগের মতো কোনও কিছুর জন্য সমর্থন নেই।

আপনি অ্যাপজেএস.কম চেষ্টা করতে পারেন (লিনাক্স, উইন্ডোজ এবং ম্যাকের জন্য এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্ট ব্যবহার করে ডেস্কটপ অ্যাপ্লিকেশন তৈরি করতে সহায়তা করে)

এছাড়াও, @Clint দ্বারা সরু আউট হিসাবে, দলের brackets.io (অ্যাডোবি) এটি অনেক সহজ শুরু করে তোলে Google Chromium এর এমবেডেড ফ্রেমওয়ার্ক ব্যবহার করে একটি ভয়ঙ্কর শেল তৈরি করা হয়েছে। এটা তোলে বলা হয় বন্ধনী শেল: github.com/adobe/brackets-shell এখানে এটি সম্পর্কে আরও খুঁজে পাবেন: clintberry.com/2013/html5-desktop-apps-with-brackets-shell


3
সিইএফ এর মধ্যে ক্রোম ডেভ সরঞ্জামগুলি অন্তর্নির্মিত রয়েছে যাতে আপনি এটি জেএস ডিবাগ করতে ব্যবহার করতে পারেন। অ্যাপজেএসে নোডেজ এপিআই ব্যবহার করে ওএসে নিম্ন স্তরের অ্যাক্সেসও রয়েছে।
মরতেজা মিলানি

1
ব্র্যাককেট.ইও (অ্যাডোব) এর দলটি ক্রোমিয়াম এম্বেড ফ্রেমওয়ার্ক ব্যবহার করে একটি দুর্দান্ত শেল তৈরি করেছে যা এটি শুরু করা আরও সহজ করে তোলে। একে বন্ধনী শেল বলা হয়: github.com / অ্যাডোব / ব্র্যাককেটস- শেল এটি সম্পর্কে আরও জানুন: clintberry.com/2013/html5-desktop-apps-with-brackets- Shell
ক্লিন্ট

আমি বর্তমানে সিইএফ, এবং এক্সিলিপটি ডিভাইস হিসাবে ব্যবহার করছি এবং ক্রোম বিকাশকারী সরঞ্জামগুলির সাথে সিআরএফ - ক্রম ডেবিগিং-পোর্ট = 8080 কে প্রোগ্রাম আরোগুলির জন্য রান কনফিগারেশনের মাধ্যমে পাস করার পরে, লোকালহোস্টে যান: 8080 ক্রোমে । সুতরাং দয়া করে অংশটি সরান - সিইএফ-তে সরাসরি জাভাস্ক্রিপ্ট ডিবাগ করা খুব কঠিন। ফায়ারব্যাগের মতো কোনও কিছুর জন্য সমর্থন নেই। -
আটকে পড়া শিশু

এছাড়াও, আমি কনটেনা ith ン テ ナgithub.com/jhg/kontena উন্নয়নের জন্য উইন 32 , লিনাক্স, ইউনিক্স, ম্যাক এবং স্মার্টফোন যা সিইএফ, ফোনগ্যাপ, অ্যাডোব, অ্যাপজেএস, ইত্যাদির ব্যকেট.আই.ও ভিত্তিতে তৈরি করব তার সমাধান সমাধান করতে শুরু করছি etc এটি এতটাই অস্থির এবং কেবলমাত্র একটি এমভিপি পাওয়ার জন্য এখন প্রোটোটাইপ, পরীক্ষার ধারণার জন্য পাইথনে লিখিত হয় তবে কোডটি সি ++ / সি-তে QT5 (এখন কিউটি 4 ব্যবহার করুন) এর সাথে অনুবাদ করা হবে এবং যখন সি ++ / সি হবে তখন মুবিলের জন্য অনুবাদ শুরু হবে সমর্থন করি।

@ জেএইচজি ভাল কাজ .. আসুন কখন এটি আনুষ্ঠানিকভাবে প্রকাশিত হয়েছে এবং বাগ-ফিক্সড হয়েছে
আলফ্রেড

33

NW.js

(পূর্বে নোড-ওয়েবকিট নামে পরিচিত)

আমি NW.js এর পরামর্শ দেব যদি আপনি নোডের সাথে পরিচিত হন বা জাভাস্ক্রিপ্টের সাথে অভিজ্ঞ হন।

এনডাব্লু.জেএস ক্রোমিয়াম এবং নোড.জেএস এর উপর ভিত্তি করে একটি অ্যাপ রানটাইম is

বৈশিষ্ট্য

  • আধুনিক HTML5, CSS3, জেএস এবং ওয়েবজিএলে লিখিত অ্যাপ্লিকেশন written
  • নোড.জেএসআইপিআইপি এবং এর সমস্ত তৃতীয় পক্ষের মডিউলগুলির জন্য সম্পূর্ণ সমর্থন।
  • ভাল অভিনয়: নোড এবং ওয়েবকিট একই থ্রেডে চালিত: ফাংশন কলগুলি সরাসরি করা হয়; বস্তুগুলি একই গাদা এবং কেবল একে অপরকে রেফারেন্স করতে পারে
  • অ্যাপ্লিকেশনগুলিকে প্যাকেজ করা এবং বিতরণ করা সহজ
  • লিনাক্স, ম্যাক ওএস এক্স এবং উইন্ডোজ এ উপলব্ধ

আপনি NW.js রেপো জানতে পারেন এখানে , এবং NW.js করার জন্য একটি ভাল ভূমিকা এখানে । আপনি যদি নোড.জেএস শেখার অভিনব হন তবে আমি অনেক ভাল লিঙ্কের সাথে এই এসও পোস্টের সুপারিশ করব ।


2
Seconded। দুর্দান্ত সরঞ্জাম
এরিক রিপেন

তবে এই ক্যান্টটি লোকদের মধ্যে নোড এবং নোড-ওয়েবকিট ইনস্টল করতে না বলে বিতরণ করা হবে, তাই না?
জনিস গ্রুজিস

@ জনিস গ্রুজিস নং, আপনি আপনার অ্যাপ্লিকেশনটি এনডাব্লু.জেএস বাইনারি সহ প্রেরণ করেছেন
আনুমানিক

27

অ্যাভসোমিয়াম আপনার সি ++ বা। নেট অ্যাপ্লিকেশনটিতে এইচটিএমএল ইউআই ব্যবহার করা সহজ করে তোলে

হালনাগাদ

আমার আগের উত্তরটি এখন পুরানো। এই দিনগুলিতে আপনি এর জন্য ইলেক্ট্রন ব্যবহার না করার জন্য উন্মাদ হবেন । এর উপরে অনেকগুলি জনপ্রিয় ডেস্কটপ অ্যাপ্লিকেশন তৈরি করা হয়েছে।


16

দ্রষ্টব্য: AppJS হ্রাস করা হয় এবং আর প্রস্তাবিত হয় না।

পরিবর্তে NW.js দেখুন ।


3
এটি অ্যাপজস নির্মাতাদের দ্বারা অবহেলা করা হয়েছে বলে মনে হয়
ড্যান এস্পারজা

@ ডানস্পারজা ধন্যবাদ, আমি আমার উত্তরটির উন্নতি করেছি
সিউই শেন 申思维

9

দেখে মনে হচ্ছে এইচটিএমএল / জেএস / সিএসএস ডেস্কটপ অ্যাপ্লিকেশনগুলির সমাধানগুলি খুব কম সরবরাহে নেই।

একটি সমাধান আমি সবেমাত্র এনেছি টিডেএসডিকে: http://www.tidesdk.org/ , যা ডকুমেন্টেশনের দিকে তাকানো খুব আশাব্যঞ্জক বলে মনে হচ্ছে।

আপনি পাইথন, পিএইচপি বা রুবি দিয়ে বিকাশ করতে পারেন এবং ম্যাক, উইন্ডোজ বা লিনাক্সের জন্য এটি প্যাকেজ করতে পারেন।


1
প্রতিশ্রুতিবদ্ধ দেখে মনে হচ্ছে, তবে আর বিকাশ হচ্ছে না বলে মনে হচ্ছে। মূল দলটি এখন টিডিকিটকে কল করে কিছুতে কাজ করছে তবে এটি প্রকাশের জন্য তাদের চিরকালের জন্য সময় লাগে - প্লাস এটির জন্য অর্থ ব্যয় করা হবে :(
TheStoryCoder

1
হ্যাঁ, করুণা। আমি যদিও উত্তর দিয়েছিলাম তখন এটি আশাব্যঞ্জক লাগছিল। আমার ধারণা, এগুলি কারণগুলির জন্য তারা স্টাফের জন্য সুপারিশ সম্পর্কিত প্রশ্নগুলিতে ভ্রান্ত হয়।
mydoghasworms 4

3

দুঃখিত আপনার বাবল বিস্ফোরিত কিন্তু Spotify এর ডেস্কটপ ক্লায়েন্ট হয় শুধু একটি ওয়েবকিট ভিত্তিক ব্রাউজার । অবশ্যই এটি নির্দিষ্ট অতিরিক্ত কার্যকারিতা প্রকাশ করে তবে এটি কেবল জেএস চালাতে এবং এইচটিএমএল / সিএসএস উপস্থাপন করতে সক্ষম কারণ এটিতে জেএস ইঞ্জিনের পাশাপাশি ক্রোমিয়াম রেন্ডারিং ইঞ্জিন রয়েছে। এটি আপনাকে ক্লায়েন্ট-সাইড ওয়েব-অ্যাপ্লিকেশন কোডিং এবং একাধিক প্ল্যাটফর্মের সাথে স্থাপনে সহায়তা করে না।

আপনি যা সন্ধান করছেন সেটি সেনচা টাচের অনুরূপ - এমন একটি ফ্রেমওয়ার্ক যা HTML5 অ্যাপ্লিকেশনগুলিকে আইওএস, অ্যান্ড্রয়েড এবং ব্ল্যাকবেরি ডিভাইসে স্থানীয়ভাবে স্থাপন করতে দেয়। এটি মূলত কিছু এপিআই কল এবং উপলব্ধ ডিভাইস-নির্দিষ্ট কার্যকারিতার মধ্যে মধ্যস্থতাকারী হিসাবে কাজ করে।

এক্সিলিটরের সাথে আমার কোনও অভিজ্ঞতা নেই , তবে এটি ঠিক তেমনটি করছে বলে মনে হয় - এবং অনলাইনে খুব অনুকূল রিভিউ পান। আপনার এটি করা উচিত (যদি না আপনি 1999 এ ফিরে যেতে চান এবং এমএস এইচটিএর সাথে রোল না করতে চান ;)


এটি অ্যাপ্লিকেশনের জন্য ওয়েবকিট ব্যবহার করে তবে মূল
নরমটি

1

আমি জানি যে সেখানে ফ্লুইড এবং প্রিজম রয়েছে (অন্যরাও আছেন, আমি এটি ব্যবহার করতাম) যা আপনাকে কোনও স্ট্যান্ডেলোন অ্যাপের মতো দেখতে কোনও ওয়েবসাইট লোড করতে দেয়।

ক্রোমে, আপনি ওয়েবসাইটগুলির জন্য ডেস্কটপ শর্টকাট তৈরি করতে পারেন। (আপনি এটি ক্রোমের মধ্যে থেকে করেন তবে আপনি আপনার অ্যাপ্লিকেশনটির সাথে প্যাকেজ করতে পারবেন না / করা উচিত নয়) Chrome ফ্রেম আলাদা:

গুগল ক্রোম ফ্রেম ওপেন-সোর্স ক্রোমিয়াম প্রকল্পের ভিত্তিতে ইন্টারনেট এক্সপ্লোরারের জন্য ডিজাইন করা প্লাগ-ইন; এটি ইন্টারনেট এক্সপ্লোরারে গুগল ক্রোমের উন্মুক্ত ওয়েব প্রযুক্তি নিয়ে আসে।

আপনার ওয়েব অ্যাপ্লিকেশনটির জন্য আপনার মতো ধরণের র‌্যাপার থাকা দরকার এবং তারপরে বাকিটি আপনার ব্যবহৃত ওয়েব প্রযুক্তি রয়েছে। অ্যাপ্লিকেশন অফলাইনে থাকা অবস্থায় আপনি ডেটা সঞ্চয় করতে এইচটিএমএল 5 স্থানীয় স্টোরেজ ব্যবহার করতে পারেন । আমি মনে করি আপনি এমনকি এসকিউএলাইটের সাথে কাজ করতে সক্ষম হতে পারেন।

আপনি কীভাবে ওএস নির্দিষ্ট বৈশিষ্ট্যগুলি অ্যাক্সেস করতে যাবেন তা আমি জানি না। আমি উপরে যা বর্ণনা করেছি তার কোনও "নিয়মিত" ওয়েবসাইটের মতোই সীমাবদ্ধতা রয়েছে। আশা করি এটি আপনাকে কোথা থেকে শুরু করতে হবে সে সম্পর্কে এক ধরণের নির্দেশিকা দেয়।



0

সিইএফ কাস্টমাইজেশনের জন্য অনেক নমনীয়তা এবং বিকল্পগুলি সরবরাহ করে। তবে অভিপ্রায়টি যদি দ্রুত নোড-ওয়েবকিট বিকাশ করা হয় তবে এটি একটি ভাল বিকল্প। নোড-ওয়েব কিটটি সরাসরি ডিওএম থেকে নোড মডিউলগুলি কল করার ক্ষমতাও দেয়।

নোড-ওয়েবকিটকে সংহত করার জন্য কোনও নেটিভ মডিউল না থাকলে আরও ভাল মাইলেজ সরবরাহ করতে পারে। নেটিভ মডিউলগুলি সি / সি ++ বা এমনকি সি # এর সাথে সিইএফ এর সাথে আরও ভাল।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.