iT邦幫忙

1

Node.js 中的資料要怎用網頁的方式呈現

目前我想練習架個網站,用node.js抓取我存在google sheet裡的資料,並用wordcloud套件呈現,但目前我遇到的幾個問題如下:

  1. node.js抓到資料了,但我不知道用什麼辦法傳到.html
  2. express套件要如何去使用
  3. 請問有任何推薦關於前端與後端相關方面的書籍
    小弟我目前學的還不多,之前在做處理時一直以為可以用javsscript去抓取資料,學了3個月後才發現,要處理資料用node.js才抓的到...另外,由於我還是有點搞不懂後端的處理,所以可能在發問上是用自己的語言,請各位見諒m(_ _)m
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
1

先了解一個重點。不要將node.js當前端語言看待。
剩下來的,就會明白很多了。

你因該是卡在這邊。將其當前端語言看了。

acegen iT邦新手 5 級 ‧ 2019-12-06 16:34:49 檢舉

謝謝大大回復,ㄜ...我知道node.js是後端語言(我的認知目前還停留在這)...可以用來資料處理

0
阿展展展
iT邦好手 1 級 ‧ 2019-12-06 08:27:31

你有辦法 console.log 出來嗎?

acegen iT邦新手 5 級 ‧ 2019-12-06 16:35:49 檢舉

如果用visual studio 確實在終端機上能跑,但網頁的我目前還不會,還在學中,謝謝大大回復

/images/emoticon/emoticon19.gif 所以你根本沒有顯示的頁面??

acegen iT邦新手 5 級 ‧ 2019-12-07 02:10:06 檢舉

哦...是的,因為我連要怎把它變成網頁都不曉得...只知道用res.send("你要的文字")這樣的方法...Orz

2
listennn08
iT邦高手 5 級 ‧ 2019-12-06 08:53:14

node.js抓到資料了,但我不知道用什麼辦法傳到.html

只是要寫在 html 上的話
express
http
...

express套件要如何去使用

const express = require('express');
const app = express();


Node.js 系列學習日誌 #7 - 使用 Express 實作網頁開發框架

請問有任何推薦關於前端與後端相關方面的書籍

google

acegen iT邦新手 5 級 ‧ 2019-12-06 16:36:37 檢舉

感謝大大回復,我拿來參考並試試看,謝謝m(_ _)m

2
dragonH
iT邦超人 5 級 ‧ 2019-12-06 11:52:20

node.js抓到資料了,但我不知道用什麼辦法傳到.html

你有兩個做法

第一個

寫成一個 api server

讓前端可以串接

第二個

pug 之類的 view engine

直接在後端 render 你的頁面

express套件要如何去使用

官方 doc 其實就說得很清楚了

var express = require('express');
var app = express();

app.get('/', function (req, res) {
  // 透過瀏覽器連到 http://localhost:3000/時
  // 會在頁面看到 Hello World!
  res.send('Hello World!');
});

app.listen(3000, function () {
  console.log('Example app listening on port 3000!');
});

請問有任何推薦關於前端與後端相關方面的書籍

真的就是 google 最快

acegen iT邦新手 5 級 ‧ 2019-12-06 16:40:27 檢舉

感謝大大回復,我抓到的方法是用google上公開的+google api 實現的,pug這個我也先試試看,謝謝大大願意回復m(_ _)m

0
iT邦新手 2 級 ‧ 2019-12-07 18:13:21

我是看這個教材:Express Tutorial: The Local Library website
可以參考看看。
如果完全不知道怎麼讓東西呈現在網頁上,也可以從前面的入門教材開始。

acegen iT邦新手 5 級 ‧ 2019-12-09 15:01:05 檢舉

好的,感謝大大回復,先來研究研究

0
Enzo
iT邦新手 5 級 ‧ 2019-12-09 09:28:08

Google Express的官網就有教你怎麼做囉
https://expressjs.com/zh-tw/starter/generator.html
express generator下去直接產生一支程式還帶一個view給你,只是初始的view engine是jade,個人覺得nunjucks還不錯用,都有官方文檔可以爬,蠻好上手的哦

不然也可以像其他大大建議的,就寫api server,然後自建html檔去call你要的資料~

acegen iT邦新手 5 級 ‧ 2019-12-09 15:00:40 檢舉

好的,感謝大大回復,不過API那個嘛...先算了吧,我還是先用express用,謝謝

我要發表回答

立即登入回答