Bắt đầu với OpenAI API trong JavaScript

Feb 15 2023

Tìm hiểu cách sử dụng OpenAI API trong JavaScript để xây dựng các ứng dụng hỗ trợ AI. Hướng dẫn này bao gồm các ví dụ về cài đặt, xác thực và mã Không có gì bí mật khi ChatGPT đã gây bão trên toàn thế giới.

Tìm hiểu cách sử dụng OpenAI API trong JavaScript để xây dựng các ứng dụng hỗ trợ AI. Hướng dẫn này bao gồm các ví dụ về cài đặt, xác thực và mã

Ảnh của Khỉ Rock'n Roll trên Bapt

Không có gì bí mật khi ChatGPT đã gây bão trên toàn thế giới. Tất cả chúng ta đã chứng kiến sự phổ biến của nó tăng vọt gần như chỉ sau một đêm. Tuy nhiên, điều mà nhiều người có thể không nhận ra là OpenAI, công ty đứng sau ChatGPT, đã phát triển một giao diện ứng dụng cung cấp quyền truy cập vào nhiều khả năng xử lý ngôn ngữ thậm chí còn ấn tượng hơn.

Bằng cách tích hợp API của OpenAI vào các dự án hiện tại của mình, bạn có thể khai thác sức mạnh của công nghệ xử lý ngôn ngữ của họ để thực hiện các tác vụ như dịch thuật, tóm tắt, trả lời câu hỏi và thậm chí tạo ý tưởng. Điều này có thể giúp bạn đưa các dự án của mình lên một tầm cao mới và cung cấp trải nghiệm vượt trội cho người dùng của bạn.

Trong hướng dẫn này, tôi sẽ hướng dẫn bạn quy trình thiết lập một dự án Node.js hoàn toàn mới tương tác với API của OpenAI từ đầu. Chúng tôi sẽ đề cập đến mọi thứ từ việc lấy các khóa API của bạn đến việc thực hiện các yêu cầu HTTP tới API.

điều kiện tiên quyết

Để làm việc hiệu quả thông qua hướng dẫn API JavaScript OpenAI thân thiện với người mới bắt đầu này, sẽ rất hữu ích nếu có những điều sau:

Node.js được cài đặt trên máy của bạn.
Quen thuộc với ngôn ngữ JavaScript.

Cách lấy khóa API OpenAI
Cách thiết lập dự án và cài đặt các gói NPM có liên quan
Cách tạo nội dung bài đăng trên blog bằng API OpenAI

Tạo khóa API

Để tạo khóa API cho API OpenAI, bạn cần đăng ký tài khoản trên trang web OpenAI tạihttps://beta.openai.com/signup/

Ảnh chụp màn hình bảng điều khiển OpenAI

Khi bạn đã đăng ký và đăng nhập, bạn sẽ có thể tạo khóa API mới bằng cách tìm menu hồ sơ của bạn trên trang web và nhấp vào nút “ Xem khóa API ”.

Trong trang Khóa API, nhấp vào nút “Tạo khóa API”. Sau khi tạo khóa API, bạn sẽ có thể xem khóa đó trên trang khóa API, nơi bạn cũng có thể quản lý và thu hồi khóa nếu cần.

Thiết lập dự án

Được rồi, điều đầu tiên cần làm trước tiên — hãy thiết lập dự án nút của chúng ta bằng cách sử dụng npm initvà tạo một cấu trúc thư mục đơn giản để giữ cho mã của chúng ta được tổ chức. Vì hướng dẫn này là một phần của loạt bài về Tự động hóa WordPress bằng JavaScript, nên chúng tôi sẽ cố gắng sắp xếp hợp lý khi thực hiện.

Cấu trúc thư mục của chúng tôi trông giống như thế này:

wordpress-automation
 ┣ node_modules
 ┣ src
 ┃ ┣ openai
 ┃ ┃ ┗ OpenAI.js
 ┣ .env
 ┣ .gitignore
 ┣ .prettierrc
 ┣ index.js
 ┣ package-lock.json
 ┗ package.json

npm install openai dotenv

Tuy nhiên, xin lưu ý rằng gói này hiện đang ở giai đoạn thử nghiệm và có thể thay đổi. Bạn luôn có thể kiểm tra phiên bản mới nhất trên kho lưu trữ openai-node GitHub.

Chúng tôi cũng sử dụng dotenvđể xử lý các khóa API của mình. Tôi sẽ không đi vào chi tiết về nó vì có rất nhiều tài nguyên trực tuyến, nhưng nếu bạn muốn tìm hiểu thêm về chúng, hãy cho tôi biết và tôi có thể nói sâu hơn về chúng trong một bài viết khác.

Tạo bài đăng trên blog bằng API OpenAI

// OpenAI.js

import { Configuration, OpenAIApi } from 'openai';
export class OpenAI {
    constructor(apiKey) {
        // Create the Configuration and OpenAIApi instances
        this.openai = new OpenAIApi(new Configuration({ apiKey }));
    }
    // Asynchronous function to generate text from the OpenAI API
    async generateText(prompt, model, max_tokens, temperature = 0.85) {
        try {
            // Send a request to the OpenAI API to generate text
            const response = await this.openai.createCompletion({
                model,
                prompt,
                max_tokens,
                n: 1,
                temperature,
            });
            console.log(`request cost: ${response.data.usage.total_tokens} tokens`);
               // Return the text of the response
            return response.data.choices[0].text;
        } catch (error) {
            throw error;
        }
    }
}

Chúng tôi đã tạo một hàm được gọi generateText()là có bốn tham số đầu vào:

prompt: Đây là văn bản mà bạn muốn sử dụng làm điểm bắt đầu cho văn bản được tạo.
model: Đây là tên của mô hình mà bạn muốn sử dụng để tạo văn bản. Nó có thể là bất kỳ mô hình nào có sẵn trên OpenAI API.
max_token: Đây là số lượng mã thông báo (nghĩa là từ hoặc cụm từ) tối đa mà bạn muốn chứa văn bản được tạo.
temperature: Đây là giá trị từ 0 đến 1 kiểm soát tính ngẫu nhiên của văn bản được tạo. Nhiệt độ cao hơn có nghĩa là nhiều ngẫu nhiên hơn, trong khi nhiệt độ thấp hơn có nghĩa là văn bản đầu vào giống với văn bản hơn.

Về cơ bản, điều này được thực hiện dễ dàng vì thư viện openai xử lý tất cả các chi tiết kết nối trong lớp OpenAIApi và tạo văn bản trong generateText() hàm.

// index.js

import { OpenAI } from "./src/openai/OpenAI.js";
import dotenv from 'dotenv';
dotenv.config();
// Creating a new instance of the OpenAI class and passing in the OPENAI_KEY environment variable
const openAI = new OpenAI(process.env.OPENAI_KEY);
const topic = 'NodeJs';
const model = 'text-davinci-003';
// Function to generate the prompt for the OpenAI API 
// In the future, it will be moved to a helper class in the next code review
const generatePrompt = (topic) => {
    return `Write an blog post about "${topic}", it should in HTML format, include 5 unique points, using informative tone.`
};
// Use the generateText method to generate text from the OpenAI API and passing the generated prompt, the model and max token value
await openAI.generateText(generatePrompt(topic), model, 800)
    .then(text => {
        // Logging the generated text to the console
        // In the future, this will be replaced to upload the returned blog text to a WordPress site using the WordPress REST API
        console.log(text);
    })
    .catch(error => {
        console.error(error);
    });

Sau đó, chúng tôi đã tạo hằng số chủ đề mà chúng tôi sẽ sử dụng để thực hiện lời nhắc truy vấn cuối cùng bằng cách chuyển nó vào phương generatePromptthức.

Cuối cùng, chúng tôi chạy generateTextphương thức bằng cách chuyển vào tất cả các tham số cần thiết và chúng tôi ghi nhật ký nội dung blog được trả về ở định dạng HTML trong bảng điều khiển.

[Running] node "d:\Work\wordpress\JavaScript Guide\wordpress-automation\index.js"
request cost: 617 tokens
<h1>5 Reasons To Use Node.js for Your Next Web Development Project</h1>
<p>Node.js has quickly become one of the most popular JavaScript frameworks for web development. Node.js is an open-source, cross-platform runtime environment for server-side and networking applications. It's a powerful tool to use when building dynamic web applications.</p>
<p>Here are 5 reasons why you should consider using Node.js for your next web development project.</p>
<h2>1. Speed and Scalability</h2>
<p>Node.js is known for it's speed and scalability. By using the JavaScript runtime environment, applications can be written in a single language to run on both the client and server-side. This makes it easier to develop and debug applications, as well as providing better performance than other server-side languages.</p>
<h2>2. Modular Architecture</h2>
<p>Node.js uses a modular architecture where code can be divided into reusable components. This makes it easier to develop complex applications, as well as making them more maintainable and scalable. Node.js modules are also extensively used in the development of web servers and other server-side applications.</p>
<h2>3. Easy to Learn</h2>
<p>Node.js is an easier language to learn than traditional server-side languages. Because it's based on JavaScript, developers who are familiar with JavaScript will find it more intuitive to use than other server-side languages. Additionally, Node.js comes with a large library of useful modules that makes developing complex applications much easier.</p>
<h2>4. Support for Multiple Platforms</h2>
<p>Node.js is supported on multiple platforms including Windows, Linux, and Mac OS. This makes it easier to develop applications that can be used on different operating systems, and it also makes it easier to share code with other developers who may have different systems.</p>
<h2>5. Community Support</h2>
<p>Node.js has a large community of developers who are willing to share their knowledge and expertise. This makes it easier to get help or find solutions to any problems that may arise during the development process. Additionally, the Node.js community is constantly developing new modules to help make development easier and faster.</p>
<p>If you're looking for an efficient and powerful web development solution, then Node.js is a great choice. With its speed, scalability, and modular architecture, Node.js is capable of creating powerful, dynamic web applications. Additionally, its support for multiple platforms, as well as its large community, make it a great choice for developers of all levels.</p>
[Done] exited with code=0 in 22.579 seconds

Một bài đăng trên blog WordPress do AI tạo ra

Vâng đúng vậy! Chỉ với một vài dòng mã, tôi đã có thể sử dụng điểm cuối Hoàn thành của API OpenAI và mô hình davinci để tạo bài đăng blog này ở định dạng và cấu trúc sẵn sàng cho WordPress. Nó là dễ dàng.

Phần kết luận

Việc tích hợp API OpenAI với Node.js thật dễ dàng. Chỉ với một vài dòng mã JavaScript và gói OpenAI được cài đặt, bạn có thể bắt đầu tạo các dự án AI tuyệt vời. Việc làm quen với JavaScript là tất cả những gì cần thiết và việc đọc tài liệu API OpenAI sẽ dạy cho bạn mọi thứ bạn cần biết.

Giờ đây, bạn đã có kiến thức và công cụ để bắt đầu làm việc với API OpenAI, hãy thỏa sức sáng tạo và phát triển dự án AI tuyệt vời tiếp theo