【讨论】把加密货币的支付带入传统互联网网站

中文 加密经济学
, ,
3

2021-3-19 PayHub更新：

0、连接之前。区别主要是右侧的人物卡片。

image
image1478×410 32 KB

1、通过Keypering连接。

image
image1454×392 36.1 KB

（钱包内没有余额）

2、通过pw-core连接。

image

可以比较payhub页面和https://pay.lay2.dev/的结果，主要是地址和CKB balance：

image
image1859×988 103 KB

image
image1107×636 34.9 KB

2.1 选择provider时，总是看不到metamask。

访问https://pay.lay2.dev/是可以连接MetaMask的。
对比了 pay.lay2.dev/Index.vue和web3modal example之后，没发现区别，暂时判断是通过本地文件浏览（file:///F:/Github/payhub/src/PayHub/PayHub.FE.Metro/test/index.html）测试是无法连接的，下周可以部署到网站再验证。

2.2、直接引入web3的几个框架，编译后的代码是3701KB。

根据web3modal example做了改动，HTML页面中直接引用相关的库，payhub编译后降低为2173KB。

import { transformers } from 'ckb-js-toolkit'
import PWCore, {
    EthProvider,
    EosProvider, TronProvider, 
    PwCollector, AmountUnit, Web3ModalProvider, SUDT,
    ChainID,
    Address,
    Amount,
    AddressType,
    Builder,
    Signer,
    SimpleBuilder,
    EthSigner,
    DefaultSigner
  } from '@lay2/pw-core';
// import Web3 from "web3";
// import Web3Modal from "web3modal";
// import WalletConnectProvider from "@walletconnect/web3-provider";
// import Torus from "@toruslabs/torus-embed";
const Web3 = (window as any).Web3;
const Web3Modal = (window as any).Web3Modal.default;
const WalletConnectProvider = (window as any).WalletConnectProvider.default;
const Fortmatic = (window as any).Fortmatic;
const Torus = (window as any).Torus;
//const evmChains = (window as any).evmChains;

HTML

<!--web3 modal-->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/web3.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/index.min.js"></script>
<!-- <script type="text/javascript" src="https://unpkg.com/[email protected]/dist/umd/index.min.js"></script> -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@walletconnect/[email protected]/dist/umd/index.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/fortmatic.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@toruslabs/[email protected]/dist/torus.umd.min.js"></script>
<script src="../dist/payhub.js?v=202103191851"></script>
5 Likes