星云链智能合约开发(七):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文件夹下,我的目录结构如下:

image

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">