1inch swap API with Metamask

Moralis General
#1

Hi,

Iā€™m trying to build one basic swap, directly using 1inch API. Language Iā€™m using is javascript.
I want to prompt the Metamask approval for the user, so that they can give the required permission to it for swap to happen.

How can this be achieved? I understand we have web3.eth.sendTransaction(data) , but since Iā€™m using Moralis across my application, wanted to know is there any method exists for this?

URL: https://api.1inch.io/v4.0/56/swap?fromTokenAddress=0x55d398326f99059ff775485246999027b3197955&toTokenAddress=0xaf3889ba617ac973b358513d9031778d2bc783df&amount=1000000000000000000&fromAddress=0x06125e1457f833E29D5aebAaCdF8eED8A6Febaee&slippage=8

Response:

{
    "fromToken": {
        "symbol": "USDT",
        "name": "Tether USD",
        "decimals": 18,
        "address": "0x55d398326f99059ff775485246999027b3197955",
        "logoURI": "https://tokens.1inch.io/0xdac17f958d2ee523a2206206994597c13d831ec7.png"
    },
    "toToken": {
        "address": "0xaf3889ba617ac973b358513d9031778d2bc783df",
        "decimals": 9,
        "symbol": "SHIBIC",
        "name": "Shiba Inu Classic",
        "logoURI": "https://etherscan.io/images/main/empty-token.png",
        "isCustom": true
    },
    "toTokenAmount": "1502695685638969",
    "fromTokenAmount": "1000000000000000000",
    "protocols": [
        [
            [
                {
                    "name": "PANCAKESWAP_V2",
                    "part": 100,
                    "fromTokenAddress": "0x55d398326f99059ff775485246999027b3197955",
                    "toTokenAddress": "0xaf3889ba617ac973b358513d9031778d2bc783df"
                }
            ]
        ]
    ],
    "tx": {
        "from": "0x06125e1457f833E29D5aebAaCdF8eED8A6Febaee",
        "to": "0x1111111254fb6c44bac0bed2854e76f90643097d",
        "data": "0x7c0252000000000000000000000000003790c9b5a9b9d9aa1c69140a5f01a57c9b868e1e0000000000000000000000000000000000000000000000000000000000000060000000000000000000000000000000000000000000000000000000000000018000000000000000000000000055d398326f99059ff775485246999027b3197955000000000000000000000000af3889ba617ac973b358513d9031778d2bc783df0000000000000000000000005f59de0d25fc7b40d797df79f91c2bd55aa5f26100000000000000000000000006125e1457f833e29d5aebaacdf8eed8a6febaee0000000000000000000000000000000000000000000000000de0b6b3a76400000000000000000000000000000000000000000000000000000004e95bb724e90b00000000000000000000000000000000000000000000000000000000000000040000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000001a000000000000000000000000000000000000000000000000000000000000000400000000000000000000000000000000000000000000000000000000000000001000000000000000000000000000000000000000000000000000000000000002080000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000006000000000000000000000000000000000000000000000000000000000000000a4b757fed60000000000000000000000005f59de0d25fc7b40d797df79f91c2bd55aa5f26100000000000000000000000055d398326f99059ff775485246999027b3197955000000000000000000000000af3889ba617ac973b358513d9031778d2bc783df0000000000000000002625a01111111254fb6c44bac0bed2854e76f90643097d000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000cfee7c08",
        "value": "0",
        "gas": 1089735,
        "gasPrice": "15000000000"
    }
}
#2

there is 1Inch plugin that you can install on your server and use: https://moralis.io/plugins/1inch/

#3

I kind of used it, but seems there is now way to pass fees and referal address here, hence had to move to 1inch API directly.

#4

you could try to make a transaction with these details

#5

Thanks @cryptokid

But I want to make this call from frontend, without going to backend server.
So it should be done using javascript directly.
Any Moralis method available for this?

#6

you may need to use web3 directly if you want to set to set gas and gasPrice, if not you could try with Moralis.transfer

1 Like
#7

this may help someone:


let txData = [{
    "from": "0x06125e1457f833E29D5aebAaCdF8eED8A6FebXXX",
    "to": "0x1111111254fb6c44bac0bed2854e76f906430XXX",
    "data": "<DATA>",
    "value": "0",
    "gas": "1089735",
    "gasPrice": "15000000000"
}];

  // window.ethereum
  try {
    const transactionHash = await ethereum.request({
      method: 'eth_sendTransaction',
      params: txData
    });
    console.log(transactionHash);
  } catch (error) {
    console.error(error);
  }
1 Like
#8

Working on the same problem. At the moment Iā€™m coding:

  const signTransaction = async (unsignedTx, title) => {
    if (unsignedTx.tx) {
      console.log('Tx to sign:', unsignedTx.tx);
      return await window.ethereum
        .request({
          method: 'eth_sendTransaction',
          params: unsignedTx.tx,
        })
        .catch((error) => {
          console.log('Tx signature error:', error);
        });
    } else {
      console.log('Skipping Tx signature for ' + title);
    }
  };

And Iā€™m getting:

Screen Shot 2022-03-02 at 8.51.12 AM
Screen Shot 2022-03-02 at 8.51.12 AM2052Ɨ1310 882 KB

Not sure what to make of it. Perhaps I need to get addresses first? If anybody has any better ideas Iā€™m all ears.

1 Like
#9

its because your not providing a ā€œfromā€ address as the error says. now your unsigned tx is an object but im not sure what other items you have in it. you will need the address tho. so to do this pass in the params as the entire unsigned tx object maybe, but you need to specify the drom address. consider the example below

ethereum
    .request({
      method: 'eth_sendTransaction',
      params: [
        {
          from: accounts[0],
          to: '0x2f318C334780961FB129D2a6c30D0763d9a5C970',
          value: '0x29a2241af62c0000',
          gasPrice: '0x09184e72a000',
          gas: '0x2710',
        },
      ],
    })

something like this. so just modify your unsigned tx object to have a similar form to this example above. theres also mych more params you can include but this is just to give you and idea

#10

alternatively you could use (if your using metamask) the following format for the from address

from: ethereum.selectedAddress
#11

Wellā€¦ok. If youā€™ll read the code I posted above, more specifically the console log of the params input I posted with itā€¦my params input is and always has been an object with the following fields, including a ā€œfromā€ address. Iā€™ve just blacked out the address becauseā€¦wellā€¦itā€™s my address and shouldnā€™t be posted.

Screen Shot 2022-03-02 at 1.07.54 PM

Something else is wrong with the syntax. I am most definitely giving them a from address. But somehow itā€™s not hearing it. Somethingā€™s wrong with the syntax and Iā€™m not seeing it. Thereā€™s not much for documentation as to what the syntax should be either. So Iā€™m down to crude trial and error to figure out what it wants and how it wants it.

1 Like
#12

if this was me i would debug by hardcoding the values of the Tx in the params option. use the format from my post above with the values you have in your object and this should work. if you can get it to work by hardcoding so you can see the exact format then its much easier to backtrack and get your unsignedtx object var to work. also i notice your passging in unsignedTx.tx. why .yx, is this object nested or something? if its not a nested object then what about passing just unsignedTx. but do try hardcoding first will make it easier to figure out what the problem with your one is

#13

Per some actually useful web3 documentation the request params field is expecting an array of objects even though thereā€™s typically only one object in the array. I was sending it an object. That was the usual stupid tiny detail I wasnā€™t seeing. Iā€™ve bracketed the [object] as an array and Itā€™s working now. Thanks.

1 Like
#14

no wories great you got it working