1. 程式人生 > >星雲鏈智能合約開發(七):Dapp開發

星雲鏈智能合約開發(七):Dapp開發

星雲鏈智能合約開發 星雲鏈Dapp開發 星雲鏈智能合約Dapp開發 Dapp開發

安裝neb.js

neb.js提供javascript開發的API接口

  1. 創建一個neb文件夾,在終端命令行中進入該文件夾,克隆neb.js
    git clone https://github.com/nebulasio/neb.js.git
  2. 會新建一個neb.js文件夾,進入該文件夾,安裝所有依賴
    npm install
  3. 安裝gulp
    npm install gulp
  4. 打包生成neb.js等文件
    gulp
  5. 執行成功會生成/dist文件夾,文件夾中會生成我們要使用js文件。
    • neb.js:Used in browser side. Including outside dependency.
    • neb-light.js:Used in Repl console. Not including outside dependency.
    • nebulas.js: Fully functional in the browser. Users can create an address, sign a transaction, and deploy/call a smart contract.

安裝nebPay

NebPay SDK 為不同平臺的交易提供了統一的支付接口,開發者在Dapp頁面中使用NebPay API可以通過瀏覽器插件錢包、手機app錢包等實現交易支付和合約調用。

github地址:https://github.com/nebulasio/nebPay

安裝方法同上。會生成nebPay.js文件

開發Dapp

要實現的功能非常簡單:

  • 調用合約中的save方法發布信息
  • 調用合約中的read方法讀取信息

建立項目

將前面生成的nebulas.js和nebPay.js放在libs文件夾下,我的目錄結構如下:

技術分享圖片

index.html源碼


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>星雲鏈Dapp</title>
</head>
<body>
    <div>
        <h1>發布信息</h1>
        <div>標題:</div>
        <div><input type="text" id="title" style="width:370px"/></div>
        <div>內容:</div>
        <div><textarea cols="50" rows="10" id="content">

星雲鏈智能合約開發(七):Dapp開發