リトルビッグプラネット™2でアップロードchatbotを作成する最も簡単な方法0

どのようにFreakin ' Livin 'を作成する方法を想像する' Kickin 'チャットボットXPの0?それから私の勇敢なdevを恐れない、ここで我々はchatbots王国を征服する!ああ!誰が興奮?

ステップ0 :プロジェクトを開始する
さて、“NPMのinit”の村からのすべての素晴らしいストーリーinitとして.冒険をしましょう.
あなたの最愛のエディタで開くフォルダを作成します.次に、次のコマンドを入力します

npm init -y

( package . jsonファイルをダウンロードしてダウンロードするパッケージをすべて追跡します.
今すぐアプリを作成します.TSファイルは、冒険を開始しましょう!

ステップ1 :サーバーとAPIを作成する
ボットが生きるAPIを作りましょう.あなたは何を使用することができますrestify、HAPI、ループバック、エクスプレスまたは何か.私は急行でgoin 'です.なぜ?それが表現hayであるので!
TypesScriptで急行サーバーを作成する方法について少し失われる人々のために
要するに(詳細は、上記のチェックアウト).
0 .パッケージのインストール

npm i typescript ts-node express @types/node @types/express

1 . init tsconfig (既にインストールされているタイプを確認してください.

tsc --init

我々のアプリのサーバーを作成します.TSファイル

import express, { Request, Response } from 'express';





// -------------------firing express app
const app = express();
app.use(express.json());
app.use(express.urlencoded({extended:false}));




// -------------------routes
app.get('/api/messages', (request: Request, response: Response)=>{
  // this is where our bot will live after her birth
  console.log(request.url)
  response.json({ message: `Welcome to the home of the bot!` })
});



// --------------------Listen
const PORT = process.env.PORT || 5000;
app.listen(PORT, ()=>{
  console.log(`Server running on PORT ${ PORT }`);
})

サーバーをテストするには、TSノードアプリケーションを実行します.TSとlocalhostへのアクセス

ステップ2:我々のボットを作成しましょう
今ボットを作りましょう.まずボットという名前のファイルを作成します.ここで我々は我々の甘い小さなボットを構築する場所です.
しかし、まず第一に、我々のロボットを造るパッケージとツールが必要です.それで、NPMで我々の目録から彼らを得ましょう.
次のコマンドを入力して、コアSDKパッケージをインストールします.

npm i botbuilder

今すぐ楽しいものは、最後にボットを作成しましょう

import { TurnContext } from "botbuilder";






// __________________THE BOT
export default class SillyBot {

  constructor() { }


  /* 
  onTurn() method is the CORE method that starts the bot, 
  all root bot logics go inside it, 
  anything you want your bot to do mainly go inside it.
  It will be fired on that API endpoint
  */
  async onTurn(context: TurnContext) {
    if (context.activity.type === 'message') { 
    /*
     users can do many things to our sweet bot, 
     here we are only interested if the user sent a message to it
    */

      await context.sendActivity(`You said : ${context.activity.text}`);
      /*
     what message user sent to the bot is inside this "context.activity.text" property.
     for those sweetest mates who are curious, console.log(context) to explore wonders!
      */
    }
  }

}

神聖なチーズとクラッカー!イッピー!我々はちょうど我々の非常に最初のボットを作った!まあ、まだかなり男の子(または女の子)!はい、我々はそれを作成しました、しかし、それはその正当な家庭の権利でありません?つまり、APIの終点に住んでいるわけではない.彼女を彼女の正当な家(またはAPI私が意味する)に置きましょう!とにかく
オープンアプリ.そして、ボットインスタンスを作成しましょう、我々が作成したボットを覚えています.そして、我々全員は、我々の古典的なクラスについて知っています!

const mySillyBot = new SillyBot()

haha、今ボットは、ボットのクリエイターマシンから作成されました!それではアダプタを作りましょう.どのようなアダプタを尋ねる?それは私たちの愚かな小さなボットのための個人的なアシスタント(PA)は、(このPA)彼女は(私たちのボット)の要求と応答のオブジェクトは、彼女は(私たちのボット)彼女は何を行うことができますから彼女のパスを渡すだろう.もう一つのこと、なぜ我々は我々のボットのPAを必要とするのですか?まあ、かなり簡単な答えは、まず、私たちのボットは愚かであり、父(または母)である、我々は孤独なアパートで悲しい感じ、彼女は一人であることを望んでいない.だから、彼女の姉は、“アダプター”ミス彼女と同行し、彼女のタスクで彼女を助けることができます.
アダプタを作成し、そのAPIにボットを配置する

import { BotFrameworkAdapter, TurnContext } from 'botbuilder';
// _________creating an adapter
const adapter = new BotFrameworkAdapter({
  appId: "",
  appPassword: "",
});



// __________the bot
const mySillyBot: SillyBot = new SillyBot()


// -------------------routes
app.post('/api/messages', (request: Request, response: Response)=>{
  // this is where our bot will live after her birth
  console.log(request.url)

  adapter.processActivity(request, response, async (context: TurnContext) => {
    await mySillyBot.onTurn(context); //__________our bot is now listening on this API endpoint
  })
});

重要な注意:私たちはボットAPIを確保するために[ [. app . get () ]]とPOST ["app . post ()]を置き換えました
すべてのこれらの変更後、我々のアプリ.TSは今のように見える

import express, { Request, Response } from 'express';

import { BotFrameworkAdapter, TurnContext } from 'botbuilder';
import SillyBot from './bot';




// -------------------firing express app
const app = express();
app.use(express.json());
app.use(express.urlencoded({extended:false}));



// _________creating an adapter
const adapter = new BotFrameworkAdapter({
  appId: "",
  appPassword: "",
});



// __________the bot
const mySillyBot: SillyBot = new SillyBot()



// -------------------routes
app.post('/api/messages', (request: Request, response: Response)=>{
  // this is where our bot will live after her birth
  console.log(request.url)

  adapter.processActivity(request, response, async (context: TurnContext) => {
    await mySillyBot.onTurn(context); //__________our bot is now listening on this API endpoint
  })
});



// --------------------Listen
const PORT = process.env.PORT || 5000;
app.listen(PORT, ()=>{
  console.log(`Server running on PORT ${ PORT }`);
})

イッピー、幸せに幸せにあなたのボットは、APIのアパートメントに定住を参照してくださいに?しかし、父(または母)である方法は、彼女がOKであるということを知っています.
だから彼女とチャットしましょう.でもどうやって?私たちは彼女と電話をするために私たちの電話を使用することができませんので、私たちは彼女を展開していませんでした.
心配しないで、“botFrameworkエミュレータ”を使用してみましょう、それはチャット環境(チャットのインターフェイス)をエミュレートするエミュレータです.さあ、これで解決しましょう、しかし、あなたがあなたのボットを配備したならば.その後、任意のチャットアプリケーションから、任意のチャットアプリケーションでは、チャットのインターフェイスとの任意のfreakinアプリにTwitter、WhatsApp、Twitterからチャットできます.しかし、今のところ、エミュレータを使用しましょう.
あなたがまだそれを持っていないならば、この関連からエミュレータをダウンロードしてください
https://github.com/Microsoft/BotFramework-Emulator/releases/tag/v4.14.0
ダウンロードしてインストールした後、それを開くと、このようなものが表示されます

今すぐクリックして“オープンボット”とそれはこのような表示されます

あなたのボットが生きているURL(API終点)をタイプしてください、我々のケースのために、それはhttp://localhost:5000/api/messagesです.次に、接続してください(ただし、その前に、サーバーが動作していることを確認してください.そのサーバーを実行するには、プロジェクトのノードにTSノードapp . tsを入力します).
今すぐcongrats、メッセージングプレイスは準備ができて!今すぐ無料であなたの最愛の小さなボット一日中一晩中とチャットを感じる!

今、私たちのボットが愚かで、我々が言うものを繰り返すことができるのを心配しているすべてのそれらの心配している父親と母のために.
私は、私たちのボット超スマートを使用して、別の素敵な週末にドロップする可能性があります私たちの愚かなボットは非常に彼女の任意のfreakin ';のことを尋ねることができますので、非常にスマートにsooになるsooになると、彼女は返信されます/あなたに最も驚くべき方法で説明します.その後、彼女は教師、レストランの呼び出しを行うことができます/注文レシーバー、フライトブック、ストーリーテラー、または主婦、または甘い友人がカジュアルに退屈をドライブする話をする.それで、あなたは興奮しているかどうか感じますか?確かだから!
我々は、Luis、QNAメーカーと他のクールなAIと機械学習ものを使用しているよ!

次は何ですか.

1 .何かできるように改良されたAI bot

ボット、ウェブdev、およびその他に関する他のクールなもの

JavaScript/typescriptとより多くの非常識なもの

何か疑いが?
コメントをドロップするか、私に連絡して無料@ @
私についてもっと知りたいですか?ここに来なさい!
SilvenLEAF.github.io