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

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

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

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

1

プロジェクトの初期化

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

morph new chat-app
2

パッケージをインストールする

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

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 にアクセスして、アプリを開きます。

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

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