@@ -63,11 +63,49 @@ const everpay = new Everpay()
6363
6464## 创建 Everpay 实例
6565
66+ ### 智能账户连接
67+
68+ 极为简单与方便。
69+
70+ #### 1. 使用包管理
71+
72+ (1)安装 [ everpay-js] ( ./everpay-js.md#安装 ) 。
73+
74+ <Tabs >
75+ <TabItem value =" yarn " label =" yarn " default >
76+
77+ ``` bash
78+ yarn add everpay
79+ ```
80+
81+ </TabItem >
82+ <TabItem value =" npm " label =" npm " >
83+
84+ ``` bash
85+ npm install everpay
86+ ```
87+
88+ </TabItem >
89+ </Tabs >
90+
91+ (2)引入 everpay-js 和 ethers 进行创建。
92+
93+ ``` js
94+ import Everpay from ' everpay'
95+
96+ const account = await new Everpay ().smartAccountAuth (' https://app-dev.permaswap.network/permalogo.svg' )
97+ const everpay = new Everpay ({
98+ account,
99+ isSmartAccount: true
100+ })
101+ ```
102+
66103### 以太坊钱包连接
67104
68105- 创建时可选择性注入 ` ethConnectedSigner ` 、` chainType ` 等配置项。
69106- 开发者需安装并使用 [ ethers.js] ( https://github.com/ethers-io/ethers.js ) 进行创建。
70107- 请下载 [ MetaMask] ( https://metamask.io/ ) 或 其他以太坊钱包。
108+
71109#### 1. 使用包管理器
72110
73111(1)安装 [ everpay-js] ( ./everpay-js.md#安装 ) 和 [ ethers.js] ( https://github.com/ethers-io/ethers.js ) 。
@@ -90,6 +128,7 @@ npm install everpay ethers@5.4.0
90128</Tabs >
91129
92130(2)引入 everpay-js 和 ethers 进行创建。
131+
93132``` js
94133import Everpay from ' everpay'
95134import { ethers } from ' ethers'
@@ -103,7 +142,9 @@ const everpay = new Everpay({
103142 ethConnectedSigner: signer
104143})
105144```
145+
106146---
147+
107148#### 2. 通过 CDN 方式连接以太坊钱包
108149
109150(1)创建 ` index.html ` 文件并引入 [ everpay-js] ( https://www.jsdelivr.com/package/npm/everpay?nav=config ) 和 [ ethers] ( https://www.jsdelivr.com/package/npm/ethers?nav=config&version=5.4.0 ) 的 CDN 链接。
@@ -141,14 +182,17 @@ ethRun()
141182```
142183
143184::: info
185+
144186- 确保 ` 钱包已连接 ` 并且 ` 连接到当前站点 ` 。
145187- [ debug 环境配置] ( ./everpay-js/configuration/debug.md ) 。
146188- [ account 配置] ( ../dive/account-model.md ) & [ chainType 配置项] ( ./everpay-js/types.md#chaintype ) 。
147189- ` ethConnectedSigner ` 的更多创建方式,可浏览 [ SDK - everpay-js - 配置项 - ` ethConnectedSigner ` ] ( ./everpay-js/configuration/ethConnectedSigner ) 。
148190- CDN 方式创建 Everpay 实例时,需要添加 ` default ` : ` new window.Everpay.default({}) ` 。
149191- 确保 ` ethers CDN链接 ` 和 ` everPay CDN链接 ` 优先加载完成,否则 ` ethers is not defined ` 或 ` Everpay is not defined ` 。
150192:::
193+
151194---
195+
152196### Arweave 钱包连接
153197
154198- 创建需要注入 ` arJWK ` ,当使用浏览器 [ ArConnect] ( https://arconnect.io/ ) 钱包时,注入 ` arJWK: 'use_wallet' ` 即可。
@@ -176,6 +220,7 @@ npm install everpay
176220</Tabs >
177221
178222(2)引入 everpay-js 进行创建。
223+
179224``` ts
180225import Everpay from ' everpay'
181226
@@ -217,26 +262,33 @@ const arRun = async () => {
217262arRun ()
218263 </script >
219264```
265+
220266::: info
221- * 确保钱包已连接并授权,[ 查看授权方式] ( ./everpay-js/configuration/arJWK.md#浏览器--arconnect ) 、 [ 查看授权类型] ( https://github.com/arconnectio/ArConnect#connectpermissions-appinfo-gateway ) 。
222- * [ debug 环境配置] ( ./everpay-js/configuration/debug.md ) 。
223- * [ chainType 配置项] ( ./everpay-js/types#chaintype ) 。
224- * ` arJWK ` 也支持私钥格式,可浏览 [ SDK - everpay-js - 配置项 - ` arJWK ` ] ( ./everpay-js/configuration/arJWK ) 进行配置。
225- * CDN 方式创建 Everpay 实例时,需要添加 ` default ` : ` new window.Everpay.default({}) ` 。
226- * 确保 ` everPay CDN链接 ` 优先加载完成,否则 ` Everpay is not defined ` 。
267+
268+ - 确保钱包已连接并授权,[ 查看授权方式] ( ./everpay-js/configuration/arJWK.md#浏览器--arconnect ) 、 [ 查看授权类型] ( https://github.com/arconnectio/ArConnect#connectpermissions-appinfo-gateway ) 。
269+ - [ debug 环境配置] ( ./everpay-js/configuration/debug.md ) 。
270+ - [ chainType 配置项] ( ./everpay-js/types#chaintype ) 。
271+ - ` arJWK ` 也支持私钥格式,可浏览 [ SDK - everpay-js - 配置项 - ` arJWK ` ] ( ./everpay-js/configuration/arJWK ) 进行配置。
272+ - CDN 方式创建 Everpay 实例时,需要添加 ` default ` : ` new window.Everpay.default({}) ` 。
273+ - 确保 ` everPay CDN链接 ` 优先加载完成,否则 ` Everpay is not defined ` 。
227274:::
275+
228276---
229277
230278:::tip 成功啦
279+
231280- 根据上面的步骤,我们已经完成了 Everpay 实例的创建了,接下来一起完成充值、转账、提现。
232281:::
233282
234283## 充值
284+
235285everPay 实例创建成功后,可通过 ` deposit ` 方法,将 ` Arweave ` , ` Ethereum ` 等链上资产存入 everPay。
236286
237287填写充值所需要的 ` token tag ` 和 ` amount ` ,调用下面的接口完成充值:
238- * ` tag ` : ` token ` 的唯一标识,可通过 [ ` info ` ] ( ./everpay-js/basic-api/info.md#示例返回 ) 接口进行查看。
239- * ` amount ` : 数额。
288+
289+ - ` tag ` : ` token ` 的唯一标识,可通过 [ ` info ` ] ( ./everpay-js/basic-api/info.md#示例返回 ) 接口进行查看。
290+ - ` amount ` : 数额。
291+
240292``` js
241293everpay
242294 .deposit ({
@@ -252,15 +304,19 @@ everpay
252304- Ethereum 充值需要等待 6 个区块,Arweave 充值需要等待 15 个区块。
253305- everPay 支持 AR 跨链,初始化注入 ` ethConnectedSigner ` 则充值调用的是 WAR(ERC20),初始化注入 ` arJWK ` 则充值调用的是 AR(native)。
254306:::
307+
255308---
309+
256310## 转账
311+
257312everPay 实例创建成功后,可通过 ` transfer ` 方法,对当前 ` 账户(account) ` 已拥有的 ` 资产(token) ` 进行 everPay 转账。
258313
259314填写转账所需要的 ` token tag ` 和 ` amount ` ,` to ` ,调用下面的接口完成转账:
260315
261- * ` tag ` : ` token ` 的唯一标识,可通过 [ ` info ` ] ( ./everpay-js/basic-api/info.md#示例返回 ) 接口进行查看。
262- * ` amount ` : 数额。
263- * ` to ` : ` everPay ` 的收款方地址,详情可见 [ 账户模型] ( ../dive/account-model.md ) 。
316+ - ` tag ` : ` token ` 的唯一标识,可通过 [ ` info ` ] ( ./everpay-js/basic-api/info.md#示例返回 ) 接口进行查看。
317+ - ` amount ` : 数额。
318+ - ` to ` : ` everPay ` 的收款方地址,详情可见 [ 账户模型] ( ../dive/account-model.md ) 。
319+
264320``` js
265321everpay
266322 .transfer ({
@@ -272,18 +328,22 @@ everpay
272328```
273329
274330::: danger
331+
275332- 请注意:你正在操作转账的是 everPay 网络上的资产,请不要转账到交易所地址,或合约地址,否则您的资产将无法找回!
276333:::
334+
277335---
336+
278337## 提现
338+
279339everPay 实例创建成功后,可通过 ` withdraw ` 方法,对当前 ` 账户(account) ` 已拥有的 ` 资产(token) ` 进行 everPay 提现。将 everPay 中的 ` 资产(token) ` 提到原生链地址中。
280340
281341填写需要提现的 ` token tag ` 、 ` amount ` 、 ` chainType ` 、` to ` ,调用下面的接口完成提现:
282342
283- * ` token tag ` : 唯一标识,可通过 [ ` info ` ] ( ./everpay-js/basic-api/info.md#示例返回 ) 接口进行查看。
284- * ` amount ` : 数额。
285- * ` chainType ` : [ chainType 原生链] ( ./everpay-js/types.md#chaintype ) 。
286- * ` to ` : ` everpay ` 收款方地址,详情可见 [ 账户模型] ( ../dive/account-model.md ) 。
343+ - ` token tag ` : 唯一标识,可通过 [ ` info ` ] ( ./everpay-js/basic-api/info.md#示例返回 ) 接口进行查看。
344+ - ` amount ` : 数额。
345+ - ` chainType ` : [ chainType 原生链] ( ./everpay-js/types.md#chaintype ) 。
346+ - ` to ` : ` everpay ` 收款方地址,详情可见 [ 账户模型] ( ../dive/account-model.md ) 。
287347
288348``` js
289349everpay
0 commit comments