1,999 판독값

OpenAI API를 사용하여 AI 기반 앱 만들기

~에 의해 AppDesign.dev4m2023/10/11

너무 오래; 읽다

App Design은 모바일 앱 환경에 혁명을 일으키겠다는 비전에서 탄생했습니다. 미래 지향적인 개발자들로 구성된 팀을 통해 이 회사는 지속적으로 기술 발전에서 앞서 나가고 있습니다. 이들은 기업과 개인 모두의 고유한 요구 사항을 충족하는 다양한 범위의 앱 개발 서비스를 제공합니다.

featured image - OpenAI API를 사용하여 AI 기반 앱 만들기

OpenAI API를 사용하여 AI 기반 앱을 만들려면 앱 디자인, 개발 환경 설정, 앱 디자인 코딩, OpenAI API와의 통합 등 여러 단계가 필요합니다. 다음은 Python과 Flask와 같은 웹 프레임워크를 사용하는 단계별 가이드입니다.

1. 전제조건:

코딩을 시작하기 전에 환경이 설정되었는지 확인하세요. Python 설치는 필수이며, 종속성을 관리하려면 가상 환경을 설정하는 것이 좋습니다. 웹 앱을 생성하고 HTTP 요청을 수행하는 데 각각 필요한 pip를 사용하여 Flask 및 요청 라이브러리를 설치합니다.

Python: Python이 설치되어 있습니다.
OpenAI 계정: OpenAI에 계정을 생성하고 API 키를 획득합니다.

2. 종속성 설치:

Flask: Python용 마이크로 웹 프레임워크입니다.
요청: Python에서 HTTP 요청을 만들기 위한 라이브러리입니다.

pip를 통해 다음을 설치할 수 있습니다.

 pip install flask pip install requests

3. Flask 앱 만들기:

기본 Flask 앱을 만드는 것부터 시작해 보세요. 여기에는 Flask 애플리케이션을 초기화하고, HTML 템플릿을 렌더링하도록 라우팅하고, 앱을 실행하는 간단한 Python 스크립트 작성이 포함됩니다. HTML 템플릿은 후속 단계에서 생성됩니다.

app.py 라는 새 파일을 만들고 다음 코드를 작성하여 기본 Flask 앱을 설정합니다.

 from flask import Flask, render_template, request import openai app = Flask(__name__) @app.route('/') def index(): return render_template('index.html') if __name__ == '__main__': app.run(debug=True)

4. HTML 템플릿 생성:

'templates' 폴더 내에 'index.html' 파일을 생성합니다. HTML 파일에는 사용자가 텍스트 프롬프트를 입력할 수 있는 양식이 포함되어 있어야 합니다. 그런 다음 프롬프트가 OpenAI API로 전송되어 해당 AI 기반 응답을 생성합니다.

templates 라는 새 폴더를 만들고 이 폴더 안에 index.html 이라는 새 파일을 만듭니다.

 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AI App with OpenAI API</title> </head> <body> <form action="/generate" method="post"> <textarea name="prompt" placeholder="Enter your prompt"></textarea> <button type="submit">Generate</button> </form> {% if response %} <div> <p>{{ response }}</p> </div> {% endif %} </body> </html>

5. OpenAI API 통합:

사용자 입력을 기반으로 생성된 텍스트를 얻기 위해 POST 요청을 수행하여 OpenAI API를 통합합니다. OpenAI 계정을 설정하고 인증을 위해 제공된 API 키를 사용해야 합니다. openai.Completion.create 메서드는 API와 상호 작용하여 사용자의 프롬프트를 보내고 그 대가로 AI 생성 텍스트를 받는 데 사용됩니다.

OpenAI API에서 생성된 텍스트를 가져오려면 POST 요청을 해야 합니다. app.py 파일을 업데이트합니다.

 from flask import Flask, render_template, request, redirect, url_for import openai app = Flask(__name__) openai.api_key = 'your-openai-api-key' @app.route('/') def index(): return render_template('index.html') @app.route('/generate', methods=['POST']) def generate(): prompt = request.form['prompt'] response = openai.Completion.create( engine="davinci", prompt=prompt, max_tokens=50 ) generated_text = response.choices[0].text.strip() return render_template('index.html', response=generated_text) if __name__ == '__main__': app.run(debug=True)

6. 앱을 실행합니다:

그런 다음 AI 생성 콘텐츠가 동일한 페이지의 사용자 프롬프트 아래에 표시되어 사용자가 AI의 응답을 빠르게 확인할 수 있는 대화형 경험을 제공합니다.

 python app.py

웹 브라우저에서 http://127.0.0.1:5000/ 방문하면 앱이 실행되는 것을 볼 수 있습니다.

7. 앱 배포(선택 사항):

앱을 웹 서버나 Heroku, AWS, Google Cloud Platform과 같은 클라우드 플랫폼에 배포하여 인터넷을 통해 액세스할 수 있도록 할 수 있습니다.

앱을 배포하기 전에 코드를 최적화하고, 보안 조치를 강화하고, 사용자 경험이 원활한지 확인하세요. 웹 서버나 AWS, Heroku, Google Cloud와 같은 클라우드 플랫폼에 애플리케이션을 배포하여 전 세계에서 액세스할 수 있도록 하세요.

참고: OpenAI API 키를 보호하고 공개 저장소에 푸시하거나 클라이언트 측 코드에 노출하지 마십시오. 또한 앱을 더욱 강력하고 사용자 친화적으로 만들기 위해 오류 처리 및 기타 필요한 기능을 추가하는 것을 고려해보세요.

OpenAI API를 사용하여 AI 기반 앱을 만드는 데 도움이 되기를 바랍니다. API를 효과적이고 책임감 있게 사용하는 방법에 대한 자세한 내용은 OpenAI 설명서를 검토하세요.

추가 AI 모델을 구현하거나 특정 사용 사례 및 산업에 맞게 AI 응답을 사용자 정의하는 등 OpenAI API의 다른 기능을 탐색하여 앱 기능을 확장하는 것이 좋습니다. 윤리적이고 책임감 있는 AI 활용을 촉진하려면 항상 OpenAI의 사용 사례 정책을 준수해야 합니다.

L O A D I N G
. . . comments & more!

About Author

AppDesign.dev@appdesigndev

App Developer

Read my stories Visit my Website