इलेक्ट्रॉन में टेम्पलेटिंग?

Question

यहां सरल प्रश्न, लेकिन मुझे कोई उपयोगी संसाधन नहीं मिला। इलेक्ट्रॉन में templating संभव है? गतिशील टेम्पलेट्स प्रदर्शित करने के लिए जेड या हैंडलबार्स का उपयोग करना? मुझे पता है कि .loadURL() है जो एक स्थिर HTML फ़ाइल लेता है।

गतिशील संभव है?

धन्यवाद।

Answer 1

आप इलेक्ट्रॉन-पग को मौका दे सकते हैं। https://github.com/yan-foto/electron-pug

Answer 2

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

अधिकांश लोग कोणीय या प्रतिक्रिया जैसे फ्रंटएंड जेएस ढांचे का उपयोग करते हैं।

Answer 3

आप protocol.registerBufferProtocol के माध्यम से एक नया बफर प्रोटोकॉल पंजीकृत कर सकते हैं।

main.js

var electron = require('electron'); 
var app = electron.app; 
var protocol = electron.protocol; 
var BrowserWindow = electron.BrowserWindow; 
var pug = require('pug'); 

var window; 

app.on('ready', function() { 

    // Define the `pug` scheme 
    protocol.registerBufferProtocol('pug', function (request, callback) { 
    var url = path.normalize(request.url.substr(7)); 
    var content = pug.renderFile(url); 
    callback({ 
     mimeType: 'text/html', 
     data: new Buffer(content) 
    }); 
    }); 

    window = new BrowserWindow({width: 600, height: 600}); 

    // Load your file using the `pug` protocol 
    window.loadURL(url.format({ 
    pathname: path.join(__dirname, 'index.pug'), 
    protocol: 'pug:', 
    slashes: true 
    })); 

}); 

index.pug

html 
    head 
    title My title 
    body 
    h1 Hello world! 

Answer 4

शायद भी यहां जोड़ते हैं, लेकिन सोचा था कि यह सार्थक हो सकता है करने के लिए देर से। मैंने किसी भी रेंडरर से दृश्य जोड़ने और संपत्ति पथों को संभालने के लिए एक पैकेज जोड़ा है। अब तक मैंने अभी ejs रेंडरर जोड़ा है लेकिन अतिरिक्त डिफॉल्ट रेंडरर के रूप में पग और हैमल जोड़ने की योजना है, लेकिन इसे विस्तारित करना और खुद को भी जोड़ना आसान है। पैकेज को इलेक्ट्रॉन-व्यू-रेंडरर https://www.npmjs.com/package/electron-view-renderer

उम्मीद है कि यह हमारी टीम की तरह किसी की मदद कर सकता है। यह अपने बचपन में है, इसलिए सभी टिप्पणियां और योगदान स्वागत है