paint-brush
Paano Isama ang Mga Smart Contract sa Frontendsa pamamagitan ng@ileolami
1,390 mga pagbabasa
1,390 mga pagbabasa

Paano Isama ang Mga Smart Contract sa Frontend

sa pamamagitan ng Ileolami9m2024/09/13
Read on Terminal Reader

Masyadong mahaba; Upang basahin

Matutunan kung paano bumuo ng user interface(UI) para sa Coffee Payment gamit ang, React.js, Typescript at Web3.js. Itinuro sa iyo ng huling artikulo kung paano magsulat, mag-compile, sumubok at mag-deploy ng mga smart contract gamit ang Solidity, Javascript, dRPC endpoint, at API key.
featured image - Paano Isama ang Mga Smart Contract sa Frontend
Ileolami HackerNoon profile picture
0-item


Panimula

Mula sa Pag-unawa sa Tech Stack para sa Web3 DApp Development, dapat ay natutunan mo ang pangunahing tech stack para sa web3 dApp development, ang papel ng RPC sa dApp development at kung paano gamitin ang dRPC para gumawa ng account, bumuo ng API key, endpoints, endpoints analytics, Magdagdag ng mga pondo sa iyong dRPC Account at suriin ang balanse.


Sa artikulong ito, matututunan mo kung paano bumuo ng sarili mong dApp gamit ang dRPC API key para i-deploy ang iyong smart contract sa Ethereum Sepolia Testnet at hayaan ang iyong dApp na makipag-ugnayan sa smart contract.


Para sa tutorial na ito, gagawa ka ng dApp ng pagbabayad para sa isang Coffee shop.

Kasama sa mga tampok ang:

  1. Pagbabayad para sa Kape
  2. Awtomatikong Converter
  3. Pagsusuri sa presyo ng Kape
  4. Pagkuha ng Kabuuang bilang ng Kape na nabenta at Kabuuang halaga ng perang kinita


Dumihan natin ang iyong mga kamay.

Mga kinakailangan

  1. Katatagan
  2. React.js gamit ang Vite.js
  3. Tai