Electronのテンプレート？

Question

ここでは簡単な質問ですが、役に立つリソースは見つかりませんでした。 Electronのテンプレート作成は可能ですか？ジェイドまたはハンドルバーを使用してダイナミックテンプレートを表示しますか？私は静的なHTMLファイルを取る.loadURL（）があることを知っている。

動的ですか？

ありがとうございました。

Answer 1

あなたはelectron-pugにチャンスを与えることができます。 https://github.com/yan-foto/electron-pug

Answer 2

エレクトーンのメインプロセスでローカルサーバーを実行することで、ダイナミックテンプレートにJadeまたはHandlebarsを使用することは可能です。私はこれを推奨しませんが、それは逆のものです。 Electronは主にフロントエンドのフレームワークであり、ローカルサーバーを実行している間はいくつかの点で優れていますが、テンプレートは実際にはその1つではありません。

ほとんどの人は、AngularやReactのようなフロントエンドJSフレームワークを使用しています。

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レンダラーを追加しましたが、pugとhamlを追加のデフォルトレンダラーとして追加する予定ですが、拡張して追加するのも簡単です。パッケージは電子ビューレンダラーと呼ばれていますhttps://www.npmjs.com/package/electron-view-renderer

これは私たちのチームのように誰かを助けてくれることを願っています。それは初期段階にあるので、すべてのコメントと貢献が歓迎されます