Skip to main content

Day17 Obsidian 改造外掛 - Part2

根據上篇分析的內容,我們要修正的就是他imgur需要傳送的網址 https://api.imgur.com/3/image

那我們就在專案中全部檔案中尋找這個網址

可以看到,他在專案中有兩個地方有這段內容,而main.js是他輸出的檔案,所以我們的目標是修正constants.ts這段檔案中的內容

那這邊我們就要決定一個他需要導向的地方,由於我們server目前還沒撰寫,所以這邊可以先建立一個mock的server(假的server),用來模擬未來我們如果真的實作出來後,就可以直接進行串接

而postman剛好有提供Mock server的功能讓我們測試,所以接下來就要使用postman來進行mock server的設定

  1. 開啟postman
    • 請自行申請帳號及下載
  2. 點選左方的mock servers,並選擇建立,並依照在開發者工具中的網址填入相對應的資料
    • body中的內容就填入imgur回傳的內容

  1. 幫你的mock server取個名字,並按下create

  2. 建立成功之後,就可以到collection中用postman測試你剛剛的成果了

  3. 接著我們就將剛剛建立成功的網址放到我們要改的外掛中

而我在postman中模擬的body的內容我也放在下面,只要修正data.link就可以改成任意一個你想要替換到obsidian內的文字

{

	"data": {
	
		"id": "Yd3sLIn",
		
		"title": null,
		
		"description": null,
		
		"datetime": 1664370414,
		
		"type": "image/png",
		
		"animated": false,
		
		"width": 315,
		
		"height": 186,
		
		"size": 3717,
		
		"views": 0,
		
		"bandwidth": 0,
		
		"vote": null,
		
		"favorite": false,
		
		"nsfw": null,
		
		"section": null,
		
		"account_url": null,
		
		"account_id": 0,
		
		"is_ad": false,
		
		"in_most_viral": false,
		
		"has_sound": false,
		
		"tags": [],
		
		"ad_type": 0,
		
		"ad_url": "",
		
		"edited": "0",
		
		"in_gallery": false,
		
		"deletehash": "6WZ4N1zankBRXYS",
		
		"name": "",
		
		"link": "https://via.placeholder.com/640x360"
	
	},
	
	"success": true,
	
	"status": 200

}

表示我們這樣的修改是可以使用的,所以外掛的部分我們就先到這一步

接下來就是要實作剛剛mock的server了