Setup Cloudflare Pages with Functions

.github/workflows/cloudflare-pages.yml

@@ -0,0 +1,19 @@
+name: Cloudflare Pages
+on: [push]
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Install dependencies
+        run: npm install
+      - name: Build
+        run: npm run build
+      - name: Publish
+        uses: cloudflare/pages-action@v1
+        with:
+          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+          projectName: 'ctf-platform'
+          directory: 'dist'
+          gitHubToken: ${{ secrets.GITHUB_TOKEN }}

functions/api/verify.js

@@ -0,0 +1,20 @@
+export async function onRequestPost(context) {
+  const { request } = context;
+  const body = await request.json();
+  const { levelId, flag } = body;
+
+  // Logika validasi sederhana
+  // Dalam produksi, gunakan database atau secret
+  const expectedFlag = `CTF{SECRET_${levelId}}`;
+
+  if (flag === expectedFlag) {
+    return new Response(JSON.stringify({ success: true, message: 'Flag benar!' }), {
+      headers: { 'Content-Type': 'application/json' },
+    });
+  }
+
+  return new Response(JSON.stringify({ success: false, message: 'Flag salah!' }), {
+    status: 400,
+    headers: { 'Content-Type': 'application/json' },
+  });
+}

src/scripts/main.js

@@ -95,15 +95,26 @@ window.runTask = function(id) {
     document.getElementById(`display-${id}`).innerHTML = input;
 }
 
-window.submitTask = function(id) {
+window.submitTask = async function(id) {
     const input = document.getElementById(`flag-${id}`).value;
-    const correctFlag = getSessionFlag(id);
 
-    if (input === correctFlag) {
-        localStorage.setItem(`task_done_${id}`, 'true');
-        alert('Mantap, flag benar!');
-        renderMissionBoard();
-    } else {
-        alert('Flag salah, coba lagi!');
+    try {
+        const response = await fetch('/api/verify', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ levelId: id, flag: input })
+        });
+        const result = await response.json();
+
+        if (result.success) {
+            localStorage.setItem(`task_done_${id}`, 'true');
+            alert('Mantap, flag benar!');
+            renderMissionBoard();
+        } else {
+            alert(result.message);
+        }
+    } catch (error) {
+        console.error('Error:', error);
+        alert('Terjadi kesalahan saat memvalidasi flag.');
     }
 }