Vue.Js 專案開發紀錄 Part 2
Vue.js 專案開發紀錄 Part 1
頭一次用 Vue.js 來開發整個網站的專案,雖然還沒全部做完,還是先來做一下至目前為止的一些記錄,提供日後有需要的時候可以參考。專案是使用 vue-cli 3.0 版本產生的,環境所需 Node >=8.
,目前本機環境 node.js v6.9.5,因為有舊專案的需求,所以不敢直接更新上去,所以使用 nvm 來安裝不同版本的 node.js
Vue 使用 Firebase Cloud Messaging
- Vue 專案內使用共同 SASS 資源
- Vue 專案目錄結構
- manifest.json
- firebase-messaging-sw.js
- src/main.js
- Get Push Token
- Get Push Notification
- 網站開啟時,收到推播
- 網頁關閉下,收到推播
- 發送推播
這幾個月來一直懶得更新文章,其實一直想找時間把最近工作的一些事項做些紀錄,結果都一直在看新入坑女團(GFriend)的影片,由於昨天一整天一直在鬼打牆,早上打破一片牆,下午又再遇到一片牆,好在下班前有所突破,趁著記憶猶新的時候,趕緊紀錄一下。
其實到目前為止,本身對於 PWA (Progressive Web Apps) 沒啥研究,所以對 Service Worker 也不太了解,在這種情況下就去串接 Firebase Cloud Messaging,真的有點越級挑戰了,所以一直碰到問題也很正常,甚至一度不曉得該先解決什麼問題,雖然下班前有完成一個簡單的 Web Push Notification,但還是覺得有些運氣成份在。
Apple Pay on the Web 開發筆記
已經不想去算到底多久沒有更新 Blog 了,因為最近幾個月實在沒什麼梗,不過這也算是好事吧!感覺起來似乎比較輕鬆些?其實也沒有比較輕鬆,前陣子還得趕鴨子上架,把剛摸沒多久的 Go lang 直接投入在新版後台開發上,想想都覺得很抖~~
從去年進公司以來,一開始就先著手開發的商品預訂流程,想當初花了一個半月,直接用 vue 2.x + vuex + vue-router 真的很敢,結果就是後來陸續要針對預訂流程做調整,就得再回顧之前一開始寫的 code,也不能說看得很痛苦,但是…看著好幾個月前寫的東西,總是在陌生與痛苦間徘徊。
2018建立安全PHP軟體指南
- PHP Versions
- Dependency Management
- HTTPS and Browser Security
- Developing Secure PHP Software
- Specialized Use-Cases
- 作者後記
- Resources
原文網址:https://paragonie.com/blog/2017/12/2018-guide-building-secure-php-software
隨著將到來的 2018 年,一般技術人員(尤其是網路開發者)必須拋棄原有開發安全 PHP 應用軟體的舊習與信念。尤其是對於許多不相信這樣壯舉的人來說。
本指南作為「PHP: The Right Way」電子書(繁中版)的補充,強調的是安全性,而不是一般PHP程式開發者主題(如:代碼風格)
常用CSS紀錄
已經兩個月沒更新 blog 了,感覺再不寫都快忘光 hexo, Travis CI 跟 elasticsearch 的使用了,不過先前已經將大部分的工作都自動化了,所以現在省事很多,只要 git push 後沒出問題的話
最近一兩個月下來,本來有想說寫一下怎麼做 FB 產品目錄,不過感覺這個找相關文件看好像就好了,加上寫文章動力大減,就一直荒廢中,而工作也幾乎都是切版,套程式,雖然有花一點時間摸索一下 docker 跟 golang 可是礙於工作需完成的進度很趕,所以實在沒太多時間好好深入這兩個東西,覺得非常可惜!希望之後可以跟得上大家的進度,不要扯後腿。
Google Analytics與Facebook Pixel事件追蹤筆記
Google Analytics
基本作法
每一頁都加上 pageview,這個真的太基本了,就不在浪費時間說明了
使用事件追蹤
事件追蹤主要分幾個參數可以使用
- Category
- Action
- Label
- Value (int, 可選擇)
下面用個簡單的例子說明,如果想要對用戶登入、註冊進行事件追蹤,大概可以這樣設計
說明 | Category | Action | Label |
---|---|---|---|
Email登入 | Login | Click | Email_Login |
Facebook登入 | Login | Click | Facebook_Login |
Email註冊 | Register | Click | Email_Register |
Facebook註冊 | Register | Click | Facebook_Register |