《Elixir 101》快速架設 HTTP 伺服器
在 Elixir 裡要怎麼架設 HTTP 伺服器呢？
在 NodeJS 架設 HTTP 伺服器
如果是在 NodeJS 底下，我們可以很快透過以下的程式碼建立簡單的伺服器：
const http = require('http');
function serverHandler(req, res){
switch (req.url){
case '/':{
res.writeHead(200, {'Content-Type':'text/html'});
res.write('Hello world');
res.end();
break;
}
default:{
res.writeHead(404, {'Content-Type':'text/html'});
res.end('Not found');
break;
}
}
}
const server = http.createServer(serverHandler);
server.listen(3001);但通常我們在 NodeJS 裡面不會這樣直接呼叫 http.createServer 來建立伺服器，我們會利用一些 Web 框架來幫助我們，讓開發上更加便利，例如 express，例如上述程式碼可以改成：
const server = require('express')();
server.get('/', function (req, res) {
res.send('Hello World')
});
server.listen(3000);在 Elixir 中架設伺服器
所以一樣的，在 Elixir 中，我們透過一套名為 plug 的中間層套件，協助我們架設伺服器。
首先我們先建立一個乾淨的專案，並且啟用 supervision 模式：
$ mix new http_server --sup
讓我們看一下資料夾結構：
.
├── README.md
├── lib
│ ├── http_server
│ │ └── application.ex
│ └── http_server.ex
├── mix.exs
└── test
├── http_server_test.exs
└── test_helper.exs
安裝 plug
首先我們需要先安裝 plug。在 Elixir 安裝套件很簡單。
先讓我們打開資料夾中的 mix.exs 檔案，他內容會長這樣：
defmodule HttpServer.MixProject do
use Mix.Project
def project do
[
app: :http_server,
version: "0.1.0",
elixir: "~> 1.9",
start_permanent: Mix.env() == :prod,
deps: deps()
]
end
# Run "mix help compile.app" to learn about applications.
def application do
[
extra_applications: [:logger],
mod: {HttpServer.Application, []}
]
end
# Run "mix help deps" to learn about dependencies.
defp deps do
[
# {:dep_from_hexpm, "~> 0.3.0"},
# {:dep_from_git, git: "https://github.com/elixir-lang/my_dep.git", tag: "0.1.0"}
]
end
end
然後讓我們看到 defp deps do 這段函式區塊：
# Run "mix help deps" to learn about dependencies.
defp deps do
[
# {:dep_from_hexpm, "~> 0.3.0"},
# {:dep_from_git, git: "https://github.com/elixir-lang/my_dep.git", tag: "0.1.0"}
]
end
我們在他的 [] 的陣列裡加入 {:plug_cowboy, "~> 2.0"}，這時候應該會長這個樣子：
# Run "mix help deps" to learn about dependencies.
defp deps do
[
{:plug_cowboy, "~> 2.0"}
]
end
首頁顯示 Hello World
安裝完後，我們在 lib 資料夾底下，建立一個檔案名為 router.ex，然後裡面寫入：
defmodule Router do
import Plug.Conn
def init(options) do
options
end
def call(conn, _opts) do
conn
|> put_resp_content_type("text/plain")
|> send_resp(200, "Hello world")
end
end
讓伺服器隨同程式上線
再來，我們必須讓伺服器隨著程式啟用時上線。所以我們要來更改 lib/http_server/application.ex 檔案。他應該會長這樣：
defmodule HttpServer.Application do
# See https://hexdocs.pm/elixir/Application.html
# for more information on OTP Applications
@moduledoc false
use Application
def start(_type, _args) do
children = [
# Starts a worker by calling: HttpServer.Worker.start_link(arg)
# {HttpServer.Worker, arg}
]
# See https://hexdocs.pm/elixir/Supervisor.html
# for other strategies and supported options
opts = [strategy: :one_for_one, name: HttpServer.Supervisor]
Supervisor.start_link(children, opts)
end
end
我們在 start 函式中的 children 陣列加入一行：
{Plug.Cowboy, scheme: :http, plug: Router, options: [port: 4001]}他就變成：
children = [
{Plug.Cowboy, scheme: :http, plug: Router, options: [port: 4001]}
]
執行程式
程式碼都修改好後，我們在終端機打上：
$ mix run --no-halt
如果沒有東西話記得先切到 http_server 底下：
$ cd http_server
最後打開瀏覽器，輸入 http://localhost:4001，就大功告成啦！
參考文獻
留言0
查看全部
你可能也想看
Google News 追蹤
現代社會跟以前不同了，人人都有一支手機，只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行，然而如今科技快速發展之下，金融App無聲無息地進到你生活中。但同樣的，每一家銀行都有自己的App時，我們又該如何選擇呢？(本文係由國泰世華銀行邀約)
今天我會用不同角度帶大家看這款國泰世華CUB
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
※ 下載Typescript
建立 TypeScript 和 Express 的基本目錄結構和必要配置。
npm install -g typescript-express-generator
建立模板引擎：
ts-express --view=ejs server
安裝node_m
Express 是一個簡潔而靈活的 Node.js 網頁應用程式框架，本文將介紹 Express 的基礎知識，包括安裝、路由設定、中介層使用，以及如何搭配 EJS 模板引擎來渲染動態內容。
在這篇教學文章中，我們將展示如何使用 Node.js 建立一個簡單的伺服器，並解決常見的跨來源資源共享（CORS）問題，確保伺服器能夠接收並處理來自不同來源的資料。
Express 是一個流行的 web 框架，使用 JavsScript 實現，執行在 node 環境上，主要用來寫後端應用。
※ Express 專案步驟筆記清單
Node.js 環境建置核對
新增專案資料夾
設定 package.json
npm init -y
設定程式入口為 app.js
安裝 Express：npm install express
設定主程式 app.js
建構應用程式伺服器
設定
HTTP伺服器端
package main
import (
"net/http"
)
type Refer struct {
handler http.Handler
refer string
}
//實現中介軟體邏輯
func (this *Refer) ServeHTTP(
現代社會跟以前不同了，人人都有一支手機，只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行，然而如今科技快速發展之下，金融App無聲無息地進到你生活中。但同樣的，每一家銀行都有自己的App時，我們又該如何選擇呢？(本文係由國泰世華銀行邀約)
今天我會用不同角度帶大家看這款國泰世華CUB
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
※ 下載Typescript
建立 TypeScript 和 Express 的基本目錄結構和必要配置。
npm install -g typescript-express-generator
建立模板引擎：
ts-express --view=ejs server
安裝node_m
Express 是一個簡潔而靈活的 Node.js 網頁應用程式框架，本文將介紹 Express 的基礎知識，包括安裝、路由設定、中介層使用，以及如何搭配 EJS 模板引擎來渲染動態內容。
在這篇教學文章中，我們將展示如何使用 Node.js 建立一個簡單的伺服器，並解決常見的跨來源資源共享（CORS）問題，確保伺服器能夠接收並處理來自不同來源的資料。
Express 是一個流行的 web 框架，使用 JavsScript 實現，執行在 node 環境上，主要用來寫後端應用。
※ Express 專案步驟筆記清單
Node.js 環境建置核對
新增專案資料夾
設定 package.json
npm init -y
設定程式入口為 app.js
安裝 Express：npm install express
設定主程式 app.js
建構應用程式伺服器
設定
HTTP伺服器端
package main
import (
"net/http"
)
type Refer struct {
handler http.Handler
refer string
}
//實現中介軟體邏輯
func (this *Refer) ServeHTTP(