<p>今回は 2020 年 5 月に ver1.0.0 がリリースされた Deno(ディーノ)に入門しつつ、
GraphQL と PostgreSQL を組み込んで JsonWebToken を発行する方法に失敗したので後の自分に託すとしてメモを残します。</p>
<p>(追記) : ふつうにできた。</p>
<h2>🦕 Deno って?</h2>
<blockquote>
<p>A secure runtime for JavaScript and TypeScript.(公式原文)</p>
</blockquote>
<p><code>Deno</code>は JavaScript/TypeScript のランタイム(実行環境)です。
<code>Node.js</code>とよく比較されますが製作者が同じライアン・ダールで
<code>Node.js</code>における設計ミスや後悔している点を修正したものらしいです。
Deno は Node のアナグラムになっています。</p>
<h3>👉 Deno の特徴</h3>
<h4>1. Deno has top-level async functionality.</h4>
<p>Node.js 実行環境だと普通、以下のように async 関数内で await を使用します。</p>
<pre><code>async function hoge() {
  await fuga();
}

await fuga(); // error!
</code></pre>
<p>Deno だと async 関数で囲む必要はありません。</p>
<h4>2. Deno uses ECMAScript6 syntax.</h4>
<p>厳密には 1.の top-level async も ES6 のシンタックスを使っているからなのですが、
Node.js が Common.js のシンタックスを利用しているのに対し、
Deno は ES6 のシンタックスを使っています。</p>
<p>require()/module.exports だったり export/import だったりが内包するコードがなくなります。</p>
<h4>3. TypeScript is available by default.</h4>
<p>Node.js では<code>ts-node</code>等で実行するか、一度コンパイルを挟んでから js ファイルを実行
というのが当たり前だったのですが、Deno ではデフォルトで ts ファイルを実行できます。
コンパイルは Deno 側で勝手にしてくれるので、何も考える必要はありません。</p>
<h4>4. Deno requires permissions for any access.</h4>
<p>Deno はセキュリティに厳格なランタイムです。
実行時にファイルの読み書きの許可がないと使えなかったりネットの許可がないとアクセスできなかったりします。</p>
<h4>5. Deno imports modules by using URL.</h4>
<p>Deno 実行環境で外部モジュールを使うには<code>npm</code>を使う必要はありません。
例えば<code>dotenv</code>を使うなら以下のようにします。</p>
<pre><code>index.ts;
export { config } from 'https://deno.land/x/dotenv@v0.5.0/mod.ts';

const { NAME } = config();
console.log(NAME).env; // shunya
NAME = 'shunya';
</code></pre>
<p>つまり package.json がいらなくなり依存関係の煩わしい問題が解消されます。
また、TypeScript のサポートがあるので拡張子.ts のまま import しています。</p>
<p>実行時にモジュールのインストールが行われ、一度使われたモジュールはキャッシュされます。</p>
<h4>6. Deno has formatter and test-runner by default.</h4>
<p>Deno にはテストランナーとフォーマッタが含まれています。
それぞれ以下で実行できます。</p>
<ul>
<li><code>deno fmt</code></li>
<li><code>deno test</code></li>
</ul>
<p>テストコードは、以下のように書きます。</p>
<pre><code>Deno.test("hoge", () => {
  ...
})
</code></pre>
<h2>✋ 実際に使ってみる</h2>
<p>今回は Deno で Web サーバーをたてて GraphQL PlayGround から PostgreSQL に保存と確認を行います。</p>
<pre><code>index.ts;

import { Application, Router } from 'https://deno.land/x/oak@v6.0.2/mod.ts';
import { GraphQLService } from 'https://deno.land/x/oak_graphql@0.6.2/mod.ts';

const typeDefs = gql`
  type User {
    firstName: String
    lastName: String
  }

  input UserInput {
    firstName: String
    lastName: String
  }

  type ResolveType {
    done: Boolean
  }

  type Query {
    getUser(id: String): User
  }

  type Mutation {
    setUser(input: UserInput!): ResolveType!
  }
`;

const resolvers = {
  Query: {
    getUser: (parent: any, { id }: any, context: any, info: any) => {
      console.log('id', id, context);
      if (context.user === 'hoge') {
        throw new GQLError({ type: 'auth error in context' });
      }
      return {
        firstName: 'fuga',
        lastName: 'fugafuga',
      };
    },
  },
  Mutation: {
    setUser: (parent: any, { input: { firstName, lastName } }: any, context: any, info: any) => {
      console.log('input:', firstName, lastName);

      await client.connect();
      await client.query(
        `INSERT INTO users(first_name, last_name) VALUES('${firstName}', '${lastName}') RETURNING id, first_name, last_name`,
      );
      return {
        done: true,
      };
    },
  },
};

const GraphQLService = await applyGraphQL&#x3C;Router>({
  Router,
  typeDefs: typeDefs,
  resolvers: resolvers,
  context: (ctx: RouterContext) => {
    return { user: 'hoge' };
  },
});

const app = new Application();

app.use(GraphQLService.routes(), GraphQLService.allowedMethods());
console.log('http://localhost:8000/graphql');

await app.listen({ port: 8000 });

export const client = new Client({
  database: DB_NAME,
  user: DB_USER,
  password: DB_PASSWORD,
  hostname: DB_HOST,
  port: +DB_PORT,
});
</code></pre>
<h2>📌 終わりに</h2>
<p>JWT を Cookies にセットしてログイン情報を保存したかったのですが、
oak_graphql が返す context.cookies から cookies.set をしても保存されず諦めました。</p>
<p>まだまだ破壊的なアップデートが繰り返されているので、様子を見つつまたチャレンジしたいと思います。</p>
