ब्रॉडवे - ब्राउज़र (HTML5) में GTK3 इंटरफ़ेस का प्रतिपादन

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

जीटीके ब्रॉडवे क्या है

ब्रॉडवे के बारे में, 2011 में पहले से ही एक हब पर बताया गया था। हालांकि, इस विकल्प के प्रकाश क्षेत्र में तब से थोड़ा बदल गया है।
UPD, थैंक्स आवार्ड :
प्रारंभ में, यह 6.3 X विंडो सिस्टम 11 (X11R6.3) रिलीज के लिए प्रौद्योगिकी और आंतरिक कोड नाम है:
“ब्रॉडवे एक्स विंडो सिस्टम 11 रिलीज़ 6.3 (एक्स 11 आर 6.3) विकास के प्रयास का आंतरिक कोड नाम था। X11R6.3 प्रोजेक्ट वर्ल्ड वाइड वेब पर इंटरैक्टिव अनुप्रयोगों को बनाने और उन तक पहुंचने के लिए एक्स के उपयोग को सक्षम करने के लिए एक जमीनी-तोड़ने की पहल थी। X11R6.3 का उपयोग करते हुए वेब से जुड़ा कोई भी एप्लिकेशन आज स्थैतिक HTML दस्तावेजों तक पहुंचने के लिए उपयोग किए जाने वाले समान टूल के साथ स्थित, एक्सेस और निष्पादित किया जा सकता है। "

मुख्य विचार सामान्य और पहले से परिचित GTK3 के आधार पर कोड का एक एकल संस्करण लिखना है, जो एक साथ और व्यावहारिक रूप से अपरिवर्तित काम को क्लासिक ग्राफिकल एप्लिकेशन के रूप में कर सकता है, साथ ही साथ ब्राउज़र में एचटीएमएल 5 और वेबसोकेट का उपयोग करके अपने इंटरफ़ेस को प्रस्तुत कर सकता है। संस्करण 3.8+ में, कनेक्शन और एक सर्वर पर कई एप्लिकेशन चलाने की क्षमता के लिए पासवर्ड सेट करना संभव हो गया।

GTK3 का क्या संस्करण?

आधिकारिक तौर पर, ब्रॉडवे को GTK3 के साथ जारी किया गया था, लेकिन केवल संस्करण 3.8 से शुरू होने से इस सबसिस्टम को कष्टप्रद त्रुटियों से छुटकारा मिला। मैं 3.10.7 का उपयोग करता हूं, क्योंकि इसने उपयोग के सिद्धांत को बदल दिया, कई त्रुटियों को ठीक किया और HTTP सर्वर को एक अलग एप्लिकेशन के रूप में बनाया। इसलिए, मैं 3.10 के बारे में बात करूंगा, क्योंकि सभी एक ही, सब कुछ उसके पास आएगा।

कार्य सिद्धांत

GTK3 के साथ, GTK3 (ब्रॉडवे डी ) के साथ एकीकृत एक HTTP सर्वर स्थापित है। स्टार्टअप पर, यह एक सॉकेट बनाता है, उदाहरण के लिए /run/user/1000/broadway1.socket, और इस सॉकेट से कनेक्ट करने के लिए GTK3 एप्लिकेशन की प्रतीक्षा करता है।
आप एक अलग पोर्ट (स्क्रीन नंबर) निर्दिष्ट कर सकते हैं, आप कनेक्शन के लिए एक पासवर्ड सेट कर सकते हैं (> = जीटीके 3.8)।

क्यों जरूरी है?

ऑपरेशन का ऐसा मोड PHP / JS / Java पर आधारित मानक इंटरफेस और उनके ilk को बदलने का दिखावा नहीं करता है जो अब मानक बन गए हैं। लेकिन इस तरह, आप एक सेवा का निर्माण कर सकते हैं, उदाहरण के लिए, एक वर्चुअल मशीन के रूप में, जो उपयोगकर्ताओं को किसी भी कंप्यूटिंग सेवाओं या उपयोगिताओं तक पहुंच प्रदान करेगा, जो बिना किसी विशेष इंटरफ़ेस को विकसित किए बिना समय बर्बाद कर सकता है, जबकि सर्वर पर उच्च प्रदर्शन सुनिश्चित करता है। उदाहरण के लिए, मैंने इसका उपयोग XenServer वर्चुअल मशीनों तक पहुंचने के लिए कंसोल बनाने के लिए किया और अब मैं अपने टेलीस्कोप के कैमरों के लिए रिमोट एक्सेस लागू कर रहा हूं।

ब्रॉडवे हो रहा है

फिलहाल, जहां तक ​​मुझे पता है, एक भी वितरण नहीं है जो मैंने कोशिश की है वह स्थिर शाखाओं में GTK3 + ब्रॉडवे पैकेज प्रदान करता है। डेबियन 7 में प्रयोगात्मक रिपॉजिटरी में ऐसा पैकेज है, लेकिन ऐसा लगता है कि इसके साथ सब कुछ आसानी से नहीं चल रहा है।
डेबियन आधारित प्रणालियों में, आप एक अच्छे व्यक्ति द्वारा निर्मित पीपीए जोड़ सकते हैं (निकोलस डेल्वाक्स)
3.8.0 के आधार पर उसके द्वारा बनाया गया एक बैकपोर्ट है

दोनों विकल्पों का उपयोग सावधानी और समझ के साथ किया जाना चाहिए, क्योंकि सिस्टम को पूरी तरह से तोड़ने का एक वास्तविक अवसर है। मैं 3.10.7 का उपयोग करता हूं, यहां यह केवल स्रोत से है।

संक्षिप्त विधानसभा निर्देश

हम इकट्ठा करते हैं, जैसा कि एलएफएस मैनुअल में वर्णित है , अगर आपके पास पैकेज मैनेजर है तो चेक इंस्टॉल के बारे में भूल जाने के बिना
दुर्भाग्य से, एक महत्वपूर्ण बारीकियों का वहां वर्णन नहीं किया गया है - जीटीके 3 पुस्तकालय को स्वयं इकट्ठा करने और स्थापित करने के अलावा, आपको मैन्युअल रूप से $ PATH के माध्यम से कहीं सुलभ ब्रॉडवे को इकट्ठा और कॉपी करना होगा, उदाहरण के लिए, / usr / sbin में

cd gtk+-3.10.7/gdk/broadway make clean make cp broadwayd /usr/sbin 

लांच

यदि आप इस तरह से एप्लिकेशन चलाते हैं

 GDK_BACKEND=broadway BROADWAY_DISPLAY=:0 ./gtk_app 

।
तब यह वेब सर्वर की तरह पृष्ठभूमि में काम करेगा, और हम ब्राउज़र में उपयुक्त पते और पोर्ट पर जाकर इंटरफ़ेस तक पहुँच प्राप्त करेंगे। इस उदाहरण में, यह लोकलहोस्ट होगा: 8080 (पोर्ट की गणना पोर्ट = 8080 + (प्रदर्शन - 1) के रूप में की जाती है )। वेब सर्वर को पहले ही GTK - ब्रॉडवे के साथ भेज दिया गया है। इस मामले में, होस्ट पर एक कार्यशील एक्स सर्वर की आवश्यकता भी नहीं है। यह आवश्यक पुस्तकालयों के लिए पर्याप्त है। एप्लिकेशन को ब्राउज़र में लगभग उसी तरीके से प्रदर्शित किया जाएगा जैसे कि मानक मोड में। के तुलना करते हैं:

उपयोग की मुख्य बारीकियों

पहली चीज जो आपकी आंख को पकड़ती है - कोई विंडो नाम नहीं है, साथ ही पेज का शीर्षक "ब्रॉडवे 2.0" कहता है। मैन्युअल रूप से विंडो को खींचकर आकार बदलना भी असंभव है।
के उपयोग

 gtk_status_icon_set_visible(GTK_STATUS_ICON(tray_icon), TRUE); 

सीगफॉल्ट की ओर ले जाएगा। अगला चेतावनी यह है कि ब्राउज़र में जो कुछ भी किया जाता है वह मेजबान मशीन के सापेक्ष किया जाता है। उदाहरण के लिए, स्थानीय ब्राउज़र मशीन पर एक फ़ाइल का चयन करना और आवेदन पक्ष पर इसके साथ कुछ करना काम नहीं करेगा। या एक परिचायक कॉल के कारण होस्ट पर एक पॉपअप दिखाई देगा, और ब्राउज़र के साथ मशीन पर नहीं।
दूसरी ओर, अन्य लाभ खुलते हैं, जैसे कि सर्वर संसाधनों तक सरलीकृत पहुंच, लेकिन आपको सुरक्षा पर ध्यान देने की आवश्यकता है, उदाहरण के लिए, gtk_file_chooser_set_local_only, gtk_file_chooser_set_filter के माध्यम से और एक अलग उपयोगकर्ता के लिए जेल कॉन्फ़िगर करें और इस उपयोगकर्ता के लिए वेब संस्करण लॉन्च करें, अन्यथा उपयोगकर्ता होगा। कम से कम निर्देशिका संरचना।

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

अभ्यास

विचार करें कि आप आवेदन में ब्रॉडवे का उपयोग करने की संभावना को कैसे ध्यान में रख सकते हैं।
हम ग्लेड को एक इंटरफ़ेस कंस्ट्रक्टर के रूप में उपयोग करेंगे। मैं एक एप्लिकेशन में इंटरफ़ेस के दो संस्करणों का उपयोग करता हूं: एक सामान्य उपयोग के लिए और एक ब्राउज़र के लिए, जो ब्राउज़र और / या मोबाइल डिवाइस पर काम करने की बारीकियों को ध्यान में रखने की कोशिश करता है।
जीटीके मेमोरी बफर से इंटरफेस लोड करने की अनुमति देता है, जो कि हम उपयोग करेंगे। मेकफाइल में, मैं XML फ़ाइल से रूपांतरण जोड़ता हूं जिसमें ग्लेड इंटरफ़ेस को uint8_t सरणी में सहेजा गया है, जो एप्लिकेशन को लोड करेगा। यह आपको एक एकल निष्पादन योग्य फ़ाइल में सब कुछ संग्रहीत करने की अनुमति देता है।

 all: xxd -i desktop.glade ../src/desktop.h; xxd -i web.glade ../src/web.h; make -C ../src clean: make -C ../src clean 

अब हमारे पास हेडर फ़ाइल में एक इंटरफ़ेस के साथ एक सरणी है। मुख्य लूप मानक है।

 int main(int argc, char *argv[]) { gtk_init(&argc, &argv); GtkWidget *main_window = glade_init( ); gtk_widget_show(main_window); gtk_main( ); } 

मैं वापसी के बारे में पहले से जवाब दूंगा - यह std = c99 के साथ जा रहा है
अगला, हमें यह समझने की आवश्यकता है कि इस या उस प्रकार के इंटरफ़ेस का उपयोग कब किया जाए।
यहाँ, यह हमारी मदद करेगा कि यदि ब्रॉडवे का उपयोग किया जाता है, तो GDK स्क्रीन को "ब्राउज़र" कहा जाता है

 #ifdef __WIN32 G_MODULE_EXPORT #endif gboolean is_run_in_a_browser (void) { GdkScreen *current_screen = gdk_screen_get_default(); char *screen_name= gdk_screen_make_display_name(current_screen); gboolean is_browser = !strcmp(screen_name,"browser"); free(screen_name); return is_browser; } 

यदि आवश्यक हो तो Win32 के तहत ठीक से काम करने के लिए ifdef की यहां जरूरत है।
इस फ़ंक्शन में, हम GDK विंडो के नाम की जांच करते हैं, और यदि यह एक ब्राउज़र है, उसी समय हम विंडो के डिज़ाइन (फ्रेम) को हटा देते हैं। अब हम इंटरफ़ेस को इस आधार पर लोड करेंगे कि एप्लिकेशन ब्रॉडवे के माध्यम से चल रहा है या नहीं

 #ifdef __WIN32 G_MODULE_EXPORT #endif GtkWidget *glade_init(void) { GtkBuilder *builder = gtk_builder_new( ); GError *error = NULL; gboolean web_run = is_run_in_a_browser(); gtk_builder_add_from_string(builder, web_run ? (char *)web_glade : (char *)desktop_glade, -1, &error); if (!error) { printf("Couldn't load builder buffer: %s", error->message); g_error_free(error); return NULL; } gtk_builder_connect_signals(builder, NULL ); GtkWidget *main_window = GTK_WIDGET (gtk_builder_get_object (builder, "mainwin")); g_object_unref(builder); return ( main_window ); } 

हमने एप्लिकेशन लॉन्च किया। हम पाते हैं कि विंडो लेआउट सेटिंग्स काम नहीं करती हैं। लॉन्च के तुरंत बाद, जीडीके स्क्रीन 1024 * 768 का संकल्प बाद में एक विचार है। इसके अलावा, आपको विंडो को अपने हाथों से केंद्रित करना होगा, क्योंकि शायद ही कभी ब्राउज़र रिज़ॉल्यूशन ब्रॉडवे में डिफ़ॉल्ट मान से मेल खाता हो।
ब्राउज़र में एप्लिकेशन को खोलने के बाद, हमें वांछित स्क्रीन रिज़ॉल्यूशन सेट करने की आवश्यकता है (ज्यादातर बार यह पूर्ण स्क्रीन तक फैल जाएगा) और उसी समय ऊपरी बाएं कोने को मूल के साथ मिलाएं। यह किया जा सकता है, उदाहरण के लिए, इस तरह।

 gtk_window_move(GTK_WINDOW(main_window),0,0); GdkScreen *current_screen = gdk_screen_get_default(); int32_t w = gdk_screen_get_width(current_screen); int32_t h = gdk_screen_get_height(current_screen); gtk_window_resize(GTK_WINDOW(main_window),w, h); 

तब परीक्षण एप्लिकेशन (VNC कंसोल) एंड्रॉइड / फ़ायरफ़ॉक्स में इस तरह दिखाई देगा):



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

अनुकूलन ब्रॉडवे का एक सा

सौभाग्य से, GTK3 एक खुला स्रोत है, इसलिए आप गहराई तक जा सकते हैं और कुछ बदल सकते हैं।

खिड़की शीर्षक के साथ शुरू करते हैं।

डिफ़ॉल्ट पाठ, "ब्रॉडवे 2.0", किसी के अनुकूल होने की संभावना नहीं है, हम इसे बदल देंगे। HTML5 सर्वर पेज में एक टेम्प्लेट और एक JS फाइल होती है। पृष्ठ का शीर्षक मानक HTML शीर्षक में लिखा गया है:

 <title>broadway 2.0</title> 

असेंबली के दौरान, पृष्ठ को एक पर्ल स्क्रिप्ट द्वारा एक साधारण सी सरणी में परिवर्तित किया जाता है, जो gtk + -3.10.7 / gdk / Broadway / clienthtml.h - स्टेटिक कॉन्स्ट char client_html [] में संग्रहीत होता है।
फिर सब कुछ सरल है, gtk + -3.10.7 / gdk / Broadway / Broadway-server.c:

 static void got_request (HttpRequest *request) ............... if (strcmp (escaped, "/client.html") == 0 || strcmp (escaped, "/") == 0) send_data (request, "text/html", client_html, G_N_ELEMENTS(client_html) - 1); 

ऑपरेशन एल्गोरिथ्म को थोड़ा बदलें, हम हेडर का उपयोग स्प्रिंटफ के लिए एक प्रारूप के रूप में करेंगे। इसलिए, gtk + -3.10.7 / gdk / Broadway / clienthtml.h को थोड़ा सुधारना होगा - उदाहरण के लिए, प्रतिशत संकेतों की स्क्रीनिंग जोड़ें, जैसे:

 background-image: -moz-linear-gradient(#D1D2D2 0%%, #BABBBC 65%%, #D4D4D5 100%%);\n" 

के बजाय

 background-image: -moz-linear-gradient(#D1D2D2 0%, #BABBBC 65%, #D4D4D5 100%);\n" 

और शीर्षक पाठ को बदलें

 <title>broadway 2.0</title> 

विनिर्देशक पर

 <title>%s</title> 

स्वयं सर्वर का एल्गोरिथ्म बदलें:

 char *http_title = getenv("GTK_HTTP_TITLE"); if (NULL == http_title) { http_title = "Default"; } size_t total_html_size = sizeof client_html + strlen(http_title) + 1; char *_client_html = malloc (total_html_size); snprintf(_client_html, total_html_size, client_html, http_title); if (strcmp (escaped, "/client.html") == 0 || strcmp (escaped, "/") == 0) send_data (request, "text/html", _client_html, strlen(_client_html) - 1); ........... g_free (_client_html); 

एक asprintf का उपयोग कर सकता है, लेकिन फिर किसी को मेकफाइल को अपग्रेड करना होगा, जो मैं नहीं करना चाहता था।
ब्रॉडवे का पुनर्निर्माण करें, वैश्विक चर सेट करें और सर्वर शुरू करें

 export GTK_HTTP_TITLE="PAGE TITLE" 

आप डिफ़ॉल्ट स्क्रीन का आकार बदल सकते हैं, मोबाइल उपकरणों के साथ उपयोग करने पर यह प्रासंगिक हो सकता है।

 static void gdk_broadway_screen_init (GdkBroadwayScreen *screen) { screen->width = 1024; screen->height = 768; } 

और जीडीके स्क्रीन का नाम बदलें, इसलिए आप उदाहरण के लिए, ब्रॉडवे के कई विशिष्ट संस्करण बना सकते हैं और उन्हें इस तरह से पहचान सकते हैं

 static gchar * gdk_broadway_screen_make_display_name (GdkScreen *screen) { return g_strdup ("browser"); } static gchar * gdk_broadway_screen_get_monitor_plug_name (GdkScreen *screen, gint monitor_num) { return g_strdup ("browser"); } 

निष्कर्ष

ब्रॉडवे वास्तव में एक दिलचस्प जीटीके 3 विशेषता है जो आपको कार्यों की एक निश्चित श्रृंखला के लिए दिलचस्प हल्के सेवाएं बनाने की अनुमति देता है। लेकिन, दुर्भाग्य से, व्यावहारिक रूप से उपयोग नहीं किया गया। इस लेख के साथ, मैं बड़ी संख्या में लोगों का ध्यान अपनी ओर आकर्षित करना चाहता था और शायद कोई सरल तरीकों का उपयोग करके अपनी समस्या को हल कर सकता था।