Vuejs Nano Coin payment processor

The component aims to implement a simple and immediate way to accept payments in nano coin. This will allow an easier implementation and a faster development of the idea without the need to understand the underlying process.

Authors

• @sebo_the_tramp

Acknowledgements

• NANO Trentino Alto Adige for the code example
• James Coxon for the implementation and hosting of the confirmation server

Usage/Examples

import PaymentComponent from "nano-payment-vue";

...

components: {   
    PaymentComponent,
    [...]    
  },


...


data() {
    return {      
      is_payment_confirmed: false,
      dest_address: "nano_1cuf6facdwf65mtwijq1h16rcig7k9qodj9qch6afuffgg78zumzeesu6e5z",
      amount: 0.0001,
    };
}

...

<payment-component v-model="is_payment_confirmed" :address="dest_address" :amount="amount"></payment-component>

That's easy as that!

Whenever the payment is funded, the value of is_payment_confirmed is updated and can trigger some action in the main component.

Documentation

The component connects to a websocket server hosted at: .

It sends the address that has to be monitored.

Whenever a new transaction is authorized, the websocket update all the listeners.

If the payed sum is equal or more than the due amount, the boolean is_payment_confirmed is set to true.

Roadmap

• Fix Google chrome bug
• Add multiple concurrent payment handling
• Add nice UX

License

MIT