從 0 開始,結合 Anchor 打造 NFT 鑄造功能的 Action & Blink (Part 1 背景與還境建置)

更新於 發佈於 閱讀時間約 5 分鐘

什麼是 Action&Blink?

Action 是一個標準化的 API 端點,專門設計用於在 Solana 區塊鏈上生成和處理交易。通過 Action,開發者可以返回 Solana 交易,讓用戶在不同情境下查看、簽名並執行這些交易,而無需切換到其他應用或網站。這意味著開發者能夠將 Solana 的功能無縫整合到他們的應用中,提供便捷和高效的區塊鏈交互體驗。

Blink,即 Blockchain Links 的縮寫,是一個將 Solana Action 轉換為可分享且包含豐富元數據的鏈接的工具。這些鏈接使支持 Action 的客戶端(如瀏覽器擴展錢包和機器人)能夠展示更多功能。在網站上,Blinks 可以直接在錢包中觸發交易預覽,無需跳轉到其他去中心化應用。Blinks 增強了區塊鏈交易的可及性和便捷性,為用戶提供更加流暢的操作體驗。

為什麼需要它?

  • 易於使用: Solana Blinks 讓您可以通過已經在使用的應用和平台接入 Solana 區塊鏈。無論您是否具備加密貨幣的知識,Solana 現在比以往更易於接入。只需點擊一個鏈接,使用者就可以發起交易,而無需訪問外部網站或導航複雜的界面。
  • 互動性: Solana Blinks 允許用戶直接從社交媒體信息流、網站或 QR 碼中執行操作,增強了現有平台的功能,讓與 Solana 的互動變得比以往更加流暢。
  • 安全性: 透過將交易保持在 URL 內,Solana Blinks 幫助用戶避免釣魚鏈接和其他詐騙,並確保僅可訪問受信任的域名。
  • 多功能性: Solana Blinks 可用於多種應用,包括 NFT 交易、NFT 鑄造、治理投票、捐款、代幣交換、遊戲等。


軟體設置需求 (For MacOS)

Node

# installs nvm (Node Version Manager)
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash

# download and install Node.js (you may need to restart the terminal)
nvm install 20

# Verify the installation
node -v
npm -v

Pnpm

# Using npm to install
npm install -g pnpm

Solana

# Install the Solana release v1.18.18 on your machine by running
sh -c "$(curl -sSfL https://release.solana.com/v1.18.18/install)"

# Verify the installation
solana --version

Rust

# Download Rustup and install Rust
curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh

# Verify the installation
rustc --version

Anchor

# Install avm using Cargo

cargo install --git https://github.com/coral-xyz/anchor avm --locked --force

# Install and use the latest version of the CLI using avm.

avm install latest

avm use latest

# Verify the installation

anchor --version (v0.30.1)

建置專案

  1. 用 Anchor 建置新專案,並選取 multiple 範本。
anchor init [project_name] --template=multiple
  1. 前往 app 資料夾中,建置 next 前端
npx create-next-app
raw-image
  1. 添加新 scripts 至 package.json
"scripts": {
"lint:fix": "prettier */*.js \"*/**/*{.js,.ts}\" -w",
"lint": "prettier */*.js \"*/**/*{.js,.ts}\" --check",
"build": "cd app/my-app && pnpm build",
"dev": "cd app/my-app && pnpm dev"
},
  1. 測試 pnpm build & pnpm dev 是否成功運作 ( 成功畫面如下圖 )
raw-image


raw-image





留言
avatar-img
留言分享你的想法!
avatar-img
鄭鈞元的沙龍
0會員
4內容數
鄭鈞元的沙龍的其他內容
2024/08/15
本篇文章將教您如何設置 API 端點以與 Anchor 合約互動。我們將從前置作業開始,包括添加圖片、Webpack 設置、Solana 套件安裝等,然後逐步指導您如何建立 API 服務,實作 GET 和 POST 操作,最終實現與鏈上操作互動。適合想深入 NFT 和區塊鏈開發的讀者。
Thumbnail
2024/08/15
本篇文章將教您如何設置 API 端點以與 Anchor 合約互動。我們將從前置作業開始,包括添加圖片、Webpack 設置、Solana 套件安裝等,然後逐步指導您如何建立 API 服務,實作 GET 和 POST 操作,最終實現與鏈上操作互動。適合想深入 NFT 和區塊鏈開發的讀者。
Thumbnail
2024/08/15
本文詳細介紹如何建立與測試合約的步驟,特別針對 NFT 的創建與上傳過程。從更新必要的依賴檔案到使用 Pinata 將您的圖片上傳至 IPFS,讀者將學習如何製作並成功 Mint 自己的 NFT。包括使用 Solana 提供的工具設置帳戶和獲取免費的 SOL,以支持整個創建過程。
Thumbnail
2024/08/15
本文詳細介紹如何建立與測試合約的步驟,特別針對 NFT 的創建與上傳過程。從更新必要的依賴檔案到使用 Pinata 將您的圖片上傳至 IPFS,讀者將學習如何製作並成功 Mint 自己的 NFT。包括使用 Solana 提供的工具設置帳戶和獲取免費的 SOL,以支持整個創建過程。
Thumbnail
2024/08/15
傳統支付系統面臨結算時間過長、中介費用高昂、銀行依賴及營業時間限制等多重困境。隨著金融科技的迅猛發展,穩定幣如 PayPal USD (PYUSD) 逐漸成為現代支付的解決方案。PYUSD 提供即時結算、高成本效益及全天候可用的特性,滿足當前用戶對便捷、安全的支付需求。
Thumbnail
2024/08/15
傳統支付系統面臨結算時間過長、中介費用高昂、銀行依賴及營業時間限制等多重困境。隨著金融科技的迅猛發展,穩定幣如 PayPal USD (PYUSD) 逐漸成為現代支付的解決方案。PYUSD 提供即時結算、高成本效益及全天候可用的特性,滿足當前用戶對便捷、安全的支付需求。
Thumbnail
看更多
你可能也想看
Thumbnail
Blinks 是針對 Solana 的應用程式,可讓用戶透過網頁、社交媒體或 QR 碼執行鏈上交易。本文深入介紹 Blink 的特點、應用及其開發步驟,說明如何利用 Action API 創建用戶友好的介面,實現無縫的 web3 接入.
Thumbnail
Blinks 是針對 Solana 的應用程式,可讓用戶透過網頁、社交媒體或 QR 碼執行鏈上交易。本文深入介紹 Blink 的特點、應用及其開發步驟,說明如何利用 Action API 創建用戶友好的介面,實現無縫的 web3 接入.
Thumbnail
Dynamic Metadata NFTs 是區塊鏈技術中的一大創新,特別是在遊戲領域,能提供更大的靈活性
Thumbnail
Dynamic Metadata NFTs 是區塊鏈技術中的一大創新,特別是在遊戲領域,能提供更大的靈活性
Thumbnail
本篇文章提供清晰的步驟與代碼,指導開發者如何在實際項目中設置和使用 CandyPay。無論是新手還是有經驗的開發者,您都可以輕鬆掌握如何將這一強大的支付工具無縫整合到應用中,並實現加密貨幣支付功能。文章中還介紹了 NFT-Based Discount 的設置方法,幫助商家擴展客戶忠誠度。
Thumbnail
本篇文章提供清晰的步驟與代碼,指導開發者如何在實際項目中設置和使用 CandyPay。無論是新手還是有經驗的開發者,您都可以輕鬆掌握如何將這一強大的支付工具無縫整合到應用中,並實現加密貨幣支付功能。文章中還介紹了 NFT-Based Discount 的設置方法,幫助商家擴展客戶忠誠度。
Thumbnail
CandyPay 是一個使用 Solana 區塊鏈的 Payment solution,企業只需撰寫幾行程式碼,即可將這個支付基礎設施整合到自己的應用中,並開始接受 Solana Payments。這使得企業能夠輕鬆利用 Solana 提供的快速、低成本的去中心化支付網路。 值得一提的是,Cand
Thumbnail
CandyPay 是一個使用 Solana 區塊鏈的 Payment solution,企業只需撰寫幾行程式碼,即可將這個支付基礎設施整合到自己的應用中,並開始接受 Solana Payments。這使得企業能夠輕鬆利用 Solana 提供的快速、低成本的去中心化支付網路。 值得一提的是,Cand
Thumbnail
前言 本篇要用 Token-2022 和 solana cli 來鑄造一個新的代幣叫做TYC。 如前篇所述,Token-2022 與 Spl Token 是不同的 Program,所以在呼叫的時候要特別註明以示明區別。 Token-2022 Program ID 地址: TokenzQdBNb
Thumbnail
前言 本篇要用 Token-2022 和 solana cli 來鑄造一個新的代幣叫做TYC。 如前篇所述,Token-2022 與 Spl Token 是不同的 Program,所以在呼叫的時候要特別註明以示明區別。 Token-2022 Program ID 地址: TokenzQdBNb
Thumbnail
Blink,是 Solana 所開發的一種鏈上操作轉化為前端頁面的創新技術。這個功能可以將交易、投票等操作轉換成可分享的連結或二維碼,讓用戶可以直接在社交媒體上完成鏈上操作。
Thumbnail
Blink,是 Solana 所開發的一種鏈上操作轉化為前端頁面的創新技術。這個功能可以將交易、投票等操作轉換成可分享的連結或二維碼,讓用戶可以直接在社交媒體上完成鏈上操作。
Thumbnail
This is 就這樣栽進Web 3.0 &Economic 的路易斯啦!!!! 秉持著Simple Is Good,「Solana 創研松」徵文策展,我參上! 開始正題之前,先介紹 Solana的基本概念,Let's Go!!! Solana 是一個區塊鏈平台,旨在提供高速度和低成本的交易
Thumbnail
This is 就這樣栽進Web 3.0 &Economic 的路易斯啦!!!! 秉持著Simple Is Good,「Solana 創研松」徵文策展,我參上! 開始正題之前,先介紹 Solana的基本概念,Let's Go!!! Solana 是一個區塊鏈平台,旨在提供高速度和低成本的交易
Thumbnail
Analog 目標是解決目前區塊鏈多鏈導致的資金、資源、資訊割裂的問題,並介紹了 Analog 達成該目標的方法及其相關的空投教學。本文同時提到了 Analog 的最新融資情況,以及目前所進行的激勵測試網等內容。
Thumbnail
Analog 目標是解決目前區塊鏈多鏈導致的資金、資源、資訊割裂的問題,並介紹了 Analog 達成該目標的方法及其相關的空投教學。本文同時提到了 Analog 的最新融資情況,以及目前所進行的激勵測試網等內容。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News