月份: 一月 2022

一.GA發展路徑

1. javascript library: 通用版GA是https://www.google-analytics.com/analytics.js、全域版GA是https://www.googletagmanager.com/gtag/js
2. 兩個GA chrome外掛程式
   1. GA Debugger: 可於JavaScript Console展開Debug模式
   2. GA Tag Assistant: 僅支援全域版GA
   3. GA4串流GA資源方式: 將GA4的評估ID貼到GA追蹤資訊 > 追蹤程式碼 > 已連結的代碼 > 輸入所要連結的代碼ID

二.GA帳戶結構

三.事件結構

1.通用版GA事件結構

2.GA4事件結構

• 事件導向，每個事件一個名稱，最多自訂25個參數
• 參數: 可為常數、變數；可為文字、數字
• 直接開發基礎數據框架，可自訂內容與格式；故報表要檢視參數收集到的數據，需將文字格式的參數自訂為"維度" 或 數字格式的參數自訂為"指標"

3.GA4事件類別

 

[GA4] 事件簡介

1.參考 https://www.facebook.com/watch/?extid=CL-UNK-UNK-UNK-AN_GK0T-GK1C&v=283678740269320

講義

微前端_Angular.docx

指令

ng new --create-application=false mfdemo1
cd mfdemo1
ng g application mfdemo1 --routing --style=css

ng g application mf-element1 --routing=false --style=css
ng add @angular/elements --project=mf-element1
ng add ngx-build-plus --project=mf-element1

package.json

加上此兩項
"build:mfdemo1": "ng build --project=mfdemo1 --prod --output-hashing=none",
"build:mf-element1": "ng build --project=mf-element1 --prod --output-hashing=none --single-bundle",

執行build

npm run-script
npm run-script build:mf-element1
npm run-script build:mfdemo1

package.json

"build:mf-element1:deploy": "cp dist/mf-element1/main.js dist/mfdemo1/mf-element1.js && cp dist/mf-element1/polyfills.js dist/mfdemo1/mf-polyfills.js",
"serve:mfdemo1": "cd dist/mfdemo1 && lite-server",

執行build

npm run-script build:mf-element1:deploy

copy dist/mf-element1/main.js dist/mfdemo1/mf-element1.js
copy dist/mf-element1/polyfills.js dist/mfdemo1/mf-polyfills.js

出現錯誤npm run build 時報 cp 不是内部命令之錯誤

要用gitbash https://blog.csdn.net/Luzahngfeng/article/details/106999573

執行

npm install lite-server
npm run-script serve:mfdemo1

2.程式開發歷程

https://github.com/yahuihuang/microweb_mfdemo1

1.Tool : Expo

Introduction to Expo – Expo Documentation

2.Command

npm install --global expo-cli
expo init my-project
cd my-project
code .

npm start

Windows PowerShell
Copyright (C) Microsoft Corporation. 著作權所有，並保留一切權利。

請嘗試新的跨平台 PowerShell <https://aka.ms/pscore6>

PS D:\\GProj\\GReactNative\\my-project> npm start

> my-project@1.0.0 start D:\\GProj\\GReactNative\\my-project
> expo start

Starting project at D:\\GProj\\GReactNative\\my-project
Developer tools running on <http://localhost:19002>
Starting Metro Bundler
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
█ ▄▄▄▄▄ █▄▀▀▄▄ ▀█ █ ▄▄▄▄▄ █
█ █   █ ███▄█   ▄▄█ █   █ █
█ █▄▄▄█ ██▄▀▄▀███▀█ █▄▄▄█ █
█▄▄▄▄▄▄▄█ █ ▀▄▀ ▀ █▄▄▄▄▄▄▄█
█  ▀ ▄█▄▀█ ▄▄▀▀█▀ █▄█▀█▀▀▄█
█ ▀ ▀▀ ▄█▄▀  ▀▄▄▄▀▀███▄▀▀ █
█▀▄██ ▀▄▀█▄█▄▄▀▄ █ ▄▀▀█▀ ██
█ ▄█ ▄ ▄▀▀█▄ ▄▄█ ▄▀ ██▄▀  █
█▄████▄▄▄▀▄█▀   █ ▄▄▄  ▄▀▄█
█ ▄▄▄▄▄ ██▀ ▄  ▄█ █▄█ ██▀ █
█ █   █ █ ██▀▀██▄ ▄  ▄ █▀▀█
█ █▄▄▄█ █▀ ▄  █▄ ▄█▀▀▄█   █
█▄▄▄▄▄▄▄█▄█▄▄██▄▄▄▄█▄▄███▄█

› Metro waiting on exp://192.168.0.110:19000
› Scan the QR code above with Expo Go (Android) or the Camera app (iOS)

› Press a │ open Android
› Press w │ open web

› Press r │ reload app
› Press m │ toggle menu
› Press d │ show developer tools
› shift+d │ toggle auto opening developer tools on startup (disabled)

› Press ? │ show all commands

Logs for your project will appear below. Press Ctrl+C to exit.

3.Install Expo Client in iOS / Android

4.重Load

1. 實機: 搖一搖可以選選單
2. iOS simulator ⇒ Command + R
3. Android emulator ⇒ R + R

5.iOS simulator → XCode

Android emulator → Android Studio

範例

enum PatOne : CaseIterable {
  case Dog
  case Cat
  case Pig
}

let thePat:PatOne = PatOne.Pig

switch thePat {
  case .Pig:
    print("pig")
  case .Dog:
    print("dog")
  case .Cat:
    print("cat")
}

print("enum count: \(PatOne.allCases.count)")
PatOne.allCases.forEach {
  print("\($0)")
}

結果

pig
enum count: 3
Dog
Cat
Pig