🆕 https://mnya.tw/cc/word/1345.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 🖥伺服器 , 📝學業筆記 , ⚙️JavaScript , ⚙️Node.js】
上一篇已經成功將 Gulp 任務管理工具安裝完成,也能運作了!接著我們要運用 Yarn 這款套件管理程式來安裝 Gulp 的套件「gulp-connect」...
#Node_js #Yarn #專案 #gulp_js #Gulp #任務管理工具 #Gulp大展身手 #學業筆記 #網站技術 #前端技術 #伺服器 #網站前端封裝實務 #JavaScript #JS #套件管理程式 #專案管理工具 #gulp_connect #前端開發伺服器 #gulpfile_js
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 🖥伺服器 , 📝學業筆記 , ⚙️JavaScript , ⚙️Node.js】
上一篇已經成功將 Gulp 任務管理工具安裝完成,也能運作了!接著我們要運用 Yarn 這款套件管理程式來安裝 Gulp 的套件「gulp-connect」...
#Node_js #Yarn #專案 #gulp_js #Gulp #任務管理工具 #Gulp大展身手 #學業筆記 #網站技術 #前端技術 #伺服器 #網站前端封裝實務 #JavaScript #JS #套件管理程式 #專案管理工具 #gulp_connect #前端開發伺服器 #gulpfile_js
萌芽綜合天地
Node.js:Gulp 運行 gulp-connect 套件,建立前端開發伺服器(Gulp 大展身手!) - 萌芽綜合天地 - 萌芽網頁
《上一篇:Node.js:Yarn 專案初始化、gulp.js 任務管理工具安裝與使用》已經成功將 Gulp 任務管理工具安裝完成,也能運作了!接著我們要運用 Yarn 這款套件管理程 […]
🆕 https://mnya.tw/cc/word/1347.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , ⚙️JavaScript , ⚙️Node.js】
上一篇應該已經讓您了解 Gulp 是多麼方便且好用的任務管理工具,現在就讓我們運用 Node.js 環境下的 Gulp 運行「imagemin-mozjpeg」這款套件...
#Node_js #Gulp #運行 #imagemin_mozjpeg #mozjpeg #批次圖片壓縮 #圖片壓縮 #網站技術 #JavaScript #JS #Yarn #imagemin
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , ⚙️JavaScript , ⚙️Node.js】
上一篇應該已經讓您了解 Gulp 是多麼方便且好用的任務管理工具,現在就讓我們運用 Node.js 環境下的 Gulp 運行「imagemin-mozjpeg」這款套件...
#Node_js #Gulp #運行 #imagemin_mozjpeg #mozjpeg #批次圖片壓縮 #圖片壓縮 #網站技術 #JavaScript #JS #Yarn #imagemin
萌芽綜合天地
Node.js:Gulp 運行 imagemin-mozjpeg,mozjpeg 批次圖片壓縮 – 萌芽綜合天地
上一篇:Node.js:Gulp 運行 gulp-connect 套件,建立前端開發伺服器(Gulp 大展身手!)》應該已經讓您了解 Gulp 是多麼方便且好用的任務管理工具,現在就讓我們運用 Node.js 環境下的 Gulp 運行「imagemin-mozjpeg」這款套件,將 jpg 圖檔使用 mozjpeg 破壞壓縮技術進行批次壓縮,
🆕 https://mnya.tw/cc/word/1349.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 🎨CSS , ⚙️JavaScript , ⚙️Node.js】
「Autoprefixer」這款套件(CSS 後處理器)運用最新「Can I Use.」的資訊幫助開發者可以自動化添加或移除這些供應商前綴,超級方便...
#Node_js #Gulp #運行 #Autoprefixer #批次處理 #CSS供應商前綴問題 #CSS供應商前綴 #CSS #供應商前綴 #Yarn #Can_I_Use #gulp_postcss #gulp_sourcemaps #網站技術 #JavaScript #JS
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 🎨CSS , ⚙️JavaScript , ⚙️Node.js】
「Autoprefixer」這款套件(CSS 後處理器)運用最新「Can I Use.」的資訊幫助開發者可以自動化添加或移除這些供應商前綴,超級方便...
#Node_js #Gulp #運行 #Autoprefixer #批次處理 #CSS供應商前綴問題 #CSS供應商前綴 #CSS #供應商前綴 #Yarn #Can_I_Use #gulp_postcss #gulp_sourcemaps #網站技術 #JavaScript #JS
萌芽綜合天地
Node.js:Gulp 運行 Autoprefixer,批次處理 CSS 供應商前綴問題 - 萌芽綜合天地 - 萌芽網頁
《上一篇:Node.js:Gulp 運行 imagemin-mozjpeg,mozjpeg 批次圖片壓縮》已經成功在 Node.js 環境中運用 Gulp 這款任務管理工具加上「imagemin」 […]
🆕 https://mnya.tw/cc/word/1351.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 🎨CSS , ⚙️JavaScript , ⚙️Node.js】
上一篇已經可以知道 Node.js 環境下 Gulp 任務管理工具可以幫助我們快速處理工程師不想手動完成的事情,這篇要講的主題是壓縮 CSS...
#Node_js #Gulp #運行 #gulp_clean_css #clean_css #gulp_sourcemaps #網站技術 #JavaScript #JS #CSS #批次壓縮CSS #批次壓縮 #壓縮CSS
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 🎨CSS , ⚙️JavaScript , ⚙️Node.js】
上一篇已經可以知道 Node.js 環境下 Gulp 任務管理工具可以幫助我們快速處理工程師不想手動完成的事情,這篇要講的主題是壓縮 CSS...
#Node_js #Gulp #運行 #gulp_clean_css #clean_css #gulp_sourcemaps #網站技術 #JavaScript #JS #CSS #批次壓縮CSS #批次壓縮 #壓縮CSS
萌芽綜合天地
Node.js:Gulp 運行 gulp-clean-css,批次壓縮 CSS - 萌芽綜合天地 - 萌芽網頁
《上一篇:Node.js:Gulp 運行 Autoprefixer,批次處理 CSS 供應商前綴問題》已經可以知道 Node.js 環境下 Gulp 任務管理工具可以幫助我們快速處理工程師不想 […]
🆕 https://mnya.tw/cc/word/1353.html
【作者:萌芽站長;💻萌芽綜合天地;📷多媒體 , 🌐網站技術 , ⚙️JavaScript , ⚙️Node.js , 🖼靜圖處理】
最近正在運用《Node.js:Gulp 運行 imagemin-mozjpeg,mozjpeg 批次圖片壓縮》這篇文章的技術幫整個萌芽系列網站進行圖片壓縮,不過有注意...
#Node_js #處理多層目錄檔案 #Gulp #mozjpeg批次圖片壓縮 #mozjpeg #批次圖片壓縮 #延伸篇 #多媒體 #靜圖處理 #JavaScript #JS #Gulp #Array #forEach
【作者:萌芽站長;💻萌芽綜合天地;📷多媒體 , 🌐網站技術 , ⚙️JavaScript , ⚙️Node.js , 🖼靜圖處理】
最近正在運用《Node.js:Gulp 運行 imagemin-mozjpeg,mozjpeg 批次圖片壓縮》這篇文章的技術幫整個萌芽系列網站進行圖片壓縮,不過有注意...
#Node_js #處理多層目錄檔案 #Gulp #mozjpeg批次圖片壓縮 #mozjpeg #批次圖片壓縮 #延伸篇 #多媒體 #靜圖處理 #JavaScript #JS #Gulp #Array #forEach
萌芽綜合天地
Node.js:處理多層目錄檔案(Gulp、mozjpeg 批次圖片壓縮 - 延伸篇) – 萌芽綜合天地
最近正在運用《Node.js:Gulp 運行 imagemin-mozjpeg,mozjpeg 批次圖片壓縮》這篇文章的技術幫整個萌芽系列網站進行圖片壓縮,不過有注意到雖然可以篩選掉非「.jpg」的圖片,卻不能多層目錄一起處理,因為早期我網站的圖庫安排是「年份/月份/圖檔.jpg」,因此就靈機一動採用了 JavaScript Array forEach 的方式達成!
🆕 https://mnya.tw/cc/word/1355.html
【作者:萌芽站長;💻萌芽綜合天地;📷多媒體 , 🌐網站技術 , ⚙️JavaScript , ⚙️Node.js , 🖼靜圖處理】
這次來探討如何運用建構路徑物件的方式來方便管理 Gulp 的工作流程檔「gulpfile.js」,再來講 Gulp 提供的監看功能,只要來源目錄有任何檔案更動...
#Node_js #建構路徑物件 #路徑 #自動監看 #自動監看執行 #批次檔 #Gulp #mozjpeg批次圖片壓縮 #mozjpeg #批次圖片壓縮 #延伸篇 #JavaScript #JS #多媒體 #網站技術 #靜圖處理
【作者:萌芽站長;💻萌芽綜合天地;📷多媒體 , 🌐網站技術 , ⚙️JavaScript , ⚙️Node.js , 🖼靜圖處理】
這次來探討如何運用建構路徑物件的方式來方便管理 Gulp 的工作流程檔「gulpfile.js」,再來講 Gulp 提供的監看功能,只要來源目錄有任何檔案更動...
#Node_js #建構路徑物件 #路徑 #自動監看 #自動監看執行 #批次檔 #Gulp #mozjpeg批次圖片壓縮 #mozjpeg #批次圖片壓縮 #延伸篇 #JavaScript #JS #多媒體 #網站技術 #靜圖處理
萌芽綜合天地
Node.js:建構路徑物件、自動監看執行、批次檔小技巧(Gulp、mozjpeg 批次圖片壓縮 - 延伸篇) - 萌芽綜合天地 - 萌芽網頁
這篇文章是《Node.js:Gulp 運行 imagemin-mozjpeg,mozjpeg 批次圖片壓縮》的延伸篇,這次來探討如何運用建構路徑物件的方式來方便管理 Gulp 的工作流程檔「gu […]
🆕 https://mnya.tw/cc/word/1358.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , ⚙️JavaScript , ⚙️Node.js】
上一篇我們已經瞭解到如何將 CSS 壓縮成較小的檔案啦!這篇文章我們要更完整的敘述封裝檔案這件事情,不過由於 CSS 已經說過了,這次就用 JavaScript...
#Node_js #Gulp #套件 #JavaScript #JS #合併 #壓縮 #min #命名 #重新命名 #JS封裝 #JavaScript封裝 #網站技術 #Yarn #gulp_concat #gulp_uglify #gulp_rename
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , ⚙️JavaScript , ⚙️Node.js】
上一篇我們已經瞭解到如何將 CSS 壓縮成較小的檔案啦!這篇文章我們要更完整的敘述封裝檔案這件事情,不過由於 CSS 已經說過了,這次就用 JavaScript...
#Node_js #Gulp #套件 #JavaScript #JS #合併 #壓縮 #min #命名 #重新命名 #JS封裝 #JavaScript封裝 #網站技術 #Yarn #gulp_concat #gulp_uglify #gulp_rename
萌芽綜合天地
Node.js:Gulp 套件協助將 JavaScript 合併、壓縮與命名,將 JS 封裝吧! - 萌芽綜合天地 - 萌芽網頁
《上一篇:Node.js:Gulp 運行 gulp-clean-css,批次壓縮 CSS》我們已經瞭解到如何將 CSS 壓縮成較小的檔案啦!這篇文章我們要更完整的敘述封裝檔案這件事情, […]
🆕 https://mnya.tw/cc/word/1431.html
【✨精選文章;作者:萌芽站長;💻萌芽綜合天地;🖥軟體應用 , 🌐網站技術 , ⚙️JavaScript , 🗂Node.js , 🗃Webpack , 📄Visual Studio Code】
距離上次發表 Node.js 教學文時隔四個月的時間,暑假決定來好好研究一波 Webpack,它跟 Gulp 算是同樣類型的工具,Gulp 偏向自己寫流程,Webpack 則是...
#Node_js #Nodejs #Webpack #基礎概念 #Webpack基礎概念 #JS封裝過程教學 #JavaScript封裝過程教學 #JS #JavaScript #使用VSCode #VSCode #Visual_Studio_Code #軟體應用 #網站技術 #網頁壓縮 #網頁封裝 #壓縮 #封裝
【✨精選文章;作者:萌芽站長;💻萌芽綜合天地;🖥軟體應用 , 🌐網站技術 , ⚙️JavaScript , 🗂Node.js , 🗃Webpack , 📄Visual Studio Code】
距離上次發表 Node.js 教學文時隔四個月的時間,暑假決定來好好研究一波 Webpack,它跟 Gulp 算是同樣類型的工具,Gulp 偏向自己寫流程,Webpack 則是...
#Node_js #Nodejs #Webpack #基礎概念 #Webpack基礎概念 #JS封裝過程教學 #JavaScript封裝過程教學 #JS #JavaScript #使用VSCode #VSCode #Visual_Studio_Code #軟體應用 #網站技術 #網頁壓縮 #網頁封裝 #壓縮 #封裝
萌芽綜合天地
Node.js:Webpack 基礎概念與 JS 封裝過程教學(使用 VS Code) – 萌芽綜合天地
距離上次發表 Node.js 教學文時隔四個月的時間,暑假決定來好好研究一波 Webpack,它跟 Gulp 算是同樣類型的工具,Gulp 偏向自己寫流程,Webpack 則是寫好配置文件交由程式直接跑,就不用自己設定流程,不過最終都是達到封裝的目的,至於網頁為什麼要封裝?身為站長的我必須告訴你,一個網站若沒有做封裝,除了用戶要下載的資訊量較多,檔案下載要求也會非常多,這會導致載入速度過慢的問題,
🆕 https://mnya.tw/cc/word/1432.html
【✨精選文章;作者:萌芽站長;💻萌芽綜合天地;🖥軟體應用 , 🌐網站技術 , 🎨CSS , 🎨Sass/SCSS , ⚙️JavaScript , 🗂Node.js , 🗃Webpack , 📄Visual Studio Code】
上一篇我們已經講到 Webpack 的基礎概念與如何做 JS(JavaScript) 的封裝,這一篇則是要教大家如何用 Webpack 封裝 CSS 與 SCSS...
#Node_js #Nodejs #Webpack #封裝CSS #封裝SCSS #封裝 #CSS #SCSS #Sass #JS #JavaScript #使用VSCode #VSCode #Visual_Studio_Code #軟體應用 #網站技術 #網頁壓縮 #網頁封裝 #壓縮 #封裝
【✨精選文章;作者:萌芽站長;💻萌芽綜合天地;🖥軟體應用 , 🌐網站技術 , 🎨CSS , 🎨Sass/SCSS , ⚙️JavaScript , 🗂Node.js , 🗃Webpack , 📄Visual Studio Code】
上一篇我們已經講到 Webpack 的基礎概念與如何做 JS(JavaScript) 的封裝,這一篇則是要教大家如何用 Webpack 封裝 CSS 與 SCSS...
#Node_js #Nodejs #Webpack #封裝CSS #封裝SCSS #封裝 #CSS #SCSS #Sass #JS #JavaScript #使用VSCode #VSCode #Visual_Studio_Code #軟體應用 #網站技術 #網頁壓縮 #網頁封裝 #壓縮 #封裝
萌芽綜合天地
Node.js:Webpack 封裝 CSS、SCSS 成單一 JS 教學(使用 VS Code) – 萌芽綜合天地
上一篇:Node.js:Webpack 基礎概念與 JS 封裝過程教學(使用 VS Code)》我們已經講到 Webpack 的基礎概念與如何做 JS(JavaScript) 的封裝,這一篇則是要教大家如何用 Webpack 封裝 CSS 與 SCSS,而且最終是跟原來的 JS 一起包裝成單一個 JS 檔!這樣最終的「產品」只要要求一個 JS 檔案就可以同時獲得所有需要的樣式表與腳本了!
🆕 https://mnya.tw/cc/word/1472.html
【作者:萌芽站長;💻萌芽綜合天地;📷多媒體 , 🌐網站技術 , ⚙️JavaScript , ⚙️Node.js , 🖼靜圖處理 , ⚙️Gulp】
這篇是延伸篇文章,過去我所提供的範例與教學都只能壓縮處理附檔名為 .jpg 的圖檔,但其實 mozjpeg 是可以批次壓縮 .jpeg、.JPG 與 .JPEG 的圖檔...
#Node_js #jpg #jpeg #JPG #JPEG #通通不遺漏的進行壓縮 #Gulp #mozjpeg批次圖片壓縮 #mozjpeg #批次圖片壓縮 #延伸篇 #JavaScript #JS #多媒體 #網站技術 #靜圖處理
【作者:萌芽站長;💻萌芽綜合天地;📷多媒體 , 🌐網站技術 , ⚙️JavaScript , ⚙️Node.js , 🖼靜圖處理 , ⚙️Gulp】
這篇是延伸篇文章,過去我所提供的範例與教學都只能壓縮處理附檔名為 .jpg 的圖檔,但其實 mozjpeg 是可以批次壓縮 .jpeg、.JPG 與 .JPEG 的圖檔...
#Node_js #jpg #jpeg #JPG #JPEG #通通不遺漏的進行壓縮 #Gulp #mozjpeg批次圖片壓縮 #mozjpeg #批次圖片壓縮 #延伸篇 #JavaScript #JS #多媒體 #網站技術 #靜圖處理
萌芽綜合天地
Node.js:jpg、jpeg、JPG、JPEG 通通不遺漏的進行壓縮(Gulp、mozjpeg 批次圖片壓縮 – 延伸篇) – 萌芽綜合天地
這篇文章是《Node.js:Gulp 運行 imagemin-mozjpeg,mozjpeg 批次圖片壓縮》與《Node.js:建構路徑物件、自動監看執行、批次檔小技巧(Gulp、mozjpeg 批次圖片壓縮 – 延伸篇)》的延伸篇,過去我所提供的範例與教學都只能壓縮處理附檔名為 .jpg 的圖檔,但其實 mozjpeg 是可以批次壓縮 .jpeg、.JPG 與 .JPEG 的圖檔,
🆕 https://mnya.tw/cc/word/1705.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , ⚙️Node.js】
Node-RED 建構在 Node.js 之上,也就是說需要先行安裝好該環境,這款工具才能運作。早期由 IBM 所開發,後來在 2016 年交給 OpenJS 基金會維護及運作網站等...
#Node_RED #流程圖視覺化串接資料 #流程圖 #視覺化 #串接資料 #IoT開發工具 #物聯網開發工具 #IoT #物聯網 #開發工具 #網站技術 #Node_js
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , ⚙️Node.js】
Node-RED 建構在 Node.js 之上,也就是說需要先行安裝好該環境,這款工具才能運作。早期由 IBM 所開發,後來在 2016 年交給 OpenJS 基金會維護及運作網站等...
#Node_RED #流程圖視覺化串接資料 #流程圖 #視覺化 #串接資料 #IoT開發工具 #物聯網開發工具 #IoT #物聯網 #開發工具 #網站技術 #Node_js
萌芽綜合天地
Node-RED:透過流程圖視覺化串接資料、強大的 IOT 開發工具 – 萌芽綜合天地
Node-RED 建構在 Node.js 之上,也就是說需要先行安裝好該環境,這款工具才能運作。早期由 IBM 所開發,後來在 2016 年交給 OpenJS 基金會維護及運作網站等,現今為一個開源專案。透過它,您可以在基於瀏覽器上的網頁介面來操作各種資料的串接,並且同時可以做運算、除錯,還能導出數據至儀表板、資料庫等。操作上透過拖拉左側需要的節點至中央流程區塊,接著使用線條把需要的節點串聯,
🆕 https://mnya.tw/cc/word/1706.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , ⚙️Node.js】
上次提到 Node-RED 只做了簡單的介紹與教大家如何安裝,還沒有實際去用一些節點來傳輸資料與顯示資料等,因此這次想藉著簡單的亂數輸出來顯示到儀表板,做個簡易的小練習...
#Node_RED #製造亂數顯示到儀表板的小練習 #製造亂數 #亂數 #儀表板 #小練習 #網站技術 #Node_js
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , ⚙️Node.js】
上次提到 Node-RED 只做了簡單的介紹與教大家如何安裝,還沒有實際去用一些節點來傳輸資料與顯示資料等,因此這次想藉著簡單的亂數輸出來顯示到儀表板,做個簡易的小練習...
#Node_RED #製造亂數顯示到儀表板的小練習 #製造亂數 #亂數 #儀表板 #小練習 #網站技術 #Node_js
萌芽綜合天地
Node-RED:製造亂數顯示到儀表板的小練習 – 萌芽綜合天地
上次提到 Node-RED 只做了簡單的介紹與教大家如何安裝,還沒有實際去用一些節點來傳輸資料與顯示資料等,因此這次想藉著簡單的亂數輸出來顯示到儀表板,做個簡易的小練習。首先我們需要在 Node-RED 中安裝「node-red-dashboard」模組,這個可以產生出很多可以放在儀表板上頭的元件(節點),例如:按鈕、選單、圖表、顏色挑選、日期選擇、儀表等。 ▲…
🆕 https://mnya.tw/cc/word/1730.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 🔒資訊安全 , ⚙️Node.js , 🟥Node-RED】
Node-RED 預設是無帳號與密碼的,因此若建立在公開的伺服器上就是不安全的,任何人都可以透過 IP 或網域連上平台,且直接修改及部屬編輯器上的節點...
#Node_RED #啟用使用者身分驗證 #啟用 #使用者身分驗證 #使用者 #身分驗證 #建立帳號密碼 #保護資訊安全 #網站技術 #資訊安全 #Node_js
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 🔒資訊安全 , ⚙️Node.js , 🟥Node-RED】
Node-RED 預設是無帳號與密碼的,因此若建立在公開的伺服器上就是不安全的,任何人都可以透過 IP 或網域連上平台,且直接修改及部屬編輯器上的節點...
#Node_RED #啟用使用者身分驗證 #啟用 #使用者身分驗證 #使用者 #身分驗證 #建立帳號密碼 #保護資訊安全 #網站技術 #資訊安全 #Node_js
萌芽綜合天地
Node-RED:啟用使用者身分驗證、建立帳號密碼以保護資訊安全 – 萌芽綜合天地
Node-RED 預設是無帳號與密碼的,因此若建立在公開的伺服器上就是不安全的,任何人都可以透過 IP 或網域連上平台,且直接修改及部屬編輯器上的節點,因此我們要運用其內建的使用者身分驗證機制來保護平台的資訊安全。首先您必須先找到設定檔 ,通常在 Node-RED 的根目錄上,這個設定檔的完整路徑首次啟動會顯示在終端機上,接著在設定檔中加入 屬性,裏頭有使用者的帳號、密碼(採用 Bcrypt…
🆕 https://mnya.tw/cc/word/1731.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 🛢資料庫 , ⚙️Node.js , 📑SQL , 🟥Node-RED】
Node-RED 可以讓使用者在 Node.js 的環境中做非常多事情,只要拖拉節點,寫一點點的 Code,就能做到挺複雜的事情,而為了練習讀取 MySQL 資料庫並從其中查詢資料表內的所有資料...
#Node_RED #讀取 #查詢 #MySQL資料庫 #MySQL #資料庫 #資料表 #網站技術 #Node_js
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 🛢資料庫 , ⚙️Node.js , 📑SQL , 🟥Node-RED】
Node-RED 可以讓使用者在 Node.js 的環境中做非常多事情,只要拖拉節點,寫一點點的 Code,就能做到挺複雜的事情,而為了練習讀取 MySQL 資料庫並從其中查詢資料表內的所有資料...
#Node_RED #讀取 #查詢 #MySQL資料庫 #MySQL #資料庫 #資料表 #網站技術 #Node_js
萌芽綜合天地
Node-RED:讀取及查詢 MySQL 資料庫中的資料表 – 萌芽綜合天地
Node-RED 可以讓使用者在 Node.js 的環境中做非常多事情,只要拖拉節點,寫一點點的 Code,就能做到挺複雜的事情,而為了練習讀取 MySQL 資料庫並從其中查詢資料表內的所有資料,做了一次完整步驟的記錄,順便寫成教學給大家參考。首先您要先安裝「node-red-node-mysql」模組,才能透過 Node-RED 連接 MySQL,最後我們會在「除錯窗口」查看查詢到的資料。 ▲…
🆕 https://mnya.tw/cc/word/1736.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , ⚙️Node.js , 🟥Node-RED , 📦Git】
Node-RED 預設是用單一個 flows.json 管理所有流程及節點,而開啟專案(項目/Projects)功能後,您可以指定某些流程及節點所隸屬的專案,每個專案都會有各自的...
#Node_RED #開啟專案功能 #開啟項目功能 #專案功能 #項目功能 #建立首個新專案 #建立新專案 #專案 #項目 #網站技術 #Node_js #Git版本控制 #Git #版本控制
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , ⚙️Node.js , 🟥Node-RED , 📦Git】
Node-RED 預設是用單一個 flows.json 管理所有流程及節點,而開啟專案(項目/Projects)功能後,您可以指定某些流程及節點所隸屬的專案,每個專案都會有各自的...
#Node_RED #開啟專案功能 #開啟項目功能 #專案功能 #項目功能 #建立首個新專案 #建立新專案 #專案 #項目 #網站技術 #Node_js #Git版本控制 #Git #版本控制
萌芽綜合天地
Node-RED:開啟專案(項目)功能與建立首個新專案 – 萌芽綜合天地
Node-RED 預設是用單一個 管理所有流程及節點,而開啟專案(項目/Projects)功能後,您可以指定某些流程及節點所隸屬的專案,每個專案都會有各自的 ,以分開的方式管理它們,並可進行 Git 版本控制及協同開發,引進版本控制也有利於做備份、發行、複製等工作!因此這次就是要來教大家開啟這個好用的功能,並建立首個新專案,這個新專案將會把原有的流程及節點一起匯入。
🆕 https://mnya.tw/cc/word/1738.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 🛢資料庫 , ⚙️Node.js , 🟥Node-RED】
Node-RED 可以當作是收集、處理、輸出資料的中心,因此更要加以研究如何運用它抓資料、運算資料跟導出資料!這次我打算將 Node-RED 生成的亂數值塞入 MSSQL 資料庫中的資料表...
#Node_RED #將資料寫入至MSSQL資料庫中的資料表 #MSSQL #Microsoft_SQL_Server #SQL_Server #SQL #資料庫 #資料表 #網站技術 #Node_js
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 🛢資料庫 , ⚙️Node.js , 🟥Node-RED】
Node-RED 可以當作是收集、處理、輸出資料的中心,因此更要加以研究如何運用它抓資料、運算資料跟導出資料!這次我打算將 Node-RED 生成的亂數值塞入 MSSQL 資料庫中的資料表...
#Node_RED #將資料寫入至MSSQL資料庫中的資料表 #MSSQL #Microsoft_SQL_Server #SQL_Server #SQL #資料庫 #資料表 #網站技術 #Node_js
萌芽綜合天地
Node-RED:將資料寫入至 MSSQL 資料庫中的資料表 – 萌芽綜合天地
Node-RED 可以當作是收集、處理、輸出資料的中心,因此更要加以研究如何運用它抓資料、運算資料跟導出資料!這次我打算將 Node-RED 生成的亂數值塞入 MSSQL 資料庫中的資料表,作為 Node-RED 與 MSSQL 連線使用的首次練習題。MSSQL 全名為 Microsoft SQL Server,因此也有人簡稱為 SQL Server,是微軟公司所推出的關聯式資料庫解決方案。
🆕 https://mnya.tw/cc/word/1739.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , ⚙️Node.js , 🟥Node-RED , 🐳Docker】
使用 Docker 安裝及運行 Node-RED 可以讓它成為作業系統上的一個應用服務,您可以在關閉終端畫面的情況下仍繼續運作著它,透過 Docker 的特性,您可以做版本管理...
#使用Docker安裝及運行Node_RED教學 #安裝 #運行 #教學 #網站技術 #Node_js #Node_RED #Docker
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , ⚙️Node.js , 🟥Node-RED , 🐳Docker】
使用 Docker 安裝及運行 Node-RED 可以讓它成為作業系統上的一個應用服務,您可以在關閉終端畫面的情況下仍繼續運作著它,透過 Docker 的特性,您可以做版本管理...
#使用Docker安裝及運行Node_RED教學 #安裝 #運行 #教學 #網站技術 #Node_js #Node_RED #Docker
萌芽綜合天地
使用 Docker 安裝及運行 Node-RED 教學 – 萌芽綜合天地
使用 Docker 安裝及運行 Node-RED 可以讓它成為作業系統上的一個應用服務,您可以在關閉終端畫面的情況下仍繼續運作著它,透過 Docker 的特性,您可以做版本管理,指定您要安裝的 Node-RED 版本,也能隨時更新它,另外還能為這個服務指定對外通訊埠(預設使用 1880),最後請一定要記得掛載資料卷,這可以保證資料安然無恙,不會因為刪除容器而跟著一起消失,
🆕 https://mnya.tw/cc/word/1740.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , ⚙️Node.js , 🟥Node-RED , 🐳Docker】
假設說您有一個 Node-RED 跑在 Docker 的容器中,但它的版本太舊想更新怎麼辦?首先請確保您當初有將 Node-RED 的資料卷掛載好...
#使用Docker更新Node_RED教學 #更新 #教學 #容器 #網站技術 #Node_js #Node_RED #Docker
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , ⚙️Node.js , 🟥Node-RED , 🐳Docker】
假設說您有一個 Node-RED 跑在 Docker 的容器中,但它的版本太舊想更新怎麼辦?首先請確保您當初有將 Node-RED 的資料卷掛載好...
#使用Docker更新Node_RED教學 #更新 #教學 #容器 #網站技術 #Node_js #Node_RED #Docker
萌芽綜合天地
使用 Docker 更新 Node-RED 教學 – 萌芽綜合天地
假設說您有一個 Node-RED 跑在 Docker 的容器中,但它的版本太舊想更新怎麼辦?首先請確保您當初有將 Node-RED 的資料卷掛載好(請參考這篇文章),若沒有請您記住模組並匯出所有流程與節點,更新後再重新安裝與匯入它們。本文以您已經掛載好資料卷的情形,並使用 SSH 連線至 Ubuntu 伺服器進行示範操作。簡單來說,您需要將原來的 Node-RED 容器停止並刪除,
🆕 https://mnya.tw/cc/word/1752.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , ⚙️Node.js , 🟥Node-RED】
雖然說 Node-RED 的 Dashboard 內建介面所提供的 tab 切換功能很方便,左上角點開「≡」就可以選擇要切換的 tab,但若可以...
#Dashboard #button #ui_control #切換tab #切換 #tab #網站技術 #Node_js #Node_RED
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , ⚙️Node.js , 🟥Node-RED】
雖然說 Node-RED 的 Dashboard 內建介面所提供的 tab 切換功能很方便,左上角點開「≡」就可以選擇要切換的 tab,但若可以...
#Dashboard #button #ui_control #切換tab #切換 #tab #網站技術 #Node_js #Node_RED
萌芽綜合天地
Node-RED:Dashboard 使用 button 和 ui control 切換 tab – 萌芽綜合天地
雖然說 Node-RED 的 Dashboard 內建介面所提供的 tab 切換功能很方便,左上角點開「≡」就可以選擇要切換的 tab,但若可以做一個首頁,上頭佈滿要連結的 tab 按鈕,一定會非常方便!因此這次要運用 Dashboard 內建的節點 button 和 ui control 來切換 tab! ▲ 先拉兩個 button 與一個 ui control,請接在一起,然後編輯節點,