Merge pull request #3 from NCUAppTeam/deploy

Merge Deploy to Main

Author: 1989ONCE

.github/workflows/vite-gh-pages.yml

@@ -0,0 +1,75 @@
+name: Deploy Vite with GitHub Pages dependencies preinstalled
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["main"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  # Build job
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Setup Pages
+        uses: actions/configure-pages@v5
+        
+      # Set up .env file with GitHub secrets
+      - name: Set up .env with secrets
+        run: |
+             echo "VITE_SUPABASE_URL=${{ secrets.VITE_SUPABASE_URL }}" > .env
+             echo "VITE_SUPABASE_ANON_KEY=${{ secrets.VITE_SUPABASE_ANON_KEY }}" >> .env
+             echo "VITE_NCU_PORTAL_CLIENT_ID=${{ secrets.VITE_NCU_PORTAL_CLIENT_ID }}" >> .env
+             echo "VITE_NCU_PORTAL_SECRET=${{ secrets.VITE_NCU_PORTAL_SECRET }}" >> .env
+        env:
+          VITE_SUPABASE_URL: ${{ secrets.VITE_SUPABASE_URL }}
+          VITE_SUPABASE_ANON_KEY: ${{ secrets.VITE_SUPABASE_ANON_KEY }}
+          VITE_NCU_PORTAL_CLIENT_ID: ${{ secrets.VITE_NCU_PORTAL_CLIENT_ID }}
+          VITE_NCU_PORTAL_SECRET: ${{ secrets.VITE_NCU_PORTAL_SECRET }}
+          
+          
+
+      # Debug - Verify .env file creation
+      - name: Debug - Verify .env file creation
+        run: |
+          if [ -f .env ]; then
+            echo ".env file exists!"
+            cat .env
+          else
+            echo ".env file does not exist!"
+          fi
+          
+      
+      - name: Build with Vite
+        run: npm ci && npm run build
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: dist/
+  # Deployment job
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

src/routes/callback.tsx

@@ -21,7 +21,7 @@ function Callback() {
 
       try {
         // 交換 access_token
-        const tokenResponse = await fetch('http://localhost:3000/oauth2/token', {
+        const tokenResponse = await fetch('https://ncuapp.davidday.tw/oauth2/token', {
           method: 'POST',
           headers: {
             'Accept': 'application/json',
@@ -31,20 +31,19 @@ function Callback() {
             code,
             client_id: import.meta.env.VITE_NCU_PORTAL_CLIENT_ID,
             client_secret: import.meta.env.VITE_NCU_PORTAL_CLIENT_SECRET,
-            redirect_uri: 'http://localhost:5173/callback',
+            redirect_uri: 'https://ncuappteam.github.io/callback',
             grant_type: 'authorization_code'
           })
         });
 
         const tokenData = await tokenResponse.json();
-
         if (!tokenData.access_token) {
           console.error('取得 access_token 失敗', tokenData);
           return;
         }
 
         // 取得使用者資訊
-        const userResponse = await fetch('http://localhost:3000/oauth2/userinfo', {
+        const userResponse = await fetch('https://ncuapp.davidday.tw/oauth2/userinfo', {
           method: 'GET',
           headers: {
             'Authorization': `Bearer ${tokenData.access_token}`,
@@ -72,4 +71,4 @@ function Callback() {
   );
 }
 
-export default Callback;
+export default Callback;

src/routes/login.tsx

@@ -19,7 +19,7 @@ function LoginPage() {
   const { redirect: redirectUrl } = Route.useSearch()
 
   const CLIENT_ID = import.meta.env.VITE_NCU_PORTAL_CLIENT_ID;
-  const REDIRECT_URI = 'http://localhost:5173/callback';
+  const REDIRECT_URI = 'https://ncuappteam.github.io/callback';
 
   const handleLogin = () => {
     const oauthURL = `https://portal.ncu.edu.tw/oauth2/authorization?response_type=code&client_id=${CLIENT_ID}&redirect_uri=${REDIRECT_URI}&scope=chinese-name student-id email`;