Erstellen einer webbasierten Benutzeroberfläche für Smart Contract

Ich habe Mühe, ein Tutorial zum Erstellen einer webbasierten Benutzeroberfläche für die Interaktion mit Smart Contracts zu erhalten. Ich habe Beispiele zur Verwendung von web3 gefunden, aber es verwendet localhost:8545. Mein Verständnis ist jedoch, dass die webbasierte Benutzeroberfläche oder mobile App auf einem Server ausgeführt wird und Smart Contract remote ist. Wie erstelle ich eine webbasierte Benutzeroberfläche, um:

  1. Ether einzahlen/übertragen und
  2. interagieren mit smartcontract

Ich würde mich über Klarheit und Hinweise/Beispiele freuen, damit mobile Apps/Benutzeroberflächen mit Smartcontract funktionieren

sein localhost: 8545 standardmäßig. Sie können es mit --rpcaddr "Adresse" ändern.

Antworten (2)

Sie können Ihren Zweck lösen, indem Sie das Paket „web3“ und „solc“ von npm (node.js) verwenden. Sie können hier mehr darüber erfahren:
https://www.npmjs.com/package/web3
https://www.npmjs.com/package/solc

Web3 hilft Ihnen, sich mit einem Ethereum-Knoten und einer Vertragsbereitstellung zu verbinden, und solc wird verwendet, um den Vertrag zusammenzustellen. Sie können eine Benutzeroberfläche (Web/Mobil) erstellen, die einige in node.js geschriebene APIs trifft. Mit diesen beiden Paketen können Sie die vollständige Funktionalität der Vertragsentwicklung und Vertragsinteraktion ausführen.
Um eine bessere Vorstellung von den web3-APIs zu bekommen, lesen Sie Folgendes:
https://github.com/ethereum/wiki/wiki/JavaScript-API

Wenn Sie nach Durchlaufen dieser Links noch Fragen haben, sind Sie herzlich willkommen.
Ich habe das gesehen und es verwendet localhost:8545. Dies funktioniert für lokale private Knoten, aber wenn mein Smartcontract auf Mainnet oder Testnet in der Ethereum-Blockchain läuft, was soll ich als HttpProvider eingeben? web3 = neues Web3 (neues Web3.providers.HttpProvider(" localhost:8545" ));
Sie können die rpc-Adresse im geth-Befehl als "--rpcaddr 'HostAddress' --rpcport 'portno.'" definieren oder admin.startRPC(Host, Port) verwenden. Und dieser Host ersetzt den lokalen Host und der Port ersetzt 8545.

Du bist nicht der Einzige! Ich habe auch viel damit zu kämpfen, mich in der Front-End-Entwicklung zu verbessern.

Wie Sie wahrscheinlich wissen, verwendet Mist einen Meteor-Server, um Meteor-Client-seitige DAPP-Frontends auszuführen. Ich arbeite mich also gerade durch Meteor-Tutorials.

Für Meteor im Allgemeinen hat Ethereums eigener Fabian Vogelsteller das Buch geschrieben, das ich zum Herunterladen von Amazon empfehle: Erstellen von Single-Page-Web-Apps mit Meteor

Genauer gesagt, Sie möchten sich Dapp mit Meteor ansehen und sich mit den verschiedenen Ethereum Meteor-Paketen vertraut machen, auf die es verlinkt ist und die Standard-Mist-Stile und -Werkzeuge enthalten.

Ich bastle derzeit an all dem herum, habe aber noch kein funktionierendes integriertes Frontend.