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

什麼是 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

2. 前往 app 資料夾中，建置 next 前端

npx create-next-app

3. 添加新 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"
},

4. 測試 pnpm build & pnpm dev 是否成功運作 ( 成功畫面如下圖 )