AIアプリの構築

3分ではじめてのAIアプリを完成させましょう。

はじめてのMorphアプリを構築する

Morphを使った初めてのAIアプリとして、Langchainを使ったチャットアプリを作成します。

Morph CLIのセットアップが完了していない場合は、インストールのドキュメントを参照して、CLIをインストールしてください。

このチュートリアルでは、OpenAIのAPIキーが必要です。APIキーを取得するには、OpenAIのサイトにアクセスしてください。

1. プロジェクトの初期化

   ターミナルで以下のコマンドを実行して、新しいプロジェクトを作成します。

   morph new chat-app
   
2. パッケージをインストールする

   Langchainを使うために、以下のコマンドを実行してパッケージをインストールします。

   pip

   pip install langchain langchain-openai
   
3. chat.pyを作成する

   src/python ディレクトリに chat.py ファイルを作成します。

   src/python/chat.py

   import morph
   from morph import MorphGlobalContext
   from langchain_openai import ChatOpenAI
   from langchain_core.messages import HumanMessage
   
   @morph.func
   def langchain_chat(context: MorphGlobalContext):
       llm = ChatOpenAI(model="gpt-4o")
       messages = [HumanMessage(context.vars["prompt"])]
       for token in llm.stream(messages):
           yield token.content
   
4. index.mdxを編集する

   先ほど作成したPython関数を使用するために、index.mdxを編集します。

   src/pages/index.mdx

   # 🦜🔗 Langchain Chat
   
   <Chat postData="langchain_chat" height={300} />
   
5. .envにAPIキーを追加する

   .env ファイルにOpenAIのAPIキーを追加します。

   .env

   OPENAI_API_KEY=your_api_key
   
6. ローカルサーバーを起動する

   ターミナルで以下のコマンドを実行して、開発サーバーを起動します。

   morph serve
   

   localhost:8080 にアクセスして、アプリを開きます。

シンプルなチャットアプリを構築するために必要なコードの全ては、以下の通りです。たったこれだけです！

src/python/chat.py

import morph
from morph import MorphGlobalContext
from langchain_openai import ChatOpenAI
from langchain_core.messages import HumanMessage

@morph.func
def langchain_chat(context: MorphGlobalContext):
    llm = ChatOpenAI(model="gpt-4o")
    messages = [HumanMessage(context.vars["prompt"])]
    for token in llm.stream(messages):
        yield token.content