NoodlでのWeavyの使用
Weavyは、アプリにコラボレーション機能を追加するためのサービスです。チャット、フィード、ファイル共有/編集 を、一から構築するのにかかる時間の一部で統合できます。このテンプレートは、素早く始めるために必要なユーザー管理、認証、Weavyアプリ登録を設定します。
前提条件
Weavyに接続するためには、WeavyアカウントとAPIキー、環境URLが必要です。まだお持ちでない場合は、こちらの便利なガイドをご覧ください。
バックエンドの設定
APIキーと環境URLを入手したら、Noodl Cloud ServiceのConfigパラメーターにそれらを追加する必要があります。上のサムネイルにあるプロジェクトテンプレートをまだインポートしていない場合は、今がそのチャンスです。
新しく作成されたプロジェクトを開いて、サイドバーのCloud Servicesタブをクリックし、作成されたWeavy関連のクラウドサービスを探します。
Use in editorボタンがすでに使 用されていない場合は、クリックしてください。次にOpen dashboardをクリックします。
ダッシュボードのConfigタブに移動します。Create a parameterボタンをクリックして、WeavyAPIKeyとWeavyEnvUrlという名前の2つのパラメーターを作成します。
これらは大文字と小文字を区別するので、確認を忘れないでください。また、TypeとRequires master keyにも注意してください。
これで、始めるために必要なすべてが揃いました。
テンプレートの構造
テンプレートには、ログアウトしているユーザーがアクセスできるページと、ユーザーがログインした後にアクセスできるページ用の2つのルーターがあります。
Weavyアプリを使用するには、ユーザーがアカウントを持ち、ログインしている必要があります。このためには、SignupとLoginという2つのページがあります。すべてのページはコンポーネントパネル で見つけることができます。
Weavyアプリの作成
ログインした後の3つのスタイルが未設定の例示ページがあります。Chat、Files、Postsは、それぞれのWeavyアプリChat、Files、Postsを使用しています。それぞれ基本的なページレイアウトを含んでいますが、最も重要なのはWeavy Appコンポーネントです。
Weavy Appコンポーネントには2つの目的があります - Weavy環境にWeavyアプリを登録すること（すでに登録されていない場合）、およびそれをレンダリングすること。初期設定では3つの設定があります：
- UID: 登録したいアプリの一意のIDです。
- Type: 使用したいWeavyアプリのタイプです。
- Height: Weavyアプリをレンダリングする高さです。
UIDには任意の文字列を選ぶことができますが、スペースを含むことはできず、少なくとも1つの非数字文字を含む必要があります。
新しいUIDでWeavy Appを作成したが、ページに表示されない場合は、Weavyアプリがまだ登録されていない可能性があります。テンプレートアプリを初めて実行する場合も同様です。
これを解決するには、Weavy Appコンポーネントが存在するページをリロードしてみてください。これにより、新しいUIDで新しいアプリを登録するためのWeavyサーバーへのリクエストが送信されます。
アプリの登録は一度だけ行う必要があるので、この問題は開
発中にのみ発生します。
Weavy AppのTypeを変更する場合、登録が正しく機能するために新しいUIDを付ける必要があります。
Weavy App コンポーネントの変更
Weavy Appコンポーネントをそのまま使用することもできますが、おそらくカスタマイズして自分のものにしたいでしょう。これを行う最良の方法は、コンポーネントを複製して中にあるスクリプトノードを編集することです。
この方法では、異なる方法で動作する複数のWeavyアプリを持つことができ、常に統合のクリーンなバックアップがあります。
Weavyのカスタマイズについては、こちらで詳しく読むことができます。