declaración
Este artículo es uno de la serie de tutoriales sobre la interacción entre Vue3.0 +Quasar+ ethers.js y los contratos inteligentes de Ethereum .
Como puede ver en el título de esta serie de tutoriales (vue+Quasar+ ethers.js), nuestra interacción con el contrato inteligente de Ethereum está en la parte delantera.
Por lo tanto, podemos entender completamente que la interacción entre el sitio web y el contrato inteligente de Ethereum pertenece a la categoría de desarrollo front-end.
desarrollo front-end tradicional
Los desarrolladores front-end que han trabajado saben que nuestro desarrollo front-end general es usar código para completar la interfaz front-end. Si el front-end y el back-end están separados, entonces nuestro back-end escribe la interfaz y el el desarrollador front-end solo necesita llamar a la interfaz para completar la función.
En este momento, la realización de nuestras funciones de front-end se enfrenta al back-end.
Desarrollo front-end de interacción de contrato inteligente
De hecho, el desarrollo frontal de la interacción de contratos inteligentes es el mismo que el desarrollo mencionado anteriormente.
Es solo que el backend al que nos enfrentamos aquí ha cambiado. En este punto, el backend al que nos enfrentamos se ha convertido en un contrato inteligente.
Por lo tanto, podemos entender que: los contratos inteligentes son las interfaces a las que se tienen que enfrentar nuestros desarrolladores front-end generales.
Por supuesto, todavía hay diferencias entre ellos.Para nosotros, los desarrolladores front-end, la mayor diferencia entre los dos es la diferencia en los métodos de llamada.
comparar los dos
Aquí podemos obtener lo siguiente entre los dos:
La llamada de interfaz API tradicional es que el front-end inicia una solicitud de red y el código de back-end encuentra el método correspondiente de acuerdo con la solicitud de red y luego lo ejecuta.
Suponiendo que en este momento tenemos una interfaz llamada usuarios y usuarios que necesitan volver al sitio web, la lógica de implementación es la siguiente:
前端发起网络请求（xxx.com/users）->后端路由匹配users->后端代码调用对应方法->返回数据。
Y llamar al contrato inteligente es:
前端调用智能合约对应方法(users)->智能合约返回数据
Tenga en cuenta que lo que dije aquí es " método correspondiente" , es decir, la mayor diferencia entre ellos es: el primero inicia una solicitud de red, mientras que el segundo solo necesita llamar al método en el contrato inteligente.
Por supuesto, aquí, cuando el front-end llama al método de contrato inteligente, no tenemos que preocuparnos por cómo se ejecuta el método y si hay una solicitud de red como la interfaz tradicional. Solo necesitamos saber:
El desarrollo front-end tradicional es iniciar una solicitud de red para llamar a la interfaz de back-end, mientras que la interacción con el contrato inteligente es llamar al método en el contrato para completar la función.