エキサイト公式　エンジニアブログ

このエントリーは、エキサイト Advent Calendar 2017 の 12/7の記事です。

なお、まだAzureアカウントを持っていない方は下記から新規作成すれば無料枠が利用できるのでオススメです。

Azure Functionsとは

小規模な関数をマネージド環境で手軽に実行できるサービスです。
いわゆるサーバレスといわれるもので下記が類似のサービスとなります。（今回これらのサービスとの比較は割愛します）

• AWS lambda
• Google Cloud Functions

サムネイル自動生成までの手順

では実際にAzure Functionsでサムネイル自動生成する関数を作っていきたいと思います。

画像リサイズにはImageMagickを使いますが、従量課金プランの環境には入っていないため手動で入れていきます。

今回はnpmのazure-imagemagickパッケージを利用したため、kuduへ移動。

kudu consoleでディレクトリ移動して下記のpackage.jsonファイルをドロップ後、npm installします。
（いつまでたっても返ってこない場合は、ローカルでnpm installした後、node_modulesをZIP圧縮してドロップ）

package.json

{
  "name": "test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "dependencies": {
     "azure-imagemagick": "^0.4.2"
  },
  "devDependencies": {},
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

これで下地はできたのであとはコードをガシガシ書いていきます。（対して書かない）
新規に関数を作成します。

一旦シナリオはデータ処理、言語をJavaScriptとして作成します。

作成した関数の構成ファイル（function.json）を下記の設定にします。

この構成は左メニューの「統合」でGUIベースで設定することも可能です。

function.json

{
  "bindings": [
    {
      "name": "inputBlob",
      "type": "blobTrigger",
      "direction": "in",
      "dataType": "binary",
      "path": "samples-workitems/{name}.{extension}",
      "connection": "AzureWebJobsDashboard"
    },
    {
      "name": "outputBlob",
      "type": "blob",
      "direction": "out",
      "dataType": "binary",
      "path": "samples-resultitems/{name}.{extension}",
      "connection": "AzureWebJobsDashboard"
    }
  ],
  "disabled": false
}

指定にマッチするファイル（samples-resultitems/{name}.{extension}）がアップロードされたら、
この関数で処理をして、指定のパス（samples-resultitems/{name}.{extension}）へ出力します。

index.js

const axios = require('axios');
const im = require('azure-imagemagick');

module.exports = function (context) {
    if (!context.bindings.inputBlob) {
        context.done();
    }
    im.resize({
        srcData: context.bindings.inputBlob,
        width:   200
    }, function(err, stdout, stderr){
        if (err) context.log.error(err);
        context.bindings.outputBlob = stdout;
        context.done();
    });
};

（画像を圧縮しすぎたため何がなんだかよくわかりませんが・・・）

最後に

実用的かというと微妙ですが、とても簡単に実現できてしまいました。

バッチ処理、APIといった用途でもFSフェーズにサクッとリリースしたいときにとても便利に使えそうなため今後活用していきたいと思います。

アドベントカレンダーまだまだ続きますので明日もぜひチェックしてみてください。