tedshd's DevNote

tedshd's DevNote

Develop & Design Note by Ted

Nginx 使用 refer 處理 CORS header

on 2021-04-30

處理 CORS 算是許多 Web 開發者會處理的情況

其中要又有一個比較重要的部分就是要設定 Access-Control-Allow-Origin 這個允許來源的 header

通常為了安全性問題, 都是只會設定允許的 host 上去

但是常常設定而且在不同環境設定也是有點麻煩

所以這邊就用了直接在 server 設定的方式來處理

這樣直接看 server 的 rule 設定即可

也可以快速的條列不同環境的 host

用法

if ($http_referer ~* example.com) {
    add_header 'Access-Control-Allow-Origin' 'https://example.com';
}

if ($http_referer ~* dev.example.com) {
    add_header 'Access-Control-Allow-Origin' 'https://dev.example.com';
}

這個判斷沒有固定的寫法

可以參考底下 Nginx 對 http_referer 的介紹來針對需要判斷 host 的方式進行修改

Refer - 跨來源資源共用(CORS)

Refer - Module ngx_http_referer_module

Read more

GA4 資料整理

on 2021-03-30

因為在 2020 年下半年 Google 更新的 GA4 的版本出來

基本上就是全新版本的 GA 了

和舊的 GA 使用方式與數據都不相容

主要是因為因應現在 App 記錄和觀察數據的方式和以前單純在 Web 上面不一樣

所以 Google 開發了新的 GA4 來對應這種情況

應該也是會漸漸的都要使用新的 GA4 了

舊的目前還可以繼續用, 開新的 GA 也可以使用通用型來切成開舊版的 GA

但是建議是在使用中的先繼續使用(有餘力再轉換)

新的話就開新的 GA4

這邊主要是記錄新版的使用

但大多也都是會參照其他網站的說明為主(因為很多網站介紹的很詳細)

Refer - 【最全 GA 攻略】2021 最新版 GA4 教學,從新舊比較到自訂報表都 OK!

這網站介紹的蠻詳細的

Read more