如何用 Express.js & Vue.js 创建一个用比特币支付的在线商店!

如果你想创建一个在线商店，并用比特币等加密货币来支付，那么这里提供了一个很好的解决方案。 Express.js 是一个轻量级 MVC 架构的 Web 开发框架，适用于 Web 服务器端开发. Vue.js 是一个渐进式的前端开发框架，你可以自由选择需要的模块集成了你的项目中。 Mixin Payment 是一个开源的，基于 Mixin Network 开发的加密货币支付方案.

准备工作：

先安装以下依赖包！

Go lang 1.12.5
npm 6.9.0
yarn 1.16.0
node v8.16.0

编译运行服务器

git clone https://github.com/wenewzhang/mixin_labs-store.git cd server npm install npm start

编译运行前端

cd client yarn yarn serve

前端连接服务端的接口 URL

修改 client/services/Api.js 文件的 baseURL.

vi client/services/Api.js

baseURL: 'http://localhost:8081',

服务端配置

服务端配置文件在 server/src/config/config.js 中，

vi server/src/config/config.js const path = require('path'); module.exports = { port: 8081, mixin_pay_url: 'http://127.0.0.1:8910/create_order', asset_price_base_on_usdt: 'https://exinone.com/exincore/markets?base_asset=815b0b1a-2764-3736-8faa-42d694fa620a', db: { database: process.env.DB_NAME || 'mixin_labs-store', user: process.env.DB_USER || 'store', password: process.env.DB_PWD || '123456', options: { dialect: process.env.DIALECT || 'sqlite', host: process.env.HOST || 'localhost', storage: path.resolve(__dirname, '../../mixin_labs-store.sqlite') } }, authentication: { jwtSecret: process.env.JWT_SECRET || 'secret' } }

mixin_pay_url 服务端创建订单时，会调用 Mixin Payment 的服务，如： http://127.0.0.1:8910/create_order
asset_price_base_on_usdt 服务端通过 ExinCore 取比特币等加密货币的即时价格.
db 数据库，这里使用 sqlite,你可以修改成自己需要的 MySQL 等.
authentication 默认采用 secret

Mixin Payment 安装与运行

安装 Go lang

下面的代码告诉你如何在 Ubuntu 上安装 Go 1.12.5.

mkdir /usr/local/src wget https://dl.google.com/go/go1.12.linux-amd64.tar.gz tar xvf go1.12.linux-amd64.tar.gz echo 'export PATH=/usr/local/src/go/bin:$PATH' >> ~/.bashrc root@n3:/usr/local/src# source ~/.bashrc

并设置好 GoPATH

mkdir ~/workspace/go echo 'export GOPATH="$HOME/workspace/go"' >> ~/.bashrc source ~/.bash_profile

安装与运行 Mixin Payment

go get -u github.com/wenewzhang/mixin_payment cd ~/workspace/go/src/github.com/wenewzhang/mixin_payment go build ./mixin_payment & cd noticed go build ./noticed &

Mixin Payment 配置

1: 创建一个机器人帐号 Mixin Bot, 将相应的信息输入到 config.go

const ( ClientId = "a1ce2967-a534-417d-bf12-c86571e4eefa" ClientSecret = "a3f52f6c417f24bfdf583ed884c5d0cb489320c58222b061298e4a2d41a1bbd7" PIN = "457965" PinToken = "0t4EG7tJerZYds7N9QS0mlRPCYsEVTQBe9iD1zNBCFN/XO7XEB87ypsCDWfRmDiZ7izzB/nokuMJEu6RJShMHCdIwYISU9xckA/8hIsRVydvoP14G/9kRidMHl/3RPLDMK6U2yCefo2BH0kQdbcRDxpiddqrMc4fYmZo6UddU/A=" SessiOnId= "26ed1f52-a3b4-4cc3-840f-469d3f19b10b" PrivateKey = `-----BEGIN RSA PRIVATE KEY----- MIICXAIBAAKBgQDaSPE8Cu18xzr8MOcgJx8tQnRdlS7c6JVs23497IGdIybIUYmZ 8zvgrFozpGjQYz2ayRDMWUQd/wm7e0Tf7n4bVCmQfkk72usAHX6pNA4HUeTeTmDT sZQKdVx0K84Y3u512cAi5artnUjIsFRPP/LhAX0ujdgNMWIcHrMRh77s1wIDAQAB AoGAVPW3Dwuhy8MvriDKlLUlaVRIPnRmPQ05u5ji1e9Ls4GPAsDZsdX+JEBxC1Ce ix1VSP2hUCgeXx55B0O/VvlYk0pfogrxDgOw2dP04uboMG7tSE4TZK8J9zFPUrE0 wizFmbkgV2OEw33r00FqEhr0KnB9kXOzB5BvKN/FVyXui+ECQQDz1x3hOypW2kM9 uOqjQyg55VDkkXVZ8RgOmVd24MfkDjRauj1oGgLUWvINzhmXN5m84IhlOz1hgEuO enHOpMmDAkEA5SuVeRhBZofUoaRbFxWL4jAN6+uuxFxZ0gCc9l4gwFkQp0RbEw/S tiX9Cl06JR2oc2FBlaO5Vi1u8XfxOSUzHQJBANijfKaJHFrB3A/QZJbcqbaWaEJK gYqBSzBdSHoTx0R04krhQIFm6rCkhH2DaPUSrwJCMqxN74DarUZOvyIrAeUCQH2F ecFx/6BhFZ3Tn/Ds5ElneLiXxonW63uSymZG+DlijzSOxDOUnx0VgZuDpK1fqTxJ MNr9ai5BhFrOD1n1fiECQBafDxsfFQv3w6j5/2PL54DhddGo50FzGxYR1LlttdVI Q04EytqK7grDDS9PsfeXqdUo0D3NMSJ0BYs/kDsqGSc= -----END RSA PRIVATE KEY-----` )

2: 注意：这里 MASTER_UUID 是你的 Mixin Messenger 帐号的 uuid, Mixin Payment 会将收到的币转到这儿!

const ( SqlitePath = "./payment.db" //check the pending order second CheckPendingOrderInterval = 5 //minutes OrderExpired = 30 // MASTER_UUID = "" MASTER_UUID = "0b4f49dc-8fb4-4539-9a89-fb3afc613747" //transfer the coin to master if it setted )

3: 这儿配置所有接受支付的币的 uuid!

var Assets = map[string]bool{ "815b0b1a-2764-3736-8faa-42d694fa620a": true,//USDT "6cfe566e-4aad-470b-8c9a-2fd35b49c68d": true,//EOS "965e5c6e-434c-3fa9-b780-c50f43cd955c": true,//CNB "2204c1ee-0ea2-4add-bb9a-b3719cfff93a": true,//ETC "23dfb5a5-5d7b-48b6-905f-3970e3176e27": true,//XRP "27921032-f73e-434e-955f-43d55672ee31": true,//NEM "43d61dcd-e413-450d-80b8-101d5e903357": true,//Eth "6472e7e3-75fd-48b6-b1dc-28d294ee1476": true,//Dash "6770a1e5-6086-44d5-b60f-545f9d9e8ffd": true,//DOGE "76c802a2-7c88-447f-a93e-c29c9e5dd9c8": true,//LTC "990c4c29-57e9-48f6-9819-7d986ea44985": true,//Siacoin "a2c5d22b-62a2-4c13-b3f0-013290dbac60": true,//ZEN "c6d0c728-2624-429b-8e0d-d9d19b6592fa": true,//BTC "c996abc9-d94e-4494-b1cf-2a3fd3ac5714": true,//ZEC "fd11b6e3-0b87-41f1-a41f-f0e9b49e5bf0": true,//BCH "c94ac88f-4671-3976-b60a-09064f1811e8": true,//XIN "43b645fc-a52c-38a3-8d3b-705e7aaefa15": true,//CANDY }

运行起来后的效果图

Payment

PayEOS

目前尚无回复

true mixin bash payment