Want to Contribute to us or want to have 15k+ Audience read your Article ? Or Just want to make a strong Backlink?

DALL-E with node.js – DEV Community

Introduction

over the previous few years, we’ve seen how machine studying and synthetic intelligence have improved so much, and now we’re seeing how synthetic intelligence is affecting our day by day routines and the way we work together with the web. From high-level chatbots to unimaginable photos mills however amongst these applied sciences the one I’m enthusiastic about essentially the most is the potential of producing photos and artwork by way of thought and creativeness, and this text we will see find out how to generate photos from inputs additionally referred to as immediate utilizing DALL-E mannequin, please word that DALL-E is just not free after creating your account you’ll obtain free credit which are sufficient for our min-application and testing functions.

Create account

Earlier than begin constructing our utility we will begin by creating our account and producing an API token that we will use to entry the community
use the next hyperlink to create your account if you do not have one but

after creating your account click on in your profile’s picture and go to view API keys as soon as there you can be prompted to create an API key create one, right here is how the display seems like

Create a easy node.js utility

with all of the credentials and knowledge we’d like for sending our request allow us to now create our mini node.js utility and create some easy photos

initialize a node.js utility with npm init then set up the above dependencies

npm set up categorical nodemon openai body-parser

we will be utilizing nodemon for reloading our server after we make modifications, as a substitute of restarting our utility for some small updates. For enabling nodemon go to your package deal.json file and add the next script "begin": "nodemon index.js " do not forget to interchange the index.js together with your predominant entry file

create your first picture with DALL-E

const categorical = require("categorical");
const app = categorical();
const openai = require('openai');
const bodyparser = require('body-parser');

//body-parser
app.use(bodyparser.json());


app.publish('/createImage', async (req, res, subsequent) => {
        strive {
        const immediate = req.physique.immediate;
        const config = new openai.Configuration({
            apiKey: "your API key",
        });

        const openaiApi = new openai.OpenAIApi(config);
        const createImage = await openaiApi.createImage({
            immediate: immediate,
            n: 1,
            dimension: "512x512",
        })
        return res.standing(201).json({ imageUrl: createImage.knowledge.knowledge[0].url });
    } catch (error) {
        return res.standing(500).json({ message: "inner server error" });
    }

})

app.pay attention(8080, () => {
    console.log('server began on port 3000');
})
Enter fullscreen mode

Exit fullscreen mode

allow us to break down the which means of that code, the n discipline represents the variety of photos that we request, it goes from 1 to 10, and the immediate discipline
is the textual content used for creating our picture it may be something like a cat enjoying on play-station 5😁

please word that not all of the sizes are supported right here is the listing

   "256x256";
   "512x512";
   "1024x1024";
Enter fullscreen mode

Exit fullscreen mode

Create picture variation

You may additionally need to create variations of your present picture, which can be doable with DALL-E, please word that your picture should respect the next necessities

  1. have to be a png picture
  2. have to be sq.
  3. should have lower than 4mbs
const categorical = require("categorical");
const app = categorical();
const openai = require('openai');
const bodyparser = require('body-parser');
const path = require('path');
const fs = require('fs');

//body-parser
app.use(bodyparser.json());

app.publish('/createVariation', async (req, res, subsequent) => {
    const config = new openai.Configuration({
        apiKey: "your API key",
    });
    const openaiApi = new openai.OpenAIApi(config);
    const picture = path.be a part of(__dirname, './picture.png');
    const file = fs.createReadStream(picture);

    strive {
        const createVariation = await openaiApi.createImageVariation(
            file,
            2,
            "1024x1024",
        )
        const consequence = createVariation.knowledge.knowledge;
        return res.standing(202).json({ imageUrl: consequence });

    } catch (error) {
        console.log(error.message);
        return res.standing(500).json({ message: error.message, error: error });
    }
})


app.pay attention(8080, () => {
    console.log('server began on port 8080');
})
Enter fullscreen mode

Exit fullscreen mode

Within the instance above we create two variations of 1 picture which implies our response shall be an array. Please ensure your picture is a sq. and a sound PNG in any other case this won’t work anymore.

Bonus
producing photos and creating variations could be very wonderful and stuffed with enjoyable however what if you wish to take the picture offered on the URL and write it to your native storage or the storage the place your server is operating ?πŸ€” the next performance does not have something in relation with openai library this perform if totally carried out with nod.js construct in capabilities, this course of could take sudden period of time since generated photos are a bit heavy

  const consequence = "your picture URL";
  const fetchFile = await fetch(consequence);
  const responseBlob = await fetchFile.blob();
  const arrayBuffer = await responseBlob.arrayBuffer();
  const buffer = Buffer.from(arrayBuffer);
 const filePath = path.be a part of(__dirname, './' + new Date() + ".png");

 const writeFileToDisc = fs.writeFileSync(filePath, buffer);

Enter fullscreen mode

Exit fullscreen mode

For this instance i take advantage of the present date for naming recordsdata in a novel style please be happy to make use of any methodology of your selection.

conclusion
Producing photos with DALL-E could be very wonderful and satisfying however there’s one other wonderful API far more epic and far more artistic if this text reaches greater than 100 likes I promise to put in writing one other article on find out how to work together with MID-JOURNEY, one thing that you’ll like for those who favored this text

do not forget to indicate some love by liking and following for extra contents.

Add a Comment

Your email address will not be published. Required fields are marked *

Want to Contribute to us or want to have 15k+ Audience read your Article ? Or Just want to make a strong Backlink?