Web dev 討論區 [1]

自己學la
香港地讀master晒錢

一個readme真係可以慳左唔少communication既時間。
仲有，香港喺tech knowledge share既風氣的確好差。

寫完都無人睇

docs最大作用一直都係俾3個月後嘅自己睇，之後先係俾其他人睇

最起碼個project點樣strat up要喺readme度寫清楚
等自己當要換新機做development或者自己開server，做deployment用。
最簡單將所有environment砍掉，再跟住自己寫過既步驟，一步一步重新build up。咁樣黎verify番自己啲野係正確，當然troubleshooting都要寫埋啦。

個project點樣strat up，唔好話三個月後既我，聽日既我都未必記得十足架。

呢個真
尤其係之前用react native cli嘅時候
又要cocoapod 又要java
java d version真係戇撚鳩

setup procedure寫完俾人睇 啲人又扮唔識睇 要我自己落場搞
business logic啲嘢 啲人改完logic又唔update份doc 一係就問返寫晒係doc嘅嘢
寫落自己公司acc notion 到handover個陣先一次過copy返出黎算數

從來未見過要人開公司project睇下
不過你in得react role都要有少少react side project睇下嘅

Teams到錄影好過README作文

點樣速成k8s 求教

udemy/自己起cluster玩熟佢
你識幾多/幾時要達到咩標準？

淨係識docker compose
見又要學terraform 見到咁多野要config就頭痕

學左基本concept先，ingress/service/pod最重要
docker compose應該最近似pod，都係喺一個host裏面各個container可以用localhost:port去連

Kompose可以幫你translate compose file to k8s resources
https://kubernetes.io/docs/tasks/configure-pod-container/translate-compose-kubernetes/
但熟咗之後最好natively咁寫k8s

docker desktop而家已經內置k8s cluster，你可以enable佢
之後你就可以學下用helm
helm係一個golang-backed嘅template engine
你個application 有一堆resources可以一次過塞完variables之後apply落個cluster，又可以rollback，helm應該係最多人用嘅deployment tool

🙇🏻🙇🏻咁洗唔洗用minikube ?

速成嘅話docker desktop隻k8s好夠用, 除非你之後想再玩多啲, ex. multi-nodes, cni plugin, 到時先再用minikube/k3d/kind呢啲tools都未遲

咁deploy 要識咩工具

level 1:
kubectl apply

level 2:
helm

level 3:
CI (githun actions + semantic release + auto build/push image + push to gitops repo)
CD (gitops (ArgoCD))

謝謝教學

好認同
我已經試過migrate local server去aws，嗰時棘最耐就係呢三樣嘢

新手想問下react同nodejs既問題

我個react網頁同埋node restapi放左係iis到 兩個port都開左（網頁係80，api係8181）
以下幾個情況都會出現blocked by CORS policy: No 'Access-Control-Allow-Origin' header呢個問題 (我用axios）：
1. 直接係個vm裡面開個網頁（localhost:80）去request localhost:8181
2. external用macbook vscode run個react app連去vm個ip:8181
3. external用ip:80連去個網站 request返個ip:8181

我跟google同chatgpt咁用改cors既config都未解決到
淨係用app.use(cors())唔得

我加左下面段code落backend到，一開始可以fetch到data，但係過左一陣（15－30min） 又會出現返CORS policy: No 'Access-Control-Allow-Origin' header呢個error

app.use(
  cors({
    origin: "*", // Or specify origins you want to allow
    methods: ["GET", "POST", "PUT", "DELETE"],
    allowedHeaders: ["Content-Type", "Authorization"], // Add other headers you need to allow
  })
);

app.use(function (req, res, next) {
  res.header("Access-Control-Allow-Origin", "*"); // This allows all origins
  res.header("Access-Control-Allow-Methods", "GET, PUT, POST, DELETE");
  res.header(
    "Access-Control-Allow-Headers",
    "Origin, X-Requested-With, Content-Type, Accept, Authorization"
  );
  next();
});

下面係我frontend fetch既function

const fetchHomeData = async () => {
      try {
        const response = await axios.get(apiUrl, {
          params: {
            organizationID: organizationId,
          },
          headers: {
            "Content-Type": "application/json",
          },
        });

        console.log("Retrieved Home Page Data: ", response.data);
        setPopular(response.data.popular);
        setTop5(response.data.topfive);
        setCategory(response.data.category);
      } catch (error) {
        console.error("Error fetching menu data:", error);
      }
    };

下面係我用vscode run localhost連call vm個api出現既error:



想問下有無辦法可以解決到 或者係咪我個approach有問題 唔該曬師兄