跳至主要內容
返回範例應用程式

Solana 代幣鑄造工具

The Solana Token Minter app allows you to create fungible tokens on the Solana blockchain with built-in support for IPFS image uploads.

部署圖示
部署應用程式
GitHub 圖示
檢視儲存庫
前端框架／函式庫：
React/Next.js
語言：
TypeScript
建置工具／開發伺服器：
Next.js
範例應用程式預覽

概覽

The Solana Token Minter app allows you to create fungible tokens on the Solana blockchain with built-in support for IPFS image uploads using Quicknode's IPFS API. Simply upload an image for your token metadata, fill out the token details, and connect your wallet. Click "Mint" to upload your metadata to IPFS and mint your token seamlessly.

This app uses Next.js 14 此專案採用以下方式啟動： create-next-app.

開始使用

安裝依賴項​

開啟專案目錄：

cd sample-dapps/solana-token-maker

接著，安裝依賴項：

npm 安裝
# 或
yarn
# 或
pnpm 安裝
# 或
bun 安裝

設定環境變數​

Make sure you have a Quicknode endpoint handy--you can get one free here.


  • 重新命名 .env.example 至 .env.local and update with your Quicknode Solana Node Endpoint and Quicknode IPFS key.
  • Make sure to update the cluster to ensure your transaction URLs point to the correct explorer (use only of the enum values provided in the .env.example file).
  • You can use Quicknode's public IPFS Gateway URL or replace it with your own.
QN_IPFS_API=QN_abc123456789xyz_REPLACE_THIS
QN_ENDPOINT=https://example.solana-mainnet.quiknode.pro/123456
NEXT_PUBLIC_CLUSTER=mainnet-beta # mainnet-beta | devnet | testnet | local
NEXT_PUBLIC_GATEWAY_URL=https://quicknode.quicknode-ipfs.com/ipfs/

首先，執行開發伺服器：

npm 執行 dev
# 或
yarn dev
# 或
pnpm dev
# 或
bun dev

請使用瀏覽器開啟http://localhost:3000以查看結果。

使用 Dapp


  1. Upload an Image (this will be used for your token metadata)
  2. Fill out the form with the token details
  3. Connect your wallet
    • Make sure you have ~0.04 SOL in your wallet to cover the new account fees
    • If you are using Devnet, you can get free SOL from the Solana Faucet
  4. Click "Mint" to upload your image and metadata to IPFS and mint your token!

建築​

src/
├── app/
│   ├── page.tsx
│   └── layout.tsx
│   └── api/
│       └── solana/
│           └── createMintTx/route.ts   # Create New Mint Transaction   
│           └── sendAndConfirm/route.ts # Send and Confirm Transaction
│       └── upload/
│           └── image/route.ts  # IPFS Image Upload
│           └── json/route.ts   # IPFS JSON Upload
└── components/
    ├── SolanaProviders.tsx     # Wallet Adapter Context providers
    ├── Minter.tsx              # Main component
    └── [supporting components]

部署至 Vercel

透過 Vercel 進行部署

Next.js 文件

若想進一步了解 Next.js，請參考以下資源：


您可以瀏覽Next.js 的 GitHub 儲存庫——歡迎提供您的意見回饋與貢獻！

貢獻與回饋
我們非常樂意聽取您的意見，並歡迎您為這個範例應用程式提供任何貢獻！
若要回報問題或提供意見回饋，請在 qn-guide-examples 儲存庫。
若要貢獻，請依照以下步驟操作：
  1. 分叉此儲存庫
  2. 建立功能分支：
    git checkout -b feature/amazing-feature
  3. 將您的變更提交：
    git commit -m "新增超棒的功能"
  4. 推送您的分支：
    git push origin feature/amazing-feature
  5. 開啟一個 Pull Request。
探索更多範例應用程式
Titan 元聚合交換
一個基於 Titan Gateway Meta-Aggregation API 建構、透過Quicknode 提供的單頁Solana 使用者介面。該介面會顯示各家服務商的報價、交易路徑所經過的鏈上交易場所，以及一套「建構 → 簽署 → 發送」flow 自主託管flow 交易flow 透過Quicknode 進行確認。
Titan 元聚合交換
Solana 瀏覽器
此應用程式利用Quicknode Solana Endpoint Solana 上擷取指定錢包的代幣餘額、交易紀錄及 NFT。
Solana 瀏覽器
Solana 方向燈
此應用程式可讓您透過將Solana URL 解析為對應的動作，來建立及操作Solana 。請輸入有效的動作 URL 以查看其詳細資訊、連接您的錢包以執行動作，或根據提供的結構建立新的動作。
Solana 方向燈