iT邦幫忙

2022 iThome 鐵人賽

DAY 13
0
Modern Web

用Node.js建立專屬於你的API吧系列 第 13

Day13 - Express 簡單應用

  • 分享至 

  • xImage
  •  

前情提要

今天會分享 Express 中的一些方法,讓大家理解一些基礎的應用。

簡單應用

  1. 導入 Express 和設定 port。
const express = require('express');
const app = express();

app.listen(3000);
  1. 使用 get() 來寫 Hello World。
app.get('/', (req, res) => {
    res.send('Hello World');
)};
  1. 進入你的 terminal 並輸入 npm start

  2. 打開你使用的瀏覽器,我使用的是 Google Chrome,在網址部分輸入 http://localhost:3000/

  3. 輸入後即可成功看到你打的 Hello World 啦!

路徑講解

在 get() 裡面的第一個參數,也就是'/'部分,輸入的是你路徑的位置。以上面為例,今天 Hello World 是寫在最一開始的路徑上,也就是http://localhost:3000/上:
https://ithelp.ithome.com.tw/upload/images/20220905/20151565Qowe2dH4rj.png
假設今天換成另一個路徑,變成'/test',則 Hello World 就會出現在http://localhost:3000/test這個路徑裡面:
https://ithelp.ithome.com.tw/upload/images/20220905/20151565i4w9Bmjml1.png

其他應用

今天在 get() 中不只可以簡單的傳送訊息而已,也可以傳送 HTML 語法:

app.get('/', (req, res) => {
    res.send('<a href = "https://ithelp.ithome.com.tw/users/20151565/articles">點選進入kylekao的首頁</a>');
});

https://ithelp.ithome.com.tw/upload/images/20220905/20151565gx3xYHPgbD.png


上一篇
Day12 - 準備開發API環境
下一篇
Day14 - 中介軟體介紹
系列文
用Node.js建立專屬於你的API吧30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言