1. एक स्क्रिप्ट बनाई गई है जो प्रेत के अंदर सॉकेट.आईओ संदेश प्राप्त करेगी
   
2. संलग्न स्क्रिप्ट के साथ एक स्टब पेज बनाया जाता है।
   
3. चेतावनी संदेशों के श्रोता जिनमें सॉकेट के लिए पृष्ठ की "प्रतिक्रिया" होगी। संदेश को पुनर्परिभाषित किया जाता है
   
4. एक एक्सप्रेस सर्वर नोड पर उठाया जाता है, पेज और प्रोसेसिंग सॉकेट.आईओ अनुरोध देता है।
   
5. प्रेत प्रक्रिया शुरू होती है और एक डमी पेज उसे खिलाया जाता है।
   
6. मॉड्यूल "मिरर" एपि फैंटम को निर्यात करता है (लेकिन सभी विधियां अतुल्यकालिक बन जाती हैं; प्रेत में वे लगभग सभी तुल्यकालिक हैं)
   

• पेज सिस्टम में फैंटम इंजेक्शन ( page.indectJs ) स्क्रिप्ट्स केवल फाइल सिस्टम पर पूर्ण पथ के साथ।
  
• page.includeJs में पूर्ण URL में पृष्ठ में ( page.includeJs ) स्क्रिप्ट शामिल हैं , लेकिन मॉड्यूल में आंतरिक API पेज.includeJs का अनुबंध कार्यान्वयन संबंधी विशिष्टताओं के कारण दूषित है ।
  
• आकाश में तारों की स्थिति के कारण, फैंटम .
जोड़कर शैलियों को पार्स नहीं करता है .
.

  प्रेत पृष्ठ के अंदर प्रसंस्करण के लिए पारित किए गए मापदंडों को एक स्ट्रिंग में क्रमबद्ध किया जाना चाहिए
  
  

लंबे समय से प्रतीक्षित निर्णय

 //       (    package.json) var phantom = require("node-phantom") //  , vow = require("vow") //   - , cfg = require("../config") //       , fs = require('fs') //      , pi; //          exports.init = function () { if (pi) { pi.exit(); } phantom.create(function (err, instance) { pi = instance; }); } //        -   exports.render = function (dataset, opts) { var promise = vow.promise(); //       pi.createPage(function (err, page) { //       ,   page.set("viewportSize", opts.viewport); //    d3    (.  " ") var d3Path = __dirname + "/../client/scripts/vendor/d3.v3.js"; //     ,    d3 // type -    (line, bar, pie) //   chart.xxx.js      var chartJs = __dirname + "/../client/scripts/chart." + opts.type + ".js"; //        var chartCss = __dirname + "/../client/styles/charts.css"; var innerStyle = ""; //   //    ? ?    injectLib_(page, d3Path)() .then(injectLib_(page, chartJs)) .then(readCssStyles_(chartCss)) .then(drawChart_(page, {dataset: dataset, innerCss: innerStyle}, opts)) .then(function (res) { //   ,       promise.fulfill({filename: res.filename}); }) .fail(function (err) { promise.reject(err) } ) }); return promise; } //       () //   -    " " function readCssStyles_(chartCss) { return function(){ var prom = vow.promise(); fs.readFile(chartCss, 'utf8', function (err,innerCss) { if (err) { console.log(chartCss + ": read failed, err: " + err); prom.reject(chartCss + ": read failed, err: " + err); } else { console.log(chartCss + " read"); prom.fulfill(innerCss); } }); return prom; } } function injectLib_(page, path) { return function () { var prom = vow.promise(); //      ,       page.evaluate page.injectJs(path, function (err) { if (err) { console.log(path + " injection failed") prom.reject(path + " injection failed"); } else { console.log(path + " injected") prom.fulfill(); } }); return prom; } } function drawChart_(page, data, opts) { return function (innerCss) { data.innerCss = innerCss; var prom = vow.promise(); //          //   -  "".        //  ,      ,    page.evaluate(function (data) { //        //    data = JSON.parse(data); //       //     charts.xxx.js charts.line("body",data.dataset); //    ,          var style = document.createElement("style"); style.innerHTML = data.innerCss; document.getElementsByTagName("head")[0].appendChild(style); } , function (err, result) { if (err) { prom.reject("phantomjs evaluation failed : " + err) } //             //   png, pdf, gif  jpeg var filename = cfg.server.chartsPath + '/' + opts.type + "_" + Date.now() + ".png"; var savingPath = "client" + filename; //        page.render(savingPath, function (err, res) { console.log("Saving image: " + filename); page.close(); prom.fulfill({filename: filename}); }); }, JSON.stringify(data)); return prom; } }