剛開始寫node.js,還是習慣先找一個logger的套件來trace系統。
這篇文章:node-js-logging-tutorial(也完整說明各種log的使用方法)介紹了winston這個套件,有興趣的新手可以試一下。
https://github.com/winstonjs/winston
星期一, 8月 28, 2017
[node.js] 快快樂樂學node.js (五) 開始連接mysql
現在要來說明如何連結mysql,
這裡使用node.js的mysql套件(https://github.com/mysqljs/mysql#introduction),可以簡單進行與mysql進行連線。
這裡使用node.js的mysql套件(https://github.com/mysqljs/mysql#introduction),可以簡單進行與mysql進行連線。
星期三, 8月 16, 2017
[node.js] 快快樂樂學node.js (四) REST API 模組化-使用控制器
在上一篇
[node.js] 快快樂樂學node.js (三) 實作第一個REST API (沒有採用資料庫)
的範例中,並沒有將程式碼考慮到如果有愈多不到資源的REST要處理的話(例如:用戶/Blog等等),
程式碼就會顯示的不好管理,因此我們要將messages拆分到另一個js檔案裡
[node.js] 快快樂樂學node.js (三) 實作第一個REST API (沒有採用資料庫)
由於大家開始習慣所謂的SPA 單一頁面應用程式架構,
前端可以搭任何喜歡的前端框架,例如vue.js/angular/react.js,
因此後端就只要負責與前端透過REST API溝通,
REST API的理論就不多說明了,直接記錄在node.js express如何實作
前端可以搭任何喜歡的前端框架,例如vue.js/angular/react.js,
因此後端就只要負責與前端透過REST API溝通,
REST API的理論就不多說明了,直接記錄在node.js express如何實作
星期二, 8月 15, 2017
[node.js] 快快樂樂學node.js (二) 如何設定自動重啟
先前有說到如果你沒有用任何套件的話,
基本上修改程式過程是很麻煩的,
因此要裝一些套件來達到這件事,
而且一個完整的範例,要包含前後端,
早期有一些grunt套件,目前個人則偏愛用gulp相關套件:D
基本上修改程式過程是很麻煩的,
因此要裝一些套件來達到這件事,
而且一個完整的範例,要包含前後端,
早期有一些grunt套件,目前個人則偏愛用gulp相關套件:D
[node.js] 快快樂樂學node.js (一) 啟動第一個express環境
閱讀jollen大大的node.js express的學習筆記,
方便自已速查,有興趣的朋友可以參閱。
github: https://github.com/jollen/nodejs-fullstack-book
我只從express章節開始記錄!!
方便自已速查,有興趣的朋友可以參閱。
github: https://github.com/jollen/nodejs-fullstack-book
我只從express章節開始記錄!!
[GA] 如何報考GA
如果你想要取得GA認證(免費的)
可以透過成為Google Partners即可免費參與考試 :D
https://www.google.com.tw/partners/about/join.html
選擇加入的tab
之後填了一些資訊後,可以到達以下頁面
https://www.google.com.tw/partners/#p_analyticscertification
就會看到右下的側欄有參加考試的資訊了!!
參考
https://support.google.com/analytics/answer/4553001?hl=zh-Hant
可以透過成為Google Partners即可免費參與考試 :D
https://www.google.com.tw/partners/about/join.html
選擇加入的tab
之後填了一些資訊後,可以到達以下頁面
https://www.google.com.tw/partners/#p_analyticscertification
就會看到右下的側欄有參加考試的資訊了!!
參考
https://support.google.com/analytics/answer/4553001?hl=zh-Hant
星期三, 8月 09, 2017
[Gulp] 快快樂樂學gulp- 起手式
記錄一下簡單的gulp筆記
gulp可以試用於window/linux開發環境,
這裡只介紹我在mac使用過程。
這裡只介紹我在mac使用過程。
前置作業- 安裝npm
安裝gulp
npm install --global gulpor
#g就是global的意思,通常都用這個
npm install gulp -g
gulp設定檔
使用gulp的專案內部需安裝以下二個檔案
package.json: 記錄安裝的npm套件
gulpfile.js: 撰寫你的任務流程
有了此二個設定檔,未來clone此專案就能快速建置開發環境
常用指令介紹
gulp.task
gulp.watch
gulp.src
gulp.desc
初始化你的gulpfile.js (一個最簡單的範例)
var gulp = require('gulp');
// 我們可以建立一個預設任務,當只輸入 $>gulp 指令時執行的任務
gulp.task('default',['build'],function(){
console.log('run default');
});
gulp.task('build',['build'],function(){
console.log('run build');
});
執行
$>gulp其他壓縮打包js/css套件
gulp-concat:合併檔案
gulp-minify-css:壓縮 CSS
gulp-uglify:混淆並壓縮 JS
gulp-rename:重新命名檔案
npm install gulp-concat --save-dev
npm install gulp-minify-css --save-dev
npm install gulp-uglify --save-dev
npm install gulp-rename --save-dev
gulp-minify-css:壓縮 CSS
gulp-uglify:混淆並壓縮 JS
gulp-rename:重新命名檔案
npm install gulp-minify-css --save-dev
npm install gulp-uglify --save-dev
npm install gulp-rename --save-dev
參考
https://www.gitbook.com/book/powerbear0083/gulp-install-record
http://www.oxxostudio.tw/articles/201503/gulp-2-compress-js-css.html
https://987.tw/2014/07/09/gulpru-men-zhi-nan/
https://www.slideshare.net/sfismy/gulpjs
https://www.slideshare.net/appleboy/automating-your-workflow-with-gulp
https://www.slideshare.net/sfismy/gulpjs
https://www.slideshare.net/appleboy/automating-your-workflow-with-gulp