読者です 読者をやめる 読者になる 読者になる

kikki's tech note

技術ブログです。UnityやSpine、MS製品など技術色々について解説しています。

node + coffeescript + express + ejsでweb開発 その1

Node.js CoffeeScript

本章では、node.jsを使ったWEB開発について共有します。

coffeescriptをインストール

以下のコマンドでcoffeescriptをインストールする。

$ npm install -g coffee-script

web開発

以下のファイルを作成する。

app.coffee

express = require('express')
routes = require('./routes')
ejs = require('ejs')

port = 8000;
app = module.exports = express.createServer()

app.configure ->
  app.set 'views', __dirname + '/views'
  app.register '.html', ejs
  app.set 'view engine', 'html'
  app.use express.bodyParser()
  app.use express.methodOverride()
  app.use app.router
  app.use express.static(__dirname + '/public')

app.configure "development", ->
    app.use express.errorHandler(
      dumpExceptions: true
      showStack: true
    )
app.configure "production", ->
    app.use express.errorHandler()

app.get '/', routes.index

app.listen port

console.log "Express server listening on port %d in %s mode", app.address().port, app.settings.env

routes/index.coffee

exports.index = (req, res) ->
    res.render "index",(
      layout: false
      locals:(
        title: "Express"
      )
    )

views/index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title><%= title %></title>
</head>
<body>
<h1><%= title %></h1>
<p>welcome to <%= title %></p>
</body>
</html>

以下のコマンドで実行する。

$ coffee app.coffee

localhostにアクセスすると、webページが表示される。

※無断転載禁止 Copyright (C) 2015 kikkisnrdec All Rights Reserved.