開発における課題 1/4

複数の開発ツールのサポート

Monaca Localkit

Monaca CLI

Monaca for Visual Studio

Monacaクラウドと同期

共通 npmライブラリ

monaca-libを全ツールにバンドル

Monaca Localkit

Monaca CLI

Monaca for Visual Studio

Electron

+

monaca-lib

Node.js CLI
+

monaca-lib

C#

+

Edge.js
+

monaca-lib

Edge.js?

C#にNode.jsを組み込むためのライブラリ

using System;
using System.Threading.Tasks;
using EdgeJs;

class Program
{
    public static async Task Start()
    {
        var func = Edge.Func(@"
            return function (data, callback) {
                callback(null, 'Node.js welcomes ' + data);
            }
        ");

        Console.WriteLine(await func(".NET"));
    }

    static void Main(string[] args)
    {
        Start().Wait();
    }
}

開発における課題 2/4

インストーラーの作成

Localkitは通常のファイル設置に加え、いくつか特殊な処理が必要。

• Monaca Localkit自体がHTTPサーバーとして動作する
• Monaca iOS Webkit Debug ProxyもTCPポートの受付を行う

Inno Setupを使用 

フリーで使えるInno Setupを用いてWindows用インストーラーを作成。

gulp.task('build-win32', 'Build Electron package for Windows', [ 'asar' ], function () {
  var deferred = Q.defer();
  var destination = 'out/package/win32';
  fs.emptyDirSync(destination);

  var packageJson = require("./package.json");
  var prop = {
    platform: 'win32',
    // snip...
  };

  electronPackager(prop, function(err, appPath) {
    if (err) {
      console.log("Error occurred when packaging electron: " + err);
      return deferred.reject(err);
    }
    step2();
  });

  function step2() {
    fs.copySync("misc/win32/installer-bundles", destination + '/monaca-localkit-win32-ia32');

    require("innosetup-compiler")(path.resolve("./misc/win32/installer.iss"), {
        gui: false,
        verbose: false
    }, function(error) {
      if (error) {
        return deferred.reject(error);
      }

      run('start misc\\win32\\sign.bat').exec("", function(err) {
        if (err) {
          return deferred.reject(err)
        }
        return deferred.resolve("Build complete!");
      });
    });
  }

  return deferred.promise;
});

開発における課題 4/4

Cookieの共有

Node.js (monaca-lib) でログインしたユーザーを

BrowserWindowに引き継ぎたい

Node側

新しいBrowserWindow

Node.js側で確立したセッションをBrowserWindowに受け渡す

var cookie = {
  "name": "Cookie Name",
  "value": "Cookie Value",
  "url": url,
  "domain": "." + domain,
  "hostOnly": false,
  "path": "/",
  "secure": false,
  "httpOnly": true,
  "session": true
};

browserWindow.webContents.session.cookies.set(cookie, function(error) {
  if (error) {
    Logger.log("Cookie set error: " + error);
  } else {
    Logger.log("Cookie correctly set up.");
  }
});