從 0 開始,結合 Anchor 打造 NFT 鑄造功能的 Action & Blink (Part 3 串接API)

閱讀時間約 3 分鐘

好的!相信到這裡的夥伴都完成合約部署和 NFT URL 生成。接下來將包括設置 API 端點、與 Anchor 合約互動,以及觸發 Action & Blink。

前置作業

  • 添加出現在Blink 上圖片到 public file
  • Webpack 設置
pnpm add ​stream-browserify crypto-browserify
/** @type {import('next').NextConfig} */
const nextConfig = {
webpack: (config, options) => {
if (options.nextRuntime === 'edge') {
config.resolve.fallback = {
...config.resolve.fallback,
crypto: 'crypto-browserify',
stream: 'stream-browserify',
};
}
return config;
},
};
export default nextConfig;
  • Solana 相關套件安裝
pnpm add @coral-xyz/anchor \
@solana/actions \
@solana/spl-token \
@solana/web3.js
  • 設置 actions.json
raw-image
  • 搬移 idl (類似 Ethereum 上 ABI)
mkdir app/my-app/app/idls
cp target/idl/action_example.json ./app/my-app/app/idls/action_example.json
cp target/types/action_example.ts ./app/my-app/app/idls/action_example.tsAPI 端點 (Get/Post Request)
假如搜尋不到 json or ts 檔案 ,請確認是否有成功部署合約。

接下來,我們就來建立我們的 API 服務

GET :

按照底下的標示 填入自己想要的內容,另外,由於 Mint NFT 需要 Name, Symbol, URL, 因此我們以參數的方式分別傳入

raw-image


raw-image

POST :

當完成了 Get 後,Blink 畫面也完成了,接下來我們將實作Post ,也就是與合約互動,在連結上實現與鏈上操作的部分。

raw-image

接下來,我們可到 Dialect 的網站 測試我們的網頁

raw-image

確認無誤後,可嘗試透過 cloudflare, vercel 部署一個專門的網域,給親朋好友都試試這個酷功能。請注意,記得設定根路徑為 /app/my-app。


最後,這裡是相關內容的連結

Github:https://github.com/XueDAOTW/sol_anchor_blink_nft

Website : https://dial.to/?action=solana-action:https://sol-anchor-blink-nft.pages.dev/api/mint&cluster=devnet


0會員
4內容數
留言0
查看全部
發表第一個留言支持創作者!
鄭鈞元的沙龍 的其他內容
本文詳細介紹如何建立與測試合約的步驟,特別針對 NFT 的創建與上傳過程。從更新必要的依賴檔案到使用 Pinata 將您的圖片上傳至 IPFS,讀者將學習如何製作並成功 Mint 自己的 NFT。包括使用 Solana 提供的工具設置帳戶和獲取免費的 SOL,以支持整個創建過程。
本文介紹了 Action & Blink 在 Solana 區塊鏈上的應用。Action 是一個標準化的 API 端點,使開發者能夠生成和處理交易,而 Blink 則將這些交易轉換為易於分享的鏈接。這些工具使得使用者能夠輕鬆地在現有平臺上進行交易,本文以 Mint 為題,詳解實作 Blink 細節。
傳統支付系統面臨結算時間過長、中介費用高昂、銀行依賴及營業時間限制等多重困境。隨著金融科技的迅猛發展,穩定幣如 PayPal USD (PYUSD) 逐漸成為現代支付的解決方案。PYUSD 提供即時結算、高成本效益及全天候可用的特性,滿足當前用戶對便捷、安全的支付需求。
本文詳細介紹如何建立與測試合約的步驟,特別針對 NFT 的創建與上傳過程。從更新必要的依賴檔案到使用 Pinata 將您的圖片上傳至 IPFS,讀者將學習如何製作並成功 Mint 自己的 NFT。包括使用 Solana 提供的工具設置帳戶和獲取免費的 SOL,以支持整個創建過程。
本文介紹了 Action & Blink 在 Solana 區塊鏈上的應用。Action 是一個標準化的 API 端點,使開發者能夠生成和處理交易,而 Blink 則將這些交易轉換為易於分享的鏈接。這些工具使得使用者能夠輕鬆地在現有平臺上進行交易,本文以 Mint 為題,詳解實作 Blink 細節。
傳統支付系統面臨結算時間過長、中介費用高昂、銀行依賴及營業時間限制等多重困境。隨著金融科技的迅猛發展,穩定幣如 PayPal USD (PYUSD) 逐漸成為現代支付的解決方案。PYUSD 提供即時結算、高成本效益及全天候可用的特性,滿足當前用戶對便捷、安全的支付需求。
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
老爸生意失敗,家裏欠下一屁股債。 大器晚成的我,恐怕是到下輩子也還不清了。 從前我鐵骨錚錚,如今我爲金錢勢力折腰。 所以,我把自己論斤出售了。 還是出售給傅季揚,這個我最討厭的人。 1 50萬支鮮花從荷蘭空運到巴厘島,整整叫了6架專機,手上鴿子蛋般大小的鑽戒,閃瞎了我24K鈦金狗眼。
Thumbnail
我的硬體設備 主要是以搜尋到去年網友的推薦文為基準,加上提出一些自己的需求給工作室組的。 - 我提出的需求: 會直播,剪片,live2d運算 “不會”太常高畫質直播3A大作,家機以switch為主,可能也有steam。 預算50k上下。
Thumbnail
第0篇 終於決定付諸實行。 夢想這樣東西,無論結果,一生若不追一次一定會後悔的吧? 從0開始籌備成為個人勢Vtuber,預計在這裡記錄一些進度及體驗,學習到的事情。
Thumbnail
學習語言是一門大工程,要從頭開始學習一門語言動輒要花費數百小時的學習時間。 面對這樣龐大的時間成本,是否要開始學習語言呢? 筆者認為可以從聽力開始學習…
Thumbnail
網頁設計師的需求近年不斷增加,人工也不斷地增加,有好多人都想加入網頁設計行業,如果沒有IT的背景和經驗,入行會有一定難度。以下會分享網頁設計師入行攻略,增加你對網頁設計師的職業生涯和發展前路的認識。
本書的英文名是 I will teach you to be rich. 如果照著書中的建議一步步前進,提早完成財務自由是非常可能的
這本書是寫給美國人看的,有些觀念跟工具並不適合台灣,不過,我們還是可以從這本書裡學到不少東西。這篇讀書心得分成兩部分,第一部分是本書的簡單整理,第二部分是我的心得與感想
Thumbnail
知識就是力量(Francis Bacon,1620) 而我想幫助你短時間內武裝自己。 本篇適合人群:0基礎的任何人群,想快速地藉由影片學習相關知識,但推薦先看過從0開始的區塊鏈知識:學習地圖 RoadMap,你會更了解你需要的是什麼。
Thumbnail
我們處在人類歷史上最大量知識唾手可得的時代,但也是所有人最什麼都不想好好去學習的時代。(Tom Nichols,2018) Photo by NASA on Unsplash 身處在資訊社會的我們,和過去的人比是相當幸運的,連上網路,唾手可得的資訊立刻填補了我們的資訊焦慮。我們亦是可悲的,大量的內容
Thumbnail
嚴格來說這兩本並不能算輕小說。 不過由於筆者除了音樂跟遊戲外,心得文的部分只打算分動畫跟輕小說心得這兩個區塊,就勉強放到這塊來。 以超展開為賣點的本作,單純論故事有趣度的話,絕對凌駕於一般作品之上,只是......
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
老爸生意失敗,家裏欠下一屁股債。 大器晚成的我,恐怕是到下輩子也還不清了。 從前我鐵骨錚錚,如今我爲金錢勢力折腰。 所以,我把自己論斤出售了。 還是出售給傅季揚,這個我最討厭的人。 1 50萬支鮮花從荷蘭空運到巴厘島,整整叫了6架專機,手上鴿子蛋般大小的鑽戒,閃瞎了我24K鈦金狗眼。
Thumbnail
我的硬體設備 主要是以搜尋到去年網友的推薦文為基準,加上提出一些自己的需求給工作室組的。 - 我提出的需求: 會直播,剪片,live2d運算 “不會”太常高畫質直播3A大作,家機以switch為主,可能也有steam。 預算50k上下。
Thumbnail
第0篇 終於決定付諸實行。 夢想這樣東西,無論結果,一生若不追一次一定會後悔的吧? 從0開始籌備成為個人勢Vtuber,預計在這裡記錄一些進度及體驗,學習到的事情。
Thumbnail
學習語言是一門大工程,要從頭開始學習一門語言動輒要花費數百小時的學習時間。 面對這樣龐大的時間成本,是否要開始學習語言呢? 筆者認為可以從聽力開始學習…
Thumbnail
網頁設計師的需求近年不斷增加,人工也不斷地增加,有好多人都想加入網頁設計行業,如果沒有IT的背景和經驗,入行會有一定難度。以下會分享網頁設計師入行攻略,增加你對網頁設計師的職業生涯和發展前路的認識。
本書的英文名是 I will teach you to be rich. 如果照著書中的建議一步步前進,提早完成財務自由是非常可能的
這本書是寫給美國人看的,有些觀念跟工具並不適合台灣,不過,我們還是可以從這本書裡學到不少東西。這篇讀書心得分成兩部分,第一部分是本書的簡單整理,第二部分是我的心得與感想
Thumbnail
知識就是力量(Francis Bacon,1620) 而我想幫助你短時間內武裝自己。 本篇適合人群:0基礎的任何人群,想快速地藉由影片學習相關知識,但推薦先看過從0開始的區塊鏈知識:學習地圖 RoadMap,你會更了解你需要的是什麼。
Thumbnail
我們處在人類歷史上最大量知識唾手可得的時代,但也是所有人最什麼都不想好好去學習的時代。(Tom Nichols,2018) Photo by NASA on Unsplash 身處在資訊社會的我們,和過去的人比是相當幸運的,連上網路,唾手可得的資訊立刻填補了我們的資訊焦慮。我們亦是可悲的,大量的內容
Thumbnail
嚴格來說這兩本並不能算輕小說。 不過由於筆者除了音樂跟遊戲外,心得文的部分只打算分動畫跟輕小說心得這兩個區塊,就勉強放到這塊來。 以超展開為賣點的本作,單純論故事有趣度的話,絕對凌駕於一般作品之上,只是......