偽裝成人類的前端工程驢

目前顯示的是有「express」標籤的文章顯示全部

intypescript

[day27][後端][實作] 引入Typescipt，webpack的loader（下）

驢子 11月 18, 2020

前情題要在上這一篇中我們成功讓webpack可以吃下".ts"檔案，這一篇開始講解基本typescript可以幹嘛？幸運的是鐵人賽已經有一篇非常優秀的typescript講解並深入淺出的說明了，他幫助我再走歪的道路走了超遠！讓 TypeScript 成為你全端開發的 ACE！，這有出書但我買了還沒看= =" 這邊就試著定義axios回來的資料，見識看看ts的威力吧！（ts很好用，強烈建議試完下面的定義後也去爬完那個系列！）把( http://localhost:3000/air )的json資料複製下來整理一下吧，可以到這邊貼上( https://codebeautify.org/jsonviewer )。這樣就看到該筆資料的實際形狀了，接著就去定義資料並然後整理好吐…

閱讀完整內容

innodejs

[day26][後端][實作] 帶機密參數API？讓伺服器負責！

驢子 11月 18, 2020

誰都能負責呼叫API 在許多的情況，API總是會需要各種機密參數。這個時候如果讓網頁取得常常會導致許多的資安麻煩，所以這時候如果讓伺服器來負責呼叫API後再把結果回傳遊覽器就會安全很多！這邊會呼叫空氣汙染API示範，首先引入套件"axios"（為什麼是axios？因為前後端都可以用很方便，後端其實有一個request的套件專門用來呼叫網頁或API！雖然被棄用了卻還是有極大的下載量，就可以知道他有多好用了！） npm i axios --save 然後建立一個後端API讓前端呼叫，依序在"app.ts"建立路線藍圖然後建立API src\server\app.ts 略 var indexRouter = require ( './routes/index&#…

閱讀完整內容

inwebpack

[day20][後端][實作] Again，從webpack開始打包的Express（四）

驢子 11月 18, 2020

前情提要上一篇已經讓express正常運作了，這一篇要開始讓伺服器自動更新與重啟，這篇非常適合連假後的禮拜一，很短（可不可以不要上班= = 這邊要運用到之前學過的nodemon讓伺服器自動重啟 npm i nodemon --save-d 然後修改"package.json"更改腳本指令 package.json { "name" : "ithome_30day" , "version" : "1.0.0" , "description" : "IT邦邦忙鐵人賽用git檔案" , "main" : "index.js&qu…

閱讀完整內容

innodejs

[day15][全端][學習] EJS，長的跟HTML87%像的樣版語言

驢子 11月 18, 2020

超級簡單的樣版語言樣版語言有非常多種選擇，但他們都也些共同的目的。就是可以讓伺服器用資料去動態渲染網站的一種語言，可以寫迴圈、判斷和注入HTML的一種方法。儘管樣本語言寫法差異性極大，但他們本質上都是一種SSR的方法，可以用學到的概念去理解其他樣版語言。 EJS官方網站(中文的喔) EJS基本上有相當多的用法，這邊用兩個方法讓各位熟悉什麼是樣板語言！這邊就讓後端來吐出navBar吧，前往routes資料匣下面宣告變數後放進每一個頁面！ routes\index.js var express = require ( 'express' ); var router = express.Router(); /* GET home page. */ let rendeData = { tit…

閱讀完整內容

innodejs

[day14][後端][實作] CRUD，用mongoose去修改MongoDB

驢子 11月 18, 2020

mongoose的簡單使用方法上一篇中使用的"mongoose"有許多定義好的方法可以使用，最好先宣告幾個方法統一呼叫才會比較方便。請跟著下面的流程好好的重構一下程式碼！個人習慣針對資料庫的操作會統一宣告在一個資料夾內保管，所以首先建立資料夾"models"在建立放置資料庫模型的js檔"schemaModels.js"然後依照練習用的範例資料庫一一建立模型 models\schemaModels.js let mongoose = require ( 'mongoose' ); const accounts = new mongoose.Schema({ account_id : { type : Number }, …

閱讀完整內容

innodejs

[day13][後端][學習] 串接，雲端MongoDB Atlas資料庫（下）

驢子 11月 18, 2020

前情題要上一篇我們註冊了雲端DB並且完全沒有碰程式碼，現在就讓我們來開始動程式碼。該用哪個套件處理mongodb？？ mongodb VS mongoose 可以參考這篇文章 Performance Difference in Mongoose vs MongoDB Native Driver ，這邊會選擇使用mongoose，因為使用上比較簡單。如果使用mongodb速度會比較快因為他能控制到相當底層的東西。本篇使用的是mongoose所以沒辦法使用範例程式碼，請使用下面的程式碼。首先安裝"mongoose" npm i --save mongodb app.js 略 const mongoose = require ( 'mongoose' ); co…

閱讀完整內容