HTML5 अनुप्रयोगों को डेस्कटॉप अनुप्रयोगों के रूप में वितरित करने के लिए समाधान? [बन्द है]


141

HTML5 आधारित डेस्कटॉप एप्लिकेशन वितरित करने के लिए कुछ समाधान क्या हैं?

मैं अपने एचटीएमएल 5 ऐप को विंडोज, ओएसएक्स और लिनक्स पर स्टैंडअलोन डेस्कटॉप एप्लिकेशन के रूप में वितरित करना चाहता हूं। मैं चाहूंगा कि लोग मेरे प्रोग्राम को चलाने के लिए मेरे ऐप आइकन शॉर्टकट पर डबल क्लिक करें।

मैं ब्राउज़र विंडो को बिल्कुल नहीं दिखाना चाहता, बस मेरा ऐप। क्या यह संभव है?


4
क्रोम + फुलस्क्रीन अच्छी तरह से काम करती है
PostMan

2
विंडोज़ पर क्रोम में रिंच मेनू से "मेक एप्लिकेशन शॉर्टकट" विकल्प है। यह डेस्कटॉप पर एक लिंक बनाएगा जो बिना एड्रेस बार के मानक विंडो खोलता है।
6502

3
क्या आपके पास कोई अन्य आवश्यकताएं हैं, जैसे कि स्थानीय फ़ाइलों या अन्य चीजों तक पहुंचना जो आमतौर पर ब्राउज़र के भीतर संभव नहीं हैं?
तिमिन

76
क्या कोई मुझे समझा सकता है कि यह प्रश्न रचनात्मक क्यों नहीं है ? वह पूछ रहा है कि क्या कोई मंच है, इसका उत्तर वस्तुनिष्ठ है: हाँ । और कुछ संभावनाओं के साथ "कार्यान्वित" किया जा सकता है, इसलिए इस तरह से चिह्नित किया गया है, वास्तव में।
फ्रांसेस्को बेलाडोना

10
यह प्रश्न प्रासंगिक और सामयिक दोनों है - जैसा कि इस हालिया लेख द्वारा दिखाया गया है: clintberry.com/2013/html5-apps-deskad-2013
प्रति क्वेस्ट Aronsson

जवाबों:


75

2014 में एचटीएमएल 5 ऐप्स

क्रोम / वेबकिट द्वारा फ़्रेम

  • इलेक्ट्रॉन (पूर्व एटम शेल)

    इलेक्ट्रॉन HTML, CSS और जावास्क्रिप्ट के साथ क्रॉस-प्लेटफॉर्म डेस्कटॉप अनुप्रयोगों के निर्माण के लिए GitHub द्वारा विकसित एक खुला स्रोत पुस्तकालय है। क्रोम क्रोमियम और Node.js को एक रनटाइम में मिला कर इसे पूरा करता है और मैक, विंडोज और लिनक्स के लिए ऐप पैक किए जा सकते हैं। ( स्रोत )

    गिथूब के लोग इसका उपयोग अपने कोड संपादक एटम को एक ऐप के रूप में प्रदान करने के लिए करते हैं । इसमें आधिकारिक परमाणु मंचों पर एक प्रलेखित एपीआई और एक सहायता चैनल है।

  • नोड-वेबकिट , सबसे न्यूनतम दृष्टिकोण

    नोड-वेबकिट क्रोमियम और नोड.जेएस पर आधारित एक ऐप रनटाइम है आप नेट-वेबकिट के साथ HTML और जावास्क्रिप्ट में मूल एप्लिकेशन लिख सकते हैं। यह आपको DOM से सीधे Node.js मॉड्यूल को कॉल करने की सुविधा देता है और सभी वेब प्रौद्योगिकियों के साथ मूल एप्लिकेशन लिखने का एक नया तरीका सक्षम करता है।

    इसके पीछे इंटेल (?) है। मुझे बताया गया है कि यह किनारों के आसपास बहुत उबड़ खाबड़ है।

  • ब्रैकेट्स शेल , एडोबेस कोड एडिटर का सैंडबॉक्स (और एडोब एज का बेस)

    नोट: ब्रैकेट-शेल केवल ब्रैकेट प्रोजेक्ट द्वारा उपयोग के लिए बनाए रखा गया है। हालांकि कुछ लोगों को निश्चित रूप से अन्य परियोजनाओं के लिए ऐप शेल के रूप में इसका उपयोग करने में सफलता मिली है, हम इसके लिए कोई आधिकारिक समर्थन प्रदान नहीं करते हैं और हमने ऐप शेल को आसानी से पुन: उपयोग करने के लिए एक टन का काम नहीं किया है। बहुत से लोगों को संभवतः नोड-वेबकिट जैसी परियोजना का उपयोग करना आसान होगा, जो डिजाइन द्वारा अधिक सामान्य है।

    रीडमी कहते हैं, लेकिन वहाँ बहुत सारे लोग हैं, जिन्होंने इसे फिर भी किया।

फ्रेमवर्क + उपकरण

  • एडोब आकाशवाणी , जैसा कि एक और जवाब सुझाया गया है।

    Adobe® AIR® रनटाइम डेवलपर्स को विंडोज और मैक ओएस डेस्कटॉप के साथ-साथ आईफोन, आईपैड, किंडल फायर, नुक्कड़ टैबलेट और अन्य एंड्रॉइड ™ उपकरणों के लिए एक ही कोड को पैकेज करने में सक्षम बनाता है, जो 500 मिलियन से अधिक के मोबाइल ऐप स्टोर तक पहुंचते हैं। उपकरण।

  • Sencha एक कंपनी है जो html5 ऐप डेवलपमेंट और डिस्ट्रीब्यूशन सहित ऐप डेवलपर्स के लिए टूल बेचती है।

निष्क्रिय दृष्टिकोण

  • Tide SDK ( आर्काइव ओआरजी पर 2015-07-12 पर संग्रहीत ), बीटा संस्करण, 12 जुलाई 2015 को बंद कर दिया गया

    http://www.tidesdk.org/

  • मोज़िला के ज़ूलरनर आपके लिए चाल कर सकते हैं लेकिन कुछ उपरि जोड़ता है।

  • app.js 28 अगस्त 2013 को समाप्त हो गया ( https://github.com/rogerwang/node-webkit).node-webkit] द्वारा इससे आगे निकल जाने के बाद ।

    क्योंकि यह सरल और अभी तक शक्तिशाली है। AppJS का उपयोग करके आपको क्रॉस-प्लेटफ़ॉर्म को कोड करने या नई भाषाओं और टूल सीखने के बारे में चिंता करने की आवश्यकता नहीं है। आप पहले से ही HTML, CSS और JavaScript से परिचित हैं। अनुप्रयोग विकास के लिए इस ढेर से बेहतर क्या है? इसके अलावा, AppJS कोर में क्रोमियम का उपयोग करता है ताकि आपको नवीनतम HTML 5 एपीआई काम कर सकें। इसलिए और उस कार्य पर ध्यान केंद्रित करें जो आपके आवेदन को करना चाहिए।

  • मोज़िला प्रिज्म का विघटन हुआ है, उनकी दासता थी:

    अपने डेस्कटॉप पर वेब एप्लिकेशन लाना
    प्रिज्म एक ऐसा एप्लिकेशन है जो उपयोगकर्ताओं को अपने ब्राउज़र से वेब एप्लिकेशन को विभाजित करने और उन्हें सीधे अपने डेस्कटॉप पर चलाने की सुविधा देता है।


7
मोज़िला प्रिज्म अब निष्क्रिय है
हर्षित जेवी

8
बस एडोब एयर के साथ एक सिर। यदि आप किसी भी प्रकार के जावास्क्रिप्ट टेम्प्लेट समाधान (यानी हैंडलबार्स, मूंछ) का उपयोग करने की योजना बना रहे हैं, तो उनमें से अधिकांश नए फ़ंक्शन () जावास्क्रिप्ट कॉल से संबंधित सुरक्षा त्रुटियों के कारण काम नहीं करते हैं।
जेम्स पार्कर

बहुत उपयोगी संकेत के लिए धन्यवाद! दुर्भाग्य से मैंने अभी तक ऊपर सूचीबद्ध किसी भी उदाहरण का परीक्षण करने के लिए ऑपटपुरिटी नहीं की थी। मैंने उन्हें केवल शोध के माध्यम से एकत्र किया।
सैमुअल हर्ज़ोग

आप अपने एप्लिकेशन को सुरक्षा सैंडबॉक्स को आउटसोर्स करने के लिए चला सकते हैं। मुझे KendoUI टेम्प्लेटिंग सिस्टम के साथ भी यह समस्या थी, और इसे दूर करने में सक्षम था। किसी भी तरह से मैंने एयर से टाइटेनियम डेस्कटॉप पर स्विच किया, लेकिन वर्तमान में विकल्प की तलाश कर रहा हूं क्योंकि टीडी के विंडोज वेबकिट कार्यान्वयन में फार्म तत्वों (इनपुट / ड्रॉपडाउन) के साथ गंभीर समस्याएं हैं )।
वास्को कोस्टा

आप HTML5 / CSS3 / JS वेब एप्लिकेशन को Mac OS X एप्लिकेशन (.app) में पैकेज करने के लिए सेंटेनज़ा डेस्कटॉप पर विचार कर सकते हैं । एक एपीआई पुस्तकालय भी उपलब्ध है। इसे किसी भी चौखटे (जैसे Adobe Air या TideSDK) की आवश्यकता नहीं है। Mac App Store परिनियोजन समर्थित है।
बेनी

15

आप डेस्कटॉप के लिए HTML5 ऐप बनाने के लिए AppJS का उपयोग कर सकते हैं जो Nodejs और Chromium का उपयोग करता है। इसे देखें : http://appjs.com Github लिंक: https://github.com/appjs/appjs


1
ऐसा ही एक नोड-वेबकिट है, इसमें कुछ अच्छी विशेषताएं हैं जैसे v8 स्नैपशॉट का उपयोग करके अपनी जावास्क्रिप्ट को संकलित करना। लिंक
स्तंभ

डेप्रिसिएशन नोटिस AppJS परियोजना कुछ वर्षों से सक्रिय रूप से विकसित नहीं हुई है। कृपया इसके बजाय NW.js या इलेक्ट्रॉन देखें।
हारून फ्रेंके

10

आप मोज़िला से ज़ुलेनर को देखना चाह सकते हैं। 10000 फुट के स्तर पर, FireFox ब्राउज़र एक XULRunner एप्लिकेशन है (जाहिर है कि यह बहुत परिष्कृत है, लेकिन ...)। लेकिन XULRunner आपको एप्लिकेशन बनाने के लिए Javascript और XML का उपयोग करने देता है, और ब्राउज़र विंडो उन घटकों में से एक है, जिससे आप एक बार अपनी मूल विंडो को ऊपर उठा लेते हैं, तो आप संभवतः अपने इच्छित बहुत कुछ कर सकते हैं।

इसके अलावा, आपके आवेदन के परिष्कार के आधार पर, कई "विजेट" फ्रेमवर्क हैं (जैसे मैक पर डैशबोर्ड, याहू विजेट, विंडोज गैजेट्स) जो मूल रूप से HTML रनटाइम हैं।


2
मैं XULRunner को देखने की अत्यधिक सलाह देता हूं। आप जो वर्णन करते हैं, वह आदर्श है, और अच्छी तरह से प्रलेखित है। Chrome भी ठीक वैसे ही काम करेगा, मुझे लगता है, लेकिन मैंने इस पर ध्यान नहीं दिया।
जारेड फरिश

एक्सयूएल रनर एक भयानक ढांचा है और बहुत लचीला है, लेकिन जैसा कि आप कहते हैं कि अच्छी तरह से प्रलेखित नहीं है। एक नौसिखिया बात शुरू करने के लिए एक बहुत भुगतना होगा।
एसाफवान

10

निश्चित रूप से टाइटेनियम की जाँच करें । बस आज मैंने एक कार्यात्मक एचटीएमएल 5 ऐप लिया और कुछ मामूली संशोधनों के साथ इसे टाइटेनियम में छोड़ दिया और मैक, विंडोज और लिनक्स के लिए पैकेज किया।

और यह भी PHP, अजगर और रूबी का समर्थन करता है अगर आपके ऐप को "सर्वर-साइड" प्रसंस्करण की आवश्यकता होती है।


यदि आप एक पहले से तैयार समाधान चाहते हैं, तो मुझे लगता है कि यह उत्तर है।
dylanized

15
टाइटेनियम के साथ मेरे अनुभव भयानक रहे हैं - यह बाहर से बहुत अच्छा लगता है, लेकिन बग के साथ भरा हुआ है और बहुत जल्दी उपयोग करने के लिए नरक बन जाता है। मैं इसकी सिफारिश नहीं कर सकता।
डेमियन

3
मैंने यह भी सोचा था कि यह एक अच्छा विकल्प होगा लेकिन: 1) मैं इसे लिनक्स (उबंटू 11.10) 2 में एक सरल "क्रिएट-न्यू-प्रोजेक्ट / रन" नहीं बना सकता था। टाइटेनियम डेस्कटॉप को -मुनिटी-चालित प्रोजेक्ट में परिवर्तित किया जा रहा है ( इसका मतलब है, जब तक कोई अपना कोड नहीं लेगा तब तक वह मर जाएगा)
लुइस लोबो बोरोबिया

4
मुझे पता है कि यह पुराना है, लेकिन मैंने अभी इस उत्तर को पढ़ा है, और कुछ समय बिताया जब तक मुझे पता नहीं चला कि टाइटेनियम डेस्कटॉप मर चुका है। इसलिए, कोई विकल्प नहीं। BTW, मैं c # और क्रोमियम एम्बेडेड के साथ कुछ बनाने के बारे में सोच रहा हूँ, जैसा कि github ने अपने टूल में विंडोज़ के लिए किया था
NicoGranelli

6
टाइटेनियम डेस्कटॉप TideSDK tidesdk.org
पीसमून

5

क्रोम वह कर सकता है जो प्रिज्म देखता है - टूल्स-> एप्लिकेशन शॉर्टकट बनाएं


नहीं पता था कि ... +1
arg20

दुर्भाग्य से, मैक पर एप्लिकेशन शॉर्टकट उपलब्ध नहीं हैं।
शेन होलोवे

4

आप Phonegap आज़मा सकते हैं, एक Windows डेस्कटॉप पोर्ट है: https://github.com/davejohnson/phonegap-windows

मैंने मैक-पोर्ट की कोशिश की, यह अच्छी तरह से काम किया। मैंने अभी तक विंडोज़ संस्करण की कोशिश नहीं की।


1
मैक-पोर्ट संस्करण के लिए लिंक, github.com/shazron/phonegap-mac । चीयर्स।
टोनीटेक्शी

3

Adobe AIR का मतलब आपको डेस्कटॉप एप्लिकेशन प्रदान करते समय मुख्य रूप से HTML, CSS और जावास्क्रिप्ट में काम करने देना है। (कैविएट: मैंने वास्तव में इसका इस्तेमाल खुद नहीं किया है।)


1
AIR में एकीकृत ब्राउज़र पुराना है और इसे कभी भी अपडेट नहीं किया जाएगा, इसलिए मैं इसकी अनुशंसा नहीं करता (मैंने इसे अधिक परियोजनाओं में उपयोग किया है)
simion314

@ simion314: मैं उत्सुक हूं, क्योंकि AIR एक चालू परियोजना है, आप क्यों कहते हैं कि इसमें ब्राउज़र कभी "अपडेट" नहीं होगा।
टीजे क्राउडर

देखें फ़ोरम .adobe.com/message/6177332 एडोब आकाशवाणी के मोबाइल भाग के लिए और अधिक काम करता है, और मोबाइल पर वे स्टेजवेब व्यू का उपयोग करते हैं और वे AIRK में वेबकिट इंजन को अपडेट नहीं करेंगे, स्टेजव्यूव्यू सिर्फ सामान दिखाने के लिए सीमित है, उदाहरण यदि आप एक जटिल जावास्क्रिप्ट लाइब्रेरी या ckeditor 4 जैसे एप्लिकेशन को लोड करने का प्रयास करें क्योंकि यह वेबकिट इंजन के साथ कुछ असंगतियों के कारण विफल हो जाएगा (कुछ सैंडबॉक्सिंग से संबंधित हैं, लेकिन सभी नहीं)
simion314

3

[केवल विंडोज पर] एचटीएमएल एप्लिकेशन (एचटीए) दृष्टिकोण की कोशिश करें - बस अपने .html फ़ाइल को .hta एक्सटेंशन के साथ सहेजें। यह ब्राउजर विंडो से छुटकारा पाने के लिए कुछ एडिटोनल सेटिंग्स भी प्रदान करता है, ऐप के लिए ट्रस्ट का स्तर इत्यादि। यहाँ पढ़ें: http://en.wikipedia.org/wiki/HTML_Application और यहाँ http://technet.microsoft। com / en-सीए / scriptcenter / dd742317.aspx


2

हम्म ... एचटीएमएल 5 / सीएसएस / जेएस के लिए एक आभासी मशीन ... एक ब्राउज़र की तरह लगता है। :)

हो सकता है कि Adobe AIR ट्रिक करेगा, क्योंकि यह डेस्कटॉप पर समृद्ध इंटरनेट ऐप लाने के विचार पर आधारित है। मैंने इसका इस्तेमाल कभी नहीं किया है।

एक चीज़ जो आप कर सकते हैं, वह एक बहुत ही मूल डेस्कटॉप ऐप विकसित करना है जो किसी प्रकार के प्रीपेड वेब ब्राउज़र नियंत्रण का उपयोग करता है (जैसे कि यदि आप मैक के लिए विकसित कर रहे हैं, तो बस विंडो में एक वेब व्यू को ड्रॉप करें और ऐप पर अपने HTML को लोड करने के लिए कुछ मूल कोड जोड़ें। चालू होना)।


2

मोज़िला के इस नए प्रोजेक्ट की जाँच करें। आप डेस्कटॉप ऐप्स भी बना सकते हैं: https://developer.mozilla.org/en/Apps

यहाँ विस्तार से: http://hacks.mozilla.org/2012/05/desktop-apps-with-html5-and-the-mozilla-web-runtime/


1
बहुत बुरा वे वास्तव में एक गुणहीन अनुप्रयोग के रूप में नहीं बनाते हैं।
फ्रैंक

1

मोबाइल फोन के लिए आप PhoneGap http://www.phonegap.com/ का उपयोग कर सकते हैं । कुछ और कोडिंग के साथ संभावित आप इसे डेस्कटॉप के लिए उपयोग कर सकते हैं।



1

वर्तमान में उत्तर यह है कि प्रत्येक प्लेटफ़ॉर्म के विभिन्न समाधान हैं।

  • मैक OSX के लिए आप UIWebView के साथ एक कोको डेस्कटॉप ऐप बनाएंगे
  • विंडोज के लिए आप एक ब्राउज़र घटक के साथ एक .NET डेस्कटॉप ऐप बनाएंगे।

मुझे लगता है कि एक ब्राउज़र घटक के साथ खिड़कियों का उपयोग करने की कई सीमाएं हैं (फाइलसिस्टम तक पहुंच सकते हैं या पॉपअप दिखा सकते हैं?), क्या आप इस दृष्टिकोण का उपयोग करने की तुलना में किसी भी परियोजना को जानते हैं? ...
21

सर्वश्रेष्ठ उत्तर और कोई भी इसे स्वीकार नहीं करता है। पीठ में ज्यादातर सभी हाइब्रिड समाधान एक वेबव्यू घटक का उपयोग करते हैं जो ब्राउज़र की तरह ही व्यवहार करता है। यह आपको केवल एक ज़रूरत है, एक वेबव्यू प्राप्त करें, html / css / js और वॉइला को लोड करें!
दान ओचियाना

1

आप एक एम्बेडेड सर्वर जैसे Tomcat या शायद Apache का उपयोग कर सकते हैं।

मैं एक संपूर्ण जावा वेब एप्लिकेशन के लिए टॉमकैट का उपयोग करता हूं। ब्राउज़र के अंदर चलाएं, लेकिन एप्लिकेशन इंस्टॉल होना चाहिए। ऐप शुरू करने, सेवा शुरू करने और ब्राउज़र खोलने का शॉर्टकट।

या वेबकिट का उपयोग करने का प्रयास करें


1

थोड़ा देर से, लेकिन आप Google क्रोम के एक पोर्टेबल संस्करण का उपयोग कर सकते हैं, और फिर इसे स्थापित करने के लिए एक छोटी विंडोज़ ऐप बना सकते हैं, और इसके --kiosk और ऐप मोड में .ink शॉर्टकट बना सकते हैं।
क्रोम क्रोम एप्लीकेशन शॉर्टकट पसंद करते हैं, लेकिन जहां आप उनके लिए क्रोम इंस्टॉल करते हैं।


1

यदि आपको केवल विंडोज के लिए इसकी आवश्यकता है, तो आपको HTML एप्लिकेशन (HTA) पर विचार करना चाहिए, यह IE 5 (10+ वर्ष) के बाद से इंटरनेट एक्सप्लोरर का हिस्सा है।

कोई सर्वर आवश्यक नहीं है, पूर्ण HTML प्रारूपण, स्थानीय संसाधनों तक पूर्ण पहुंच (यहां तक ​​कि COM / यूएसबी पोर्ट), भयानक। इसके अलावा, विजुअल स्टूडियो के साथ डिबग करना आसान है, बस MSHTA.exe से बांधें

आप एचटीए के एचटीएमएल 5 को निम्नलिखित मेटा टैग के साथ सक्षम कर सकते हैं:

<!-- enable html5 features --> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"></meta>

+1 लिनक्स और मैक सपोर्ट के लिए भी देखें :)
भार्गव नानकेल्वा
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.