LogoMark.png

Node.js/Framework

Node.js|Framework


はじめに

フレームワークとは、システム開発時によく利用する機能をあらかじめ用意してパッケージにしたものです。当然、それ自体を使いこなすための学習コストがかかりますが、フレームワーク使うことで短いプログラムで効率の良い開発が可能になります。Node.jsにも様々なフレームワークが存在します。

Express でWebサーバー

https://expressjs.com/ja/
npm には様々なパッケージが存在しますが、Expressは 定番Webフレームワークです。以下、静的サイトを表示するWebサーバーの事例です。ターミナルからお試し下さい。

準備

プロジェクトの初期化 > package.json の生成

$ npm init

package name: (webserver)
version: (1.0.0)
description:
entry point: (index.js)
test command:
git repository:
keywords:
author:
license: (ISC)
About to write to /webserver/package.json:

{
  "name": "webserver",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "koichi inoue",
  "license": "ISC"
}

Is this ok? (yes) yes

以上で、カレントディレクトリに package.json が生成されます。

Expressのインストール

$ npm install express

このコマンドで、カレントディレクトリに node_modules フォルダができて、関連のファイルが入ります。

server.js を書いてカレントに保存

静的なファイルをホスティングするコードは以下のとおり、簡単です。

const express = require("express");
const app = express();
const port=8000;
app.use(express.static('./'));
app.listen(port, ()=> {
  console.log('Server running on port:'+port);
});


サンプルページの投入

カレントディレクトリに適当な index.html を投入して下さい。

起動と動作確認




Express でWebサーバー|Files

前節の説明内容に沿って作成したパッケージを以下に置いています。Node.js と npm がインストール済みの環境であれば、以下の手順でお試しいただけます。

https://github.com/koichi-inoue/NodeJS_WebServer




Electron について

Electron (エレクトロン)は、Web技術でデスクトップアプリケーションを作成できるフレームワークです。Webコンテンツをそのままアプリケーションとして動かしたり、ブラウザだけで実現できない機能を組み込めるのが特徴です。用途としては、テキストエディター、デザインツール、イントラネット内のクライアントツール、さらにインスタレーションやサイネージの分野でも活用の可能性があります。

HTML・CSS・JavaScript により、各OSのアプリケーションを同一のコードから生成ることができます。アプリケーションは Chromium(Chromeブラウザの元)とNode.jsがランタイムになって動作します。

特徴

実用事例

有名なところでは、以下のようなアプリケーションが Electron でできています。

https://github.com/sindresorhus/awesome-electron

参考になる記事

PAGES

GUIDE

DATA

Last-modified: 2019-11-26 (火) 20:12:30