Use RasaX and rasa-webchat at the same time

To run my rasa X, I change my rasa version like the photo




I want to show my chatBot on my own web no matter rasa chat widget or rasa-webchat both cannot work!!!

I’ve already set my credentials.yml like

socketio:
 user_message_evt: user_uttered
 bot_message_evt: bot_uttered
 session_persistence: true



- In rasa chat widget

  • index.html

    <html>
        <body>
            <div id="rasa-chat-widget" data-websocket-url="http://localhost:5005"></div>
            <script src="https://unpkg.com/@rasahq/rasa-chat" type="application/javascript"></script>
        </body>
    </html>
    
  • My web get this error

///////////////////////////////////////////////////////////

- In rasa-webchat

I guess this is a version problem someone said rasa-webchat need version 3.0.1 or up but rasaX need 2.8.1

So, if I use rasaX, then I can’t use rasa-webchat, is that true?

  • index.html

    <html>
        <body>
            <script>!(function () {
                let e = document.createElement("script"),
                  t = document.head || document.getElementsByTagName("head")[0];
                (e.src =
                  "https://cdn.jsdelivr.net/npm/rasa-webchat@1.0.1/lib/index.js"),
                  // Replace 1.x.x with the version that you want
                  (e.async = !0),
                  (e.onload = () => {
                    window.WebChat.default(
                      {
                        customData: { language: "en" },
                        socketUrl: "http://localhost:5005",
                        // add other props here
                      },
                      null
                    );
                  }),
                  t.insertBefore(e, t.firstChild);
              })();
              </script>
        </body>
    </html>
    
  • my web is blank, this is my error



@nik202 Can you help me??? please :cry: I’m so confused :kissing:

@angel08012000 Yes, sure, please don’t be sad. It’s easy peasy :slight_smile:

  1. Can you share with me an original file of credentials.yml
  2. Can you share with me the Sanic version using pip list whilst activating the conda env.

Now comes your major doubts:

Yes, that we can do and we will do it soon. I will guide you.

No, I guess it should work on any version. I personally implemented it on every version starting from 1.x and the latest 3.x using Rasa webchat (botfront)

I’m not sure what you basically meant by Rasa X needing 2.8.1? As you have installed rasa x local mode version 0.39.3 still you can not use it for the deployment of bot or production purposes.

Good luck!

@nik202 Thanks for your reply :smiling_face_with_three_hearts:

  1. this is my credentials.yml

    I use rasa init to create, and I only edit the part of socketio

    # This file contains the credentials for the voice & chat platforms
    # which your bot is using.
    # https://rasa.com/docs/rasa/messaging-and-voice-channels
    
    rest:
    #  # you don't need to provide anything here - this channel doesn't
    #  # require any credentials
    
    
    #facebook:
    #  verify: "<verify>"
    #  secret: "<your secret>"
    #  page-access-token: "<your page access token>"
    
    #slack:
    #  slack_token: "<your slack token>"
    #  slack_channel: "<the slack channel>"
    #  slack_signing_secret: "<your slack signing secret>"
    
    socketio:
    user_message_evt: user_uttered
    bot_message_evt: bot_uttered
    session_persistence: true
    
    #mattermost:
    #  url: "https://<mattermost instance>/api/v4"
    #  token: "<bot token>"
    #  webhook_url: "<callback URL>"
    
    # This entry is needed if you are using Rasa X. The entry represents credentials
    # for the Rasa X "channel", i.e. Talk to your bot and Share with guest testers.
    rasa:
     url: "http://localhost:5002/api"
    

  1. the result of pip list

    my Sanic version is 19.12.2

    (rasa3) xxx@xxx rasa-demo % pip list
    Package                 Version
    ----------------------- ------------
    absl-py                 0.13.0
    aio-pika                6.8.2
    aiofiles                0.8.0
    aiohttp                 3.7.4
    aiormq                  3.3.1
    alembic                 1.4.3
    APScheduler             3.7.0
    astunparse              1.6.3
    async-generator         1.10
    async-timeout           3.0.1
    attrs                   19.3.0
    bidict                  0.21.4
    boto3                   1.21.19
    botocore                1.24.19
    CacheControl            0.12.10
    cachetools              5.0.0
    certifi                 2021.10.8
    cffi                    1.15.0
    chardet                 3.0.4
    charset-normalizer      2.0.12
    clang                   5.0
    cloudpickle             1.6.0
    colorclass              2.2.2
    coloredlogs             15.0.1
    colorhash               1.0.4
    croniter                1.3.4
    cryptography            3.4.8
    cycler                  0.11.0
    dask                    2021.11.2
    decorator               4.4.2
    dm-tree                 0.1.6
    dnspython               1.16.0
    docopt                  0.6.2
    fbmessenger             6.0.0
    fire                    0.4.0
    flatbuffers             1.12
    fsspec                  2022.2.0
    future                  0.18.2
    gast                    0.3.3
    gitdb                   4.0.9
    GitPython               3.1.27
    google-auth             2.6.0
    google-auth-oauthlib    0.4.6
    google-pasta            0.2.0
    greenlet                1.1.2
    grpcio                  1.44.0
    h11                     0.8.1
    h2                      3.2.0
    h5py                    2.10.0
    hpack                   3.0.0
    hstspreload             2021.12.1
    httpcore                0.11.1
    httplib2                0.20.4
    httptools               0.4.0
    httpx                   0.9.3
    humanfriendly           10.0
    hyperframe              5.2.0
    idna                    2.10
    importlib-metadata      4.11.3
    isodate                 0.6.1
    jmespath                0.10.0
    joblib                  1.0.1
    jsonpickle              2.0.0
    jsonschema              3.2.0
    kafka-python            1.4.7
    keras                   2.6.0
    Keras-Preprocessing     1.1.2
    kiwisolver              1.4.0
    locket                  0.2.1
    Mako                    1.2.0
    Markdown                3.3.6
    MarkupSafe              2.1.1
    matplotlib              3.3.4
    mattermostwrapper       2.2
    msgpack                 1.0.3
    multidict               4.7.6
    networkx                2.5.1
    numpy                   1.18.5
    oauth2client            4.1.3
    oauthlib                3.2.0
    opt-einsum              3.3.0
    packaging               20.9
    pamqp                   2.3.0
    partd                   1.2.0
    pika                    1.2.0
    Pillow                  9.0.1
    pip                     22.0.4
    prompt-toolkit          2.0.10
    protobuf                3.19.4
    psycopg2-binary         2.9.3
    pyasn1                  0.4.8
    pyasn1-modules          0.2.8
    pycparser               2.21
    pydot                   1.4.2
    PyJWT                   2.0.0
    pykwalify               1.8.0
    pymongo                 3.10.1
    pyparsing               3.0.7
    pyrsistent              0.18.1
    pyTelegramBotAPI        3.8.3
    python-crfsuite         0.9.7
    python-dateutil         2.8.2
    python-editor           1.0.4
    python-engineio         4.3.0
    python-socketio         5.5.0
    pytz                    2021.3
    PyYAML                  6.0
    questionary             1.5.2
    randomname              0.1.5
    rasa                    2.8.1
    rasa-sdk                2.8.1
    rasa-x                  0.39.3
    redis                   3.5.3
    regex                   2021.7.6
    requests                2.25.1
    requests-oauthlib       1.3.1
    requests-toolbelt       0.9.1
    rfc3986                 1.5.0
    rocketchat-API          1.16.0
    rsa                     4.8
    ruamel.yaml             0.16.13
    ruamel.yaml.clib        0.2.6
    s3transfer              0.5.2
    sanic                   19.12.2
    Sanic-Cors              0.10.0.post3
    sanic-jwt               1.6.0
    sanic-plugin-toolkit    1.2.1
    Sanic-Plugins-Framework 0.9.5
    sanic-routing           0.7.2
    scikit-learn            0.24.2
    scipy                   1.8.0
    sentry-sdk              1.2.0
    setuptools              58.0.4
    six                     1.15.0
    sklearn-crfsuite        0.3.6
    slackclient             2.9.3
    smmap                   5.0.0
    sniffio                 1.2.0
    SQLAlchemy              1.4.32
    tabulate                0.8.9
    tarsafe                 0.0.3
    tensorboard             2.8.0
    tensorboard-data-server 0.6.1
    tensorboard-plugin-wit  1.8.1
    tensorflow              2.3.4
    tensorflow-addons       0.13.0
    tensorflow-estimator    2.3.0
    tensorflow-hub          0.12.0
    tensorflow-probability  0.13.0
    tensorflow-text         2.3.0
    termcolor               1.1.0
    terminaltables          3.1.10
    threadpoolctl           3.1.0
    toolz                   0.11.2
    tqdm                    4.63.0
    twilio                  6.50.1
    typeguard               2.13.3
    typing-extensions       3.7.4.3
    typing-utils            0.1.0
    tzlocal                 2.1
    ujson                   1.35
    urllib3                 1.26.8
    uvloop                  0.14.0
    wcwidth                 0.2.5
    webexteamssdk           1.6
    websockets              8.1
    Werkzeug                2.0.3
    wheel                   0.37.1
    wrapt                   1.12.1
    yarl                    1.7.2
    zipp                    3.7.0
    

  • about Rasa webchat

    OMG~ It’s a good news for me :rofl:



thanks again for your help~ :kissing_closed_eyes:

@angel08012000

Check the indentation of this code please or upload the original file .yml

socketio:
  user_message_evt: user_uttered
  bot_message_evt: bot_uttered
  session_persistence: true

At the time of suggesting this solution, it was Rasa Open Source 2.8.1 ( stable version) best fit for the installation, you can extend now up to 2.8.15. So, yes you clearly misunderstand this :wink:

I hope this will help you?

@nik202

I found the problem about indentation, and fixed it. Thanks :smiling_face_with_three_hearts:

But there are other errors :sob:

In rasa X, my bot responses me

But in the web, no matter in rasa chat widget or in rasa-webchat can’t work




thank you for your help, and now I understand the question of version :smiling_face_with_three_hearts:

@angel08012000 share with me the command you are using for running rasa?

@nik202

conda activate rasa3 (To activate my environment)

rasa run -m models --enable-api --cors "*"

@angel08012000 hmmm strange. Do you want me to assist you online?

@nik202 Sure! But I’m outside now

Do you have time in 3/22(Tue) PM7:00(UTC+8)…?

And~ Can we use discord, or …?

Btw my English is not good :sob:

Thank you so much!!! :smiling_face_with_three_hearts: :smiling_face_with_three_hearts: :smiling_face_with_three_hearts:

@angel08012000 share your email id, please. I am sorry I am not active so missed your message.

@nik202 It’s ok :blush:

Thank you soooo much :smiling_face_with_three_hearts:

@nik202 wanted to know if the issue was resolved as I’m about to undertake the same activity. If there was an error in setup can you please share?

@angel08012000 please use these commands:

cross-check the rasa version

pip install rasa==2.8.1
pip install rasa-sdk==2.8.1

and then use the command:

rasa run -m models --enable-api --cors "*" --debug

I hope this will help you.