發表文章

Google官方針對Next.js整合到firebase推出的codelabs教學

圖片
這幾天照著 這個codelabs教學 跑了一下,遭遇滿多小問題的,不過拿來當實作得參考程式碼是不錯的。 上圖使用 Coplit設計工具 生成 https://firebase.google.com/codelabs/firebase-nextjs 上面這篇教學是使用Next.js並推廣firebase app hosting和github整合,當然也沒有缺少AI的部份(Gemini API),不過所佔篇幅只有一個小節。使用到得服務有: Firebase authentication 使用者的Google整合登入 Firebase storage 儲存上傳圖片 Firestore 儲存/存取使用者評論與評分等 Gemini API  Cloud Secret Manager 儲存密鑰

在Next.js中firebase套件初始化與開發模式該如何處理

 firebase的javascript函數庫有兩個firebase和firebase-admin 這篇分享一下firebase套件得初始化與開發模式初始化該如何作

使用firebase-admin上傳檔案到Firebase storage

圖片
近期使用較多的Firebase服務,在參考使用Firebase提供的Node.js的函數庫一段時間後,才意識到Firebase是有兩組不同的操作。 就算透過AI詢求幫助時,也總是會混合著解兩者的回應。所以個人就試錯後,將方法整理成一個簡短的使用範例。以下就針對Firebase的firebase-admin函數庫,來上傳檔案到Firebase storage。

升級corepack pnpm to 9.1.4 釐清狀況

今日從pnpm 9.1.1升級到pnpm 9.1.4 在專案目錄下使用 pnpm 建議的指令 corepack prepare pnpm@9.1.4 --activate 再查看pnpm版本發現版本竟然又沒變 這裡花一點時間釐清了一下....

docx轉成markdown

1. 安裝pandoc 請參考官方文件   https://github.com/jgm/pandoc/blob/main/INSTALL.md 2. 使用pandoc pandoc foo.docx -o foo.md

React app透過github pages發布網站-使用pnpm管理

因為進一遷徙使用pnpm作為套件管理,有一些指令需要調整,整理產生這篇blog 原本發布github page網站可參照gh-pages的說明 https://github.com/gitname/react-gh-pages 改成適用的react-app建立到gh-page部屬的流程如下

小程式:使用GAS影像代理伺服器顯示其他伺服器上的影像

這篇是寫一個簡單網頁, 搭配前一篇: GAS小程式:影像代理伺服器 cowork-with-ai ,就能顯示DataURL的影像

修正: ERROR in Plugin 'react' was conflicted between 'package.json' and 'eslint-config-react-app'

使用pnpm用cra生成了react app,在發布成github page時遭遇以下問題 ERROR in Plugin 'react' was conflicted between 'package.json' and 'eslint-config-react-app'

GAS小程式:影像代理伺服器 cowork-with-ai

這個小程式是詢問ChatGPT後得到的idea 只要將這個script發布成網頁應用程式就能代理影像URL 備註:如果來源有透過token,user-agent阻擋存取,則還需要改一下這個小程式 代理影像的使用方式是給予imageUrl參數, 就會回傳該影像的DataURL 該如何使用DataURL會另外發文

node.js使用fetch抓取網路資料後儲存到檔案