Sign Up

Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.

Have an account? Sign In
Continue with Google
Continue with Facebook
or use


Have an account? Sign In Now

Sign In

Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.

Sign Up Here
Continue with Google
Continue with Facebook
or use


Forgot Password?

Don't have account, Sign Up Here

Forgot Password

Lost your password? Please enter your email address. You will receive a link and will create a new password via email.


Have an account? Sign In Now

Sorry, you do not have a permission to ask a question, You must login to ask question.

Continue with Google
Continue with Facebook
or use


Forgot Password?

Need An Account, Sign Up Here

Please briefly explain why you feel this question should be reported.

Please briefly explain why you feel this answer should be reported.

Please briefly explain why you feel this user should be reported.

Sign InSign Up

Stack Ask

Stack Ask Logo Stack Ask Logo

Stack Ask Navigation

  • Home
  • About Us
  • Contact Us
Search
Ask A Question

Mobile menu

Close
Ask a Question
  • Home
  • About Us
  • Contact Us
Home/ Questions/Q 3758
Next
In Process
monkey
  • 0
monkeyEnlightened
Asked: December 16, 20212021-12-16T05:28:34+00:00 2021-12-16T05:28:34+00:00In: Blockchain

Dự án NFT đơn giản với Metamask và Web3: Khởi tạo dự án

  • 0

Dự án của chúng ta sẽ sử dụng java web, cấu trúc thư mục sẽ kiểu thế này:

1. file pom:

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>

  <parent>
    <groupId>com.tvd12</groupId>
    <artifactId>ezyfox</artifactId>
    <version>1.0.2</version>
  </parent>

  <groupId>org.example</groupId>
  <artifactId>nft-game-web</artifactId>
  <version>1.0.0</version>

  <properties>
    <ezy.http.version>0.2.0</ezy.http.version>
    <ezy.platform.version>0.0.1a</ezy.platform.version>
  </properties>

  <dependencies>
    <dependency>
      <groupId>com.tvd12</groupId>
      <artifactId>ezyhttp-server-boot</artifactId>
      <version>${ezy.http.version}</version>
    </dependency>
    <dependency>
      <groupId>org.youngmonkeys</groupId>
      <artifactId>ezyplatform-devtools</artifactId>
      <version>${ezy.platform.version}</version>
    </dependency>
  </dependencies>
</project>

2. File NftGameStartup:

package org.example.nft_game;

import com.tvd12.ezyhttp.core.boot.EzyHttpApplicationBootstrap;

public class NftGameStartup {
    public static void main(String[] args) throws Exception {
        EzyHttpApplicationBootstrap.start(NftGameStartup.class);
    }
}
blockchainmetamask
  • 6 6 Answers
  • 229 Views
  • 0 Followers
  • 0
Answer
Share
  • Facebook
  • Report

6 Answers

  • Voted
  • Oldest
  • Recent
  1. monkey Enlightened
    2021-12-16T05:29:57+00:00Added an answer on December 16, 2021 at 5:29 am

    3. File HomeController:

    package org.example.nft_game.controller;
    
    import java.io.IOException;
    import java.io.InputStream;
    import java.util.Map;
    
    import com.fasterxml.jackson.databind.ObjectMapper;
    import com.tvd12.ezyfox.stream.EzyAnywayInputStreamLoader;
    import com.tvd12.ezyfox.stream.EzyInputStreamLoader;
    import com.tvd12.ezyfox.stream.EzyInputStreams;
    import com.tvd12.ezyfox.util.EzyMapBuilder;
    import com.tvd12.ezyhttp.server.core.annotation.Controller;
    import com.tvd12.ezyhttp.server.core.annotation.DoGet;
    import com.tvd12.ezyhttp.server.core.view.Redirect;
    
    @Controller
    public class HomeController {
    
        private final ObjectMapper objectMapper;
        private final EzyInputStreamLoader inputStreamLoader;
        private static final String CONTRACT_ADDRESS = "0xA9F6009507ef930C67B98F7A12CB0CA4321aAaDB";
    
        public HomeController(ObjectMapper objectMapper) {
            this.objectMapper = objectMapper;
            this.inputStreamLoader = new EzyAnywayInputStreamLoader();
        }
    
        @DoGet("/")
        public Redirect home() {
            return Redirect.to("/index.html");
        }
    
        @SuppressWarnings("unchecked")
        @DoGet("/contract")
        public Map contractGet() throws IOException {
            try (InputStream inputStream = inputStreamLoader.load("abi.json")) {
                String api = EzyInputStreams.toStringUtf8(inputStream);
                return EzyMapBuilder
                    .mapBuilder()
                    .put("address", CONTRACT_ADDRESS)
                    .put("abi", objectMapper.readValue(api, Map[].class))
                    .build();
            }
        }
    }
    
    • 1
    • Share
      Share
      • Share on Facebook
      • Share on Twitter
      • Share on LinkedIn
      • Share on WhatsApp
      • Report
  2. monkey Enlightened
    2021-12-16T05:32:53+00:00Added an answer on December 16, 2021 at 5:32 am

    4. File style.css:

    body {
        background-color: #fff;
    }
    

    5. File main.js:

    var stringToHex = function(str) {
        var hex, i;
        var result = "0x";
        for (i = 0; i < str.length; i++) {
            hex = str.charCodeAt(i).toString(16);
            result += hex;
        }
        return result
    }
    
    var hexToString = function(hex) {
        var i;
        var hexes = hex.match(/.{1,2}/g) || [];
        var result = "";
        for(i = 0; i < hexes.length; i++) {
            result += String.fromCharCode(parseInt(hexes[i], 16));
        }
    
        return result;
    }
    
    • 1
    • Share
      Share
      • Share on Facebook
      • Share on Twitter
      • Share on LinkedIn
      • Share on WhatsApp
      • Report
  3. monkey Enlightened
    2021-12-16T05:40:06+00:00Added an answer on December 16, 2021 at 5:40 am

    6. File abi.json, ở post trước chúng ta đã deploy contract rồi, hãy tìm đến file: truffle/build/contracts/GameItem.json và copy phần “abi” array ( lưu ý chỉ copy phần array thôi nhé, không copy cả “abi”: )

    7. File application.yaml:

    resources:
      enable: true
    

    8. File log4j.properties

    log4j.properties
    
    # Root logger option
    log4j.rootLogger=INFO, stdout
    
    # Redirect log messages to console
    log4j.appender.stdout=org.apache.log4j.ConsoleAppender
    log4j.appender.stdout.Target=System.out
    log4j.appender.stdout.layout=org.apache.log4j.PatternLayout
    log4j.appender.stdout.layout.ConversionPattern=%d{yyyy-MM-dd HH:mm:ss} %-5p %c{1}:%L - %m%n
    
    
    • 1
    • Share
      Share
      • Share on Facebook
      • Share on Twitter
      • Share on LinkedIn
      • Share on WhatsApp
      • Report
  4. monkey Enlightened
    2021-12-20T15:47:00+00:00Added an answer on December 20, 2021 at 3:47 pm

    File index.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>NFT Game</title>
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
      <link rel="stylesheet" href="/css/style.css">
    </head>
    <body>
    <div class="container">
      <div class="row">
        <div class="col-md-12 text-center">
          <h3>Welcome to NFT Game</h3>
        </div>
      </div>
      <div class="row">
        <div class="col-md-12 text-center">
          <button id="enableEthereumButton" class="btn btn-primary">Enable Ethereum</button>
        </div>
      </div>
    </div>
    <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/web3/1.6.1/web3.min.js" integrity="sha512-5erpERW8MxcHDF7Xea9eBQPiRtxbse70pFcaHJuOhdEBQeAxGQjUwgJbuBDWve+xP/u5IoJbKjyJk50qCnMD7A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="/js/main.js"></script>
    <script>
    const ethereumButton = $('#enableEthereumButton');
    
    async function getAccount() {
      const accounts = await ethereum.request({ method: 'eth_requestAccounts' });
      console.log(JSON.stringify(accounts));
    }
    
    (function() {
    if (typeof window.ethereum === 'undefined') {
      return;
    }
    console.log('MetaMask is installed!');
    
    ethereumButton.on('click', () => {
      getAccount();
    });
    })();
    </script>
    </body>
    </html>
    
    • 1
    • Share
      Share
      • Share on Facebook
      • Share on Twitter
      • Share on LinkedIn
      • Share on WhatsApp
      • Report
  5. Nguyễn Thái Sơn Enlightened
    2021-12-18T01:27:44+00:00Added an answer on December 18, 2021 at 1:27 am
    This answer was edited.
    @SuppressWarnings("unchecked") 
    @DoGet("/contract") 
    public Map contractGet() throws IOException { 
    	try (InputStream inputStream = inputStreamLoader.load("abi.json")) { 
    		String api = EzyInputStreams.toStringUtf8(inputStream); 
    		return EzyMapBuilder.mapBuilder()
    			.put("address", CONTRACT_ADDRESS)
    			.put("abi", objectMapper.readValue(api, Map[].class))
    			.build();
    		}
    	}
    

    Tại sao lại phải để annotation superwarning ở đây ạ

    • 0
    • Share
      Share
      • Share on Facebook
      • Share on Twitter
      • Share on LinkedIn
      • Share on WhatsApp
      • Report
    • tvd12 Enlightened
      2021-12-18T08:02:06+00:00Replied to answer on December 18, 2021 at 8:02 am
      This answer was edited.

      Vì cái lớp EzyMapBuilder nó build ra một Map không rõ generics type nên thêm cái @SuppressWarnings("unchecked") vào để IDE nó đỡ cảnh báo em ạ.

      • 0
      • Share
        Share
        • Share on Facebook
        • Share on Twitter
        • Share on LinkedIn
        • Share on WhatsApp
        • Report

You must login to add an answer.

Continue with Google
Continue with Facebook
or use


Forgot Password?

Need An Account, Sign Up Here

Sidebar

Ask A Question

Stats

  • Questions 823
  • Answers 1k
  • Best Answers 80
  • Users 334
  • Popular
  • Answers
  • monkey

    [Deep Learning] Làm thế nào để xác định được cái ...

    • 16 Answers
  • Thành Vương

    Bug sai đường dẫn khi config ckeditor lên live

    • 14 Answers
  • Tú Trần Anh

    [Ezyfox Server] Unity game client không gửi được command khi ...

    • 12 Answers
  • tvd12
    tvd12 added an answer Anh thấy chỉ cần lúc tạo bảng em cứ khai… January 20, 2023 at 4:28 pm
  • monkey
    monkey added an answer 1. Anh chưa hiểu là cơ sở dữ liệu của… January 16, 2023 at 9:55 am
  • monkey
    monkey added an answer Em có thể tham khảo 2 lớp này: https://github.com/youngmonkeys/ezymq/tree/master/ezymq-kafka/src/main/java/com/tvd12/ezymq/kafka/serialization. Ở… January 16, 2023 at 6:34 am

Related Questions

  • monkey

    Blockchain trong lĩnh vực truy suất nguồn gốc và tăng ...

    • 1 Answer
  • monkey

    Tiềm năng phát triển của blockchain như thế nào?

    • 1 Answer
  • monkey

    CosmosSDK: Khởi tạo và sử dụng Map

    • 1 Answer

Top Members

tvd12

tvd12

  • 76 Questions
  • 1k Points
Enlightened
monkey

monkey

  • 122 Questions
  • 1k Points
Enlightened
Nguyễn Thái Sơn

Nguyễn Thái Sơn

  • 205 Questions
  • 307 Points
Enlightened

Trending Tags

#formatdate .net .net core .net oop abstract class access app access token ai analytics android ansible anti-flooding apache poi api app architecture artificial intelligence assembly async asyncawait atomicboolean authentication backend backend nestjs background bash script batch bean big project binding bitcoin blockchain blog boot-nodes branch british btree bucket4j buffered build bundle c# c# .net cache caching callback career career path cast centos chat cloud cloud reliability commit communication company computer science concurrent config-css connection pool content-disposition contract convert date to number cookie cors cosmos cosmos-sdk crawl data cron css database database migration datasource datastructure deadlock decentralized exchange deep learning deploy contract design-pattern design patterns devops dex di distraction programing dns docker download draw.io du học duration dữ liệu lớn eclip editor elasticsearch email employee english erc20 erc721 estimation eth ethereum ethereum login excel exception exception handle exception handler executor export compliance extensions exyfox ezyfox ezyfox-boot ezyfox-server ezyfoxserver ezyhttp ezymq-kafka ezyredis facebook fe filter floating point flutter format json freetank french front-end frontend fullstack fulltextsearch future gallery game game-box game-room game-server gateway get get file zip git glide go golang google gorilla graduation thesis graphql grapql grpc guide h2 database handy terminal hazelcast hibernate hibernateconfig html http https hyperloglog image index indexing integration-test intellij interface interview io ioc ipfs isolate issue it java java core javacore javascript java spring javaw java web jenkins jetbrains job join jotform jpa js json json file jsonproperty json to object jsp jsp & servlet junit-test jvm jwt kafka keep promise kerberos keycloak kotlin language languague library list load-balancing load balancer lock log log4j log4j-core login lưu trữ machine learning macos mail mail template main maria db math maven merge message queue messaging metamask microservice microservices migration mobile model mongo monitoring mq msgpack multi-threading multiple tenant multithread multithreading mysql n naming naming convention nan netcore netty networking nft nft game nginx nio node.js nodejs non-blocking io null oop opensource optimize orm otp message paginaiton pagination pancakeswap panic partition pdf pgpool phỏng vấn plugin pointer postgresql pre private_key procedure profile programming project management promise properties push-noti push message android push notification python python unicode qrcode question queue rabbitmq reactive reactjs reactjs download readmoretextview recyclerview redis refactor refresh token regex replica repository request resilence4j resource rest resttemplate roadmap ropssten ropsten round robin rust rxjava s3 schedule scheduled scheduled spring boot search security send email send mail server servlet session shift jis singleton sjis slack smart contract soap socket socket server soft delete solution sosanh spring spring-boot-test spring-jpa spring aop spring boot springboot spring data jpa spring redis spring security springsecurity springwebflux mysql spring websocket spring websocket cors sql sql server sse ssl email stackask storage stream stream api stress test structure trong spring boot study synchronize synchronized system environment variables test thread threadjava threadpool thread pool thymeleaf tomcat totp tracking location transaction transfer transfer git udp uniswap unit test unity upload upload file utf-8 file validate validate date vector view volatile vue vue cli watermark web web3 web3 client webassembly webflux webpack websocket windows 11 winforms work zip file zookeeper

Footer

Stack Ask

Stack Ask is where Developers Ask & Answers. It will help you resolve any questions and connect you with other people.

About Us

  • Meet The Team
  • About Us
  • Contact Us

Legal Stuff

  • Terms of Service
  • Privacy Policy
  • Cookie Policy

Help

Follow

© 2021 Stack Ask. All Rights Reserved
Powered by youngmonkeys.org