当您开始使用以太坊开发时，在完成了许多优秀的教程之后，您将面临构建您的第一个基于以太坊的应用程序的挑战。
5 z, h% y& ~: J8 p: r& f& w8 U0 I8 d! d9 b: d8 _$ e8 A& s2 I/ n# ~6 I2 ]
区块链技术为设计应用程序的体系结构和布局带来了一系列新的挑战：传统的客户端 - 服务器应用程序现在混合了第三个新组件 - 区块链。% {& B% k' X( B4 _, u0 T

- l' x" [: `9 c3 B  x在本文中，我将介绍以太网应用程序的一些最传统的方案，这些方案来自这三个组件之间的不同交互。我将讨论无服务器应用程序，浏览器插件，私有节点，脱机签名以及在设计解决方案布局时发挥作用的其他问题。
2 A0 u& w; ?% k  Y  a" c
5 L: r4 u0 k/ d; P0 u8 i无服务器应用程序中的客户端区块链% y6 j5 `: h) Z
: W, _  g4 j4 v$ A. j! f& `
以太坊应用程序的规范风格是无服务器应用程序，其中应用程序的整个流程完全在客户端和区块链之间发生。
( j4 M( y- j4 y  Q2 R$ [0 e/ E) H, Y3 R1 D' `
这里的第一步是将客户端代码实际分发给您的用户。最简单的方法是设置一个包含支持Web3的Web应用程序的静态页面。此类页面可以托管在任何地方：AWS S3，Google Cloud，Github页面，其他云提供商或您自己的服务器。此外，如果您可以依靠支持bzz或ipfs协议的客户端，您甚至可以通过Swarm或IPFS对其进行分散，以实现完全分散。/ Y6 h; z+ V4 M. q/ ]3 E$ |) e

/ c5 b6 X3 g2 A查询区块链/ x" o/ K0 f4 n, U" Y
" a* n+ w0 I; j1 U) f3 j/ Z
下一步是让应用程序能够从区块链中读取信息，正如您所知，区块链需要连接到活动的以太坊节点。这将由您的web3提供程序设置，该提供程序处理与节点的实际web3连接。/ ^3 G1 y% V. l% B

7 n$ m. }4 f3 J3 r" n- H1 R现在，您的一些用户可能已经建立了与节点的连接，例如，通过官方的Mist客户端，或者通过像非常流行的Metamask这样的浏览器插件，它就像区块链的轻量级客户端。他们的常见问题解答甚至提供了一个代码片段，介绍如何检测客户端是否可用，并将其用作web3的提供者。! F) Y( @5 t7 J6 F

$ w' E3 Q. P1 `// Adapted from https://github.com/MetaMask/faq/ ... d#partly_sunny-web3—ethereum-browser-environment-check
+ h! V+ Y1 E7 z5 `6 u' q1 [
/ E/ L' Z* D* hwindow.addEventListener(‘load’, function() {
( ?0 X# @5 x% i% ~- N) d0 G: p; w+ G( j
// Checking if Web3 has been injected by the browser (Mist/MetaMask)
  C8 C# z2 |, o3 l7 m6 o
8 M. i* L, B* Q; q0 Tif (typeof web3 !== ‘undefined’) {
2 g& d9 i! E, V3 V0 F8 h
" k' e$ y+ ^3 k1 G4 x+ s1 k) l// Use Mist/MetaMask’s provider7 e' {+ F' Q7 O

/ {9 y# B! r# r# Z* @$ Q8 gwindow.web3 = new Web3(web3.currentProvider);
5 k% I  F6 k7 n* P. n. y$ g) f9 X: c- ~: s! k9 ^
} else {
& ^0 B/ t  q1 B9 H. Y( w  W; k5 }
// fallback - use your fallback strategy (local node / hosted node + in-dapp id mgmt / fail)
( E% t& C5 ?* j- |% c! j3 e- @" v
+ Y6 G$ Y8 y' g, C9 hwindow.web3 = new Web3(new Web3.providers.HttpProvider(“http://localhost:8545”));
" |( i" r7 w0 z/ O  c8 g' q# X  |3 I0 w5 |4 B, a
}
1 I# U: G4 Y% b8 h; w1 C' d: k: X' |8 M3 _$ |8 c: A4 q
// Now you can start your app & access web3 freely:  i% G! j, F2 E+ b+ T" D$ z- M7 l

; \7 U1 F3 t7 R+ J2 c; mstartApp()" N8 x( Q% v* u
( v. L. ~5 X8 {3 H( c
})5 h3 T% U: k/ r: D% v- c
: k2 P: `2 I5 y) ^4 z) g- y
那些没有Mist或Metamask的用户该怎么做？如果您只需要它们查询区块链而不实际发送任何事务，则可以建立与公共以太坊节点的连接。这应该是向公众开放的geth或奇偶校验节点，但不会暴露用于管理帐户的个人API，也不会有任何未锁定的帐户。这样的节点只能作为查询常量合同函数的网关。如果您不想自己托管，Infura的优秀人员可以免费提供公共节点。
$ v9 ]1 b9 R* R
- f2 Q9 v3 w7 W# W1 r& \这样，具有正在运行的以太坊基础架构的用户可以使用他们与自己的可信节点的连接，而不太精通技术的用户可以使用公共节点。这意味着后者用户为了易于使用而选择信任第三方受控节点提供的信息。8 p  h$ D- U' J! Z+ W- C
) N: P- W5 q, Z/ Y0 n! r, f) D
发送交易, g1 |" @7 {4 e$ ~" ]4 `. J- I

* S  p9 u; w) C0 U7 E; u) y查询区块链很简单，但如果您希望用户提交交易并在智能合约上实际执行状态更改操作，该怎么办？5 M5 Y) b' ~" Z/ r' @/ d! Z$ y

( E# }$ L% m$ b* @对于那些安装了Mist或Metamask的用户，问题立即得到解决，因为它们都提供了一种管理用户帐户并请求用户根据应用程序的请求批准事务的方法。 Mist将为用户的本地节点及其帐户提供签名交易的网关，而Metamask将在客户端签署交易并将其转发到Metamask公共节点。5 f5 k. @' O5 M& x; ^
( w6 Q" z% p# c  N3 ~- ]
至于其他用户，如果您不要求他们安装Metamask或使用Mist来使用您的应用程序，您需要指导他们手动发送交易以与您的应用程序进行交互，无论他们使用哪个钱包。( W3 _* Q1 e+ ^6 o4 g

3 N: s8 h+ a2 M* g2 ~大多数应用程序通过要求用户向地址发送一定量的ETH来实现此功能，可选地包括QR或复制到剪贴板按钮。
. p/ y; K: X# q5 P+ {: {* c2 Z$ c! X
您的客户端应用程序可以监视合同事件，以便在执行带外事务时更新用户界面。 由于观看事件只是查询区块链的一种方式，因此可以通过公共节点轻松完成。
/ W" \! W$ h4 V9 t0 x
7 n  y1 j; M; `: _6 D! E现在，为了执行合同功能，您可能需要请求用户发送ETH以及其他数据以执行特定功能。 您可以使用契约函数的请求方法轻松获取运行方法所需的数据，并将其与目标地址一起呈现给用户。/ H% ?% p* n# X3 o

- f  {' k9 g3 r0 D( h6 WSimpleToken.at(tokenAddress).transfer.request(“0xbcfb5e3482a3edee72e101be9387626d2a7e994a”, 1e18).params[0].data: i$ L- E: I7 P9 v
8 M2 b1 R1 e# o# b# I* d
// returns data for invoking transfer with args => ‘0xa9059cbb00000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000de0b6b3a7640000’
) k7 O5 s1 W; T2 V) e' z  @6 a1 t4 D9 Z; m
就个人而言，我不是这种模式的忠实粉丝，因为它需要用户进行相当复杂的交互。并非所有用户都知道其他数据如何在以太坊中运行，更不用说如何在事务中发送它。3 S+ D+ v$ W! G; u" l, P3 S

6 {- [" U, T, p0 p1 M* n如果您确实需要实施它，请确保合同的回退功能拒绝所有付款或具有合理的默认行为，因此如果用户在手动发送交易时忘记包含其他数据，则他不会丢失已发送的资金。3 ?- B/ R9 \, z

1 w: {1 O# B; T# E7 @请注意，在许多情况下，设计巧妙的回退函数实际上可能始终执行发送事务的用户的预期行为。这样，您的智能合约只会对发送资金的用户做出反应，并根据当前状态运行不同的功能，而无需用户设置任何其他数据。
4 ]! _! }; _* P9 k( T7 P7 v
1 I; y3 I# B  t& Z, M- ^2 w! P另一个技巧是添加代理合同，其中每个合同在收到Ether时在主合同中执行特定功能。举个简单的例子，假设您正在实施一个二元投票应用程序：您的主要合同是投票 - 是和投票 - b不是 功能。除了要求用户在其交易中包含yes-or-no标志，您可以部署另外两个合同，除了在接收时代表邮件发件人在主合同中调用vote-yes或vote-no之外没有逻辑任何交易。毋庸置疑，这种方法仅适用于相当简单的应用程序，但通常可以帮助降低浏览器中没有以太坊感知软件的用户的复杂性。
; C; H9 z. {: N  A) ~8 L2 R& G; K+ n. F$ t* L5 r/ Y
然后，用户需要使用某个以太网来支持该帐户，可以是来自不同的帐户，也可以是直接来自交换服务;考虑在这里放入Shapeshift集成以便于使用。一旦帐户具有支付交易费用的所需余额，客户端代码可以通过简单的点击代表用户执行任何所需的操作。
% X# V& d5 [, b# }- k
! M  `0 _" s4 A- v# D; {7 {" g在幕后，您的应用程序将使用生成的帐户的私钥对客户端的任何事务进行签名，然后将它们中继到公共节点以供执行。/ L  z! s  M9 Y

, o# l( I- o  n- m; `这种模式涉及繁重的编码，因为您需要添加生成和加密以及导入以太坊帐户的功能（您可能需要查看以太坊钱包库以实现这些任务）。此外，所有事务都需要手动制作和签名，然后作为原始事务发送到节点。它还需要用户的更多参与，该用户负责设置新帐户，并负责保护帐户文件。1 m2 @' j& O% l; u& X
8 l' v% p* i+ R+ d/ h& h
然而，一旦设置完毕，您的用户就可以直接从您的应用程序执行以太网交易，而不需要任何软件。
9 r7 U& t* M1 Q& ~
  e& [5 g) E5 A" W( G4 G9 `, |总而言之，您使用哪种方法将在很大程度上取决于您要与之接触的用户类型，以及您希望它们与您的应用程序的交互类型，无论是连续使用，还是不频繁或一次性使用访问。
# I# F$ U' W; r3 @: [& x; R: |5 h6 s" w% y
服务器与区块链链接5 Q3 h) E, U* L. m! Y, y( G
% t) h+ R0 A6 d  S/ k
现在，让我们将混合服务器添加到服务器中，并将客户端留在此部分。 因此，以下内容不仅适用于应用服务器，还适用于独立应用，脚本或批处理。
5 g3 H% O2 h# w
! p; z) b% ?/ D5 y6 D6 D设置本地节点
5 Q/ b* _( \/ _5 E
1 L' x- X( ]) x第一个解决方案是vanilla：设置本地以太坊节点并使用应用程序中的JSON RPC接口来执行所有区块链操作。
9 \% j! }& V. U8 j. l1 |7 J/ z2 }. k, u+ L
如果你沿着这条路走下去，请记住你正在盲目地信任你要连接的公共节点：虽然它不能修改你发送给它的交易，它可以选择不将它们转发到网络，或者提供虚假的回复 对你的疑问。 这可以通过同时连接到多个节点，并向所有节点发送相同的事务或查询来减轻; 但这会使您的代码库变得更加复杂。/ d7 S6 s3 g5 V! S. P6 `

' r. p4 e7 E: w/ ^$ C) z* X+ [功能整合7 X* }8 c; f( {$ Y$ h4 ?+ N
+ E, g4 W* ?  b8 d; w5 Q( a
在通过不同的方式设置客户端区块链和服务器区块链查询和事务之后，是时候讨论如何一起编排所有内容。
" w, v/ E) p/ K, z2 k9 N8 B6 ?4 i/ H4 X7 `0 r
协调客户端和服务器5 _0 G% K; W% B, ]0 b. A1 ]

& M  g; P4 j+ h* S$ M5 _, i; b让客户端和服务器同时与区块链交互意味着您可能需要协调它们。例如，您可能希望让服务器对客户端在链上执行的操作做出反应，或者在客户端中显示某个合同上的状态更改。
; r& I/ ]4 L/ v& R, \( h! L6 {* s/ n* [( D0 e/ J5 D: W0 s5 M: b
从客户端和服务器观察合同变更的规范方法是监听合同事件。仔细设计您的事件，以确保所有相关操作都有关联的事件，并使用索引参数，以便观察者只能过滤与它们相关的事件。通常，客户端只会直接侦听影响它们的事件，而服务器可能会监控与应用程序相关的所有合同。4 I# u, H' g2 A  J' k! s
& n+ X* f5 k& y: C: n
如果直接从您的应用程序代码发出特定事务，您也可以直接监视它们，以检查它们是否成功。
4 ^& K+ ]! t, {$ F2 s
. s( e% ]0 N: b# _客户端还可以向服务器发布他们发布的事务的id，作为在链上执行的操作的证明，而不是让服务器监听事件。但是，请记住，恶意行为者可能正在监视链上的事务，并且可能会向服务器推送来自不同客户端的事务ID，假装它属于他。确保仅将客户端到服务器消息用作通知，而不是事实来源。
2 u9 Z: _; _) t# F# Q& y2 u  `
. R# _" h) N9 O( g- t无论是否依赖监控交易或事件，请确保在合理数量的确认后才对其进行反应。即使您已经挖掘了一个事务，它仍然可能会受到链重组，并最终在不同的上下文中运行，可能会变得无效。在对一个链上事件采取行动之前，等待大约十几个块（更多在testnets中），但是考虑让你的最终用户知道交易成功但未经证实，以免让他们陷入困境。) Y+ z9 w; A- @! C% y6 t

, k5 @0 s  }, u0 _现在，您需要回答的一个关键问题是为什么您需要一台服务器。在传统的客户端 - 服务器应用程序中，服务器充当永久存储器，强制执行业务逻辑，并协调客户端;现在可以在链上执行的所有任务。
1 f/ [3 z4 Q2 ]; ^' R4 B" G2 W) y6 s7 e" g8 i
尽管如此，支持您的应用的服务器仍有许多用途。首先，链上代码不能直接与脱链服务一起使用。这意味着如果您想要与第三方服务集成，注入外部数据（如USD / ETH费率），或执行基本操作（如发送电子邮件），则需要服务器来处理此问题。' n! V+ b: A( v  D6 o

* y- L- {- i! m' A( e0 z; x' s* O服务器还可以充当智能合约的缓存或索引引擎。虽然最终的事实来源是区块链，但您的客户可能依赖服务器获取搜索功能，并在链上验证返回的数据。# F$ I$ P* K4 V: r  R  c# ]

8 N4 ~$ P3 p0 q$ r  E% [由于使用合同存储产生的gas成本，目前在以太坊上大数据存储成本过高。因此，您的应用程序也可能依赖于服务器来存储大量数据，而只有一个哈希链在一起进行验证。复杂计算也会发生同样的情况，这可能会超过以太坊区块gas限制，因此需要在单独的基础设施中运行。
: Q, W1 B5 l  B8 Q
7 o5 U9 i& J3 b" ^; u4 N  P% \) F1 j, E值得一提的是，越来越多的项目出现在EVM周围，提供与这些服务的无缝集成。一些示例是用于存储的Filecoin或Storj，用于计算的Truebit或用于oracles的Oraclize。最终，服务器可能会变得越来越薄，直到它们消失在无数的侧链服务和集成中。