這個網頁應用允許用戶動態生成指向特定 Netlify Function 的 URL。用戶可以輸入 JSON 物件和一個整數大小,網頁將生成一個包含這些參數的 URL。
- 動態連結生成:用戶輸入 JSON 物件和大小,點擊生成按鈕後,網頁將顯示一個包含這些數據的 URL。
- 簡單介面:提供用戶友好的界面,易於輸入數據並快速獲得結果。
- 打開網頁。
- 在 "JSON Object" 文本框中輸入一個有效的 JSON 字串。
- 在 "Size" 文本框中輸入一個整數。
- 點擊 "Generate Link" 按鈕。
- 下方將顯示一個超鏈接,包含你的輸入數據,你可以點擊這個鏈接訪問生成的 URL。
這個項目使用 HTML, CSS, 和 JavaScript。
要在本地運行和開發這個網頁應用,請遵循以下步驟:
- 克隆儲存庫到本地機器。
- 使用任何網頁服務器來托管這個項目,例如
python -m http.server
或者使用 Live Server 擴展在 VSCode 中。 - 在瀏覽器中打開提供的本地服務器地址。
- Live Application: Netlify Link Generator Live
- API Documentation: 目前還沒有正式的 API 文檔頁面,但可以直接通過下面的範例來測試 API 功能。
通過下面的 URL 調用 GET 方法,可以獲取根據 size
參數生成的 JSON 數組,每個元素包含從查詢參數 jsonData
解析的 JSON 數據和一個唯一的 ID。
使用此鏈接會返回如下 JSON 數據:
[ {"key": "value", "id": 1}, {"key": "value", "id": 2}]
- POST 請求範例
curl -X POST -H "Content-Type: application/json" -d '{"key": "value"}' 'https://master--tempjsonresponse.netlify.app/.netlify/functions/api-post?size=2'
如果你想要對這個項目做出貢獻,請遵循以下步驟:
- Fork 這個儲存庫。
- 創建一個新的分支 (
git checkout -b feature-branch
)。 - 提交你的更改 (
git commit -am 'Add some feature'
)。 - 推送到分支 (
git push origin feature-branch
)。 - 提交一個新的 Pull Request。
如果在使用過程中遇到任何問題,請在本儲存庫中開一個新的 issue。