Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

This demo explains the workflows discussed in Chaincode Frontend Design using screenshots.

Step 1:

...

View chaincode list

  1. Once entering the chaincode page, you will see a table of all chaincode information. The table includes available all chaincodes from current or other organizationsuploaded by the current org.
  2. You can check chaincode's name, descriptionpackageID, version, language, MD5 value description and use corresponding operations.

Image Modified

Step 2: Upload new chaincode

    31. You can use the Upload Chain Code Chaincode button to upload a new chain code by entering the information and chaincode package by uploading the chaincode package file in a pop-up window.

    2. chaincode package file must be in tar.gz format. Description is optional.

    3. cello(frontend or backend) will parse the package file and retrieve the package information such as version, language etc.

Image Modified

    4. You will see the new chain code in the table if uploading succeeded.

Image RemovedImage Added

Step

...

3: Install chaincode

  1. Each organizational user installs the chain code on their respective nodes.
  2. To install any available chaincode onto your nodes, click the "Install" button. A pop-up window will appear, allowing you to select the desired nodes within your organization for installation.
  3. By default, the nodes you have already installed will be automatically selected, and cannot be unchecked.

Image RemovedImage Added

Step

...

4: Approve chaincode

  1. Each organization performs licensing operations on the chaincode.
  2. Click the approve Approve button to approve chaincode and check other organizations' approvement status.
  3. You can check the organizations that have already approved the current chaincode and perform licensing operations if desired.

Pop-up window can be refined since the SimpleTable component is directly used for approvement window in this demo, e.g., remove the selection checkboxes at the front.

Image Removed

...

  1. need to specify which channel to approve, the name for the approved cc and specify whether the chaincode requires invoking 'init'.

Image Added


Step 5: Commit chaincode

  1. You can commit the chaincode to channels by clicking Commit button
  2. You need to choose the desired channel for committing the chaincode from the available options in the drop-down menu.
  3. Specify whether the chaincode requires invoking 'init' by checking/unchecking the checkbox.

Image Added

      4. If the current approvement does not meet the channel policies, commitment may fail and you will see a prompt window


Step 6: Check chaincode detail

  1. Click any row on the chaincode table, you will enter the sub-detail page, which shows all information about current cc, including PackageID, version, language, description and peer nodes the cc is installed.
  2. The frontend page is routing using chaincode name, the following page uses the URL path hostname/chaincodeDefinition/packageID/detail

Image Added

More operations(optional):

...