Chat را به برنامه‌های AppSheet خود اضافه کنید

۱. قبل از شروع

برنامه‌های چت، برنامه‌های تحت وب یا سرویس‌هایی هستند که در گوگل چت اجرا می‌شوند. AppSheet اکنون می‌تواند هر برنامه AppSheet را به عنوان یک برنامه چت اجرا کند. پس از فعال شدن و انتشار، آنها یک فاکتور فرم اضافی برای داده‌های ارائه شده در برنامه‌های AppSheet ارائه می‌دهند.

آنچه یاد خواهید گرفت

  • چگونه یک برنامه نمونه الگوی موجود را انتخاب کنیم و برنامه‌های چت را برای آن فعال کنیم.
  • نحوه سفارشی‌سازی رفتار برنامه چت.
  • چگونه برنامه چت خود را به فضای چت Workspace موجود اضافه کنید.
  • نحوه ساخت اتوماسیون چت که پیام‌ها را به یک فضای چت ارسال می‌کند.

آنچه خواهید ساخت

این آزمایشگاه کد به شما آموزش می‌دهد که چگونه یک برنامه قالب موجود را انتخاب کنید و سپس آن را به عنوان یک برنامه چت فعال، پیکربندی و منتشر کنید. سپس نحوه اضافه کردن برنامه چت به یک فضای چت موجود برای پخش پیام‌های چت از طریق اتوماسیون را نشان می‌دهد.

آنچه نیاز دارید

  • دسترسی به محیط توسعه AppSheet ( appsheet.com ).

۲. برنامه الگوی Simple Inventory را کپی کنید

برای شروع، برنامه Simple Inventory Template را کپی کنید. این برنامه سپس در این codelab قابلیت چت دارد.

  1. به صفحه اصلی AppSheet ( appsheet.com ) بروید و سپس روی Create > App > Start with a template کلیک کنید.

ایجاد برنامه با یک الگو شروع کنید.

  1. در کارت برنامه الگوی موجودی ساده ، روی کپی کلیک کنید.

روی کپی در الگوی موجودی ساده کلیک کنید.

  1. در پنجره‌ی «شبیه‌سازی برنامه» ، نام برنامه را «چت موجودی ساده» بگذارید.

پنجره‌ی گفتگوی برنامه را شبیه‌سازی کنید.

یک کپی جدید از برنامه‌ی قالب ایجاد شده و در ویرایشگر AppSheet بارگذاری می‌شود.

کپی الگوی برنامه موجودی ساده در ویرایشگر Appsheet.

  1. همزمان با بارگذاری برنامه، به هشداری در مورد اینکه ربات‌ها فقط به صاحب برنامه ایمیل ارسال می‌کنند، توجه کنید، زیرا هنوز مستقر نشده است. برای فعال کردن چت، باید برنامه مستقر شده باشد، بنابراین با کلیک روی صفحه مدیریت در ویرایشگر، برنامه را مستقر کنید. سپس روی انتشار کلیک کنید و سپس روی انتقال برنامه به حالت مستقر کلیک کنید.

استقرار برنامه.

۳. یک برنامه چت جدید ایجاد و سفارشی کنید

مراحل بعدی نحوه ایجاد یک برنامه چت جدید در برنامه AppSheet فعلی را نشان می‌دهد.

برنامه چت را ایجاد کنید

  1. برای مشاهده تنظیمات چت، به صفحه تنظیمات چت در ناوبر AppSheet بروید.

صفحه تنظیمات چت در ویرایشگر AppSheet.

  1. برای شروع تنظیم برنامه چت، روی ایجاد کلیک کنید.
  2. در پنجره‌ی فعال‌سازی ، برای ادامه روی «بعدی» کلیک کنید.

تصویر گفتگو را فعال کنید.

مهم: پیامی ظاهر می‌شود که توضیح می‌دهد ایجاد برنامه چت چند دقیقه طول می‌کشد . این صفحه را رفرش نکنید .

پیامی که توضیح می‌دهد صفحه را حذف نکنید.

  1. همزمان با ایجاد برنامه چت، صفحه سفارشی‌سازی ظاهر می‌شود.

در این مرحله، برنامه چت ایجاد و منتشر شده است. مراحل سفارشی‌سازی زیر همگی اختیاری هستند.

صفحه سفارشی‌سازی برنامه چت

  1. روی «اولین پیام» کلیک کنید و متن پیام را برای سفارشی‌سازی اولین پیامی که هنگام نمایش چت نمایش داده می‌شود، تنظیم کنید. هر پیام سفارشی که می‌خواهید هنگام اولین رندر برنامه چت نمایش داده شود را اضافه کنید.

سفارشی‌سازی متن پیام.

  1. به پایین اسکرول کنید تا به پیکربندی اقدامات (Configure actions) برسید و روی اقدام (Action) کلیک کنید.

صفحه اقدامات را پیکربندی کنید.

  1. در منوی Action که ظاهر می‌شود، اولین گزینه، یعنی Slash command: Open app view ، را انتخاب کنید.

منوی زمینه‌ای اقدامات

  1. موارد زیر را وارد کنید:

نمای برنامه

Inventory_log (از منوی کشویی انتخاب کنید)

نام

/log

توضیحات

View the inventory log

گزینه‌های دستور اسلش.

  1. برای ادامه روی Next کلیک کنید.

تبریک! اولین برنامه چت شما از AppSheet اکنون مستقر شده است!

برنامه چت روی صفحه نمایش مستقر شده است.

۴. برنامه چت خود را نصب کنید

اکنون که برنامه شما مستقر شده است، برای استفاده از آن باید آن را در محیط چت خود نصب کنید.

برای نصب، مراحل زیر را دنبال کنید:

  1. گوگل چت را باز کنید.
  2. روی نماد + در سمت راست چت کلیک کنید.
  3. برنامه خود، چت ساده موجودی، را جستجو کنید.

برنامه چت را به چت اضافه کنید

  1. برنامه خود را در نتایج پیدا کنید و سپس روی آن کلیک کنید تا نصب شود.

برنامه چت پس از نصب در پنجره چت.

پس از نصب، برنامه چت شما یک پیام مستقیم با یک کارت منو ارسال می‌کند.

  1. برای آزمایش برنامه، روی گزارش موجودی (یا هر یک از لینک‌های دیگر در کارت چت) کلیک کنید.

موجودی فعلی در پنجره چت نمایش داده می‌شود.

برنامه چت موجودی ساده.

  1. اختیاری: روی لینک دیگری به نام Items کلیک کنید. توجه داشته باشید که این کار برنامه را در یک پنجره جدید باز می‌کند. دلیل این امر این است که نمای Items در رابط کاربری چت پشتیبانی نمی‌شود.

نمایش آیتم‌ها در نمای چت پشتیبانی نمی‌شود.

  1. اختیاری: با نسخه برنامه چت برنامه چت Simple Inventory بیشتر آزمایش کنید.

۵. برنامه چت را به یک فضای چت اضافه کنید

این مراحل بعدی برنامه چت را به یک فضای چت اضافه می‌کند. این زمانی مفید است که می‌خواهید برنامه چت برای گروهی از افراد پخش شود.

ایجاد فضای چت جدید

برای ادامه، باید یک فضای گفتگو (Chat Space) برای کار داشته باشید.

  1. در پنجره چت در پایین سمت چپ، روی نماد + کنار Spaces کلیک کنید تا یک Space جدید اضافه کنید.

منوی زمینه‌ای فضاهای گفتگو.

  1. روی ایجاد فضا کلیک کنید.
  2. در کادر محاوره‌ای، نام فضای جدید را هر چه می‌خواهید بگذارید. نام پیشنهادی Inventory Chat Space است، همانطور که این codelab بعداً به آن اشاره می‌کند.

یک کادر محاوره‌ای فضا (Space) ایجاد کنید.

  1. برای تکمیل ایجاد فضای جدید، روی «ایجاد» کلیک کنید.

پس از ایجاد، فضای چت جدید در گوشه پایین سمت چپ پنجره چت ظاهر می‌شود.

رابط کاربری فضاها.

برنامه چت خود را به فضای چت جدید خود اضافه کنید

  1. برای افزودن برنامه چت خود به فضای چت، روی فضا کلیک کنید و سپس روی فلش رو به پایین در سمت راست نام فضای چت کلیک کنید. این یک منوی کشویی متنی را فراخوانی می‌کند.
  2. روی برنامه‌ها و ادغام‌ها کلیک کنید.

برنامه‌ها و یکپارچه‌سازی‌ها.

یک کادر محاوره‌ای ظاهر می‌شود که به شما امکان می‌دهد برنامه‌ها را به فضای خود اضافه کنید.

  1. روی دکمه + افزودن برنامه‌ها کلیک کنید.

برنامه‌ها را به فضای چت موجودی اضافه کنید.

  1. در پنجره‌ی باز شده، برنامه‌ی Simple Inventory Chat را پیدا کنید و سپس روی Add کلیک کنید.

اضافه کردن برنامه به فضای چت.

وقتی برنامه چت به فضای شما اضافه شد، به فضا پیام می‌دهد.

پنجره چت با برنامه چت جدید اضافه شد.

اکنون که برنامه چت جدید شما در فضای چت شما نصب شده است، به برنامه چت برگردید و یک اتوماسیون برای ارسال پیام به این فضای چت اضافه کنید.

۶. یک اتوماسیون چت برای ارسال پیام به فضای چت بسازید

مراحل بعدی نحوه انتشار برنامه چت را نشان می‌دهد:

  1. به برنامه AppSheet برگردید و صفحه تنظیمات چت را دوباره باز کنید (اگر هنوز باز نیست).
  2. برای باز کردن تنظیمات برنامه چت، روی سفارشی‌سازی کلیک کنید.
  3. برای فراخوانی منوی زمینه‌ای مربوط به اقدامات چت، روی دکمه + اقدام کلیک کنید.

دکمه عمل.

  1. روی گزینه «پیام هنگام تغییر داده‌ها» کلیک کنید. این یک اتوماسیون کامل برای ارسال پیام هنگام وقوع هرگونه تغییر داده‌ها ایجاد می‌کند.

منوی زمینه‌ای اقدامات.

اتوماسیون جدید در ویرایشگر AppSheet ظاهر می‌شود.

مهم: هنوز روی ذخیره در گوشه بالا سمت راست کلیک نکنید. باید اتوماسیون را بیشتر پیکربندی کنید.

  1. روی فرآیند ارسال پیام چت کلیک کنید

اتوماسیون چت.

این پنجره تنظیمات را در سمت راست باز می‌کند.

  1. در قسمت محتوای پیام و شناسه(های) فضا ، روی افزودن کلیک کنید.

افزودن فضای چت به اتوماسیون چت.

  1. برای پیکربندی اتوماسیون ارسال پیام به این فضای چت، روی گزینه Inventory Chat Space کلیک کنید.
  2. متن پیام را همزمان با به‌روزرسانی جدول آیتم‌ها به‌روزرسانی کنید.
  3. در منوی کشویی مربوط به تنظیمات «ارسال نمای برنامه (اختیاری) ، گزینه Items_Detail را انتخاب کنید.

محتوای پیام باید نهایی شده باشد.

تنظیمات نهایی محتوای پیام.

  1. در گوشه سمت راست بالای ویرایشگر AppSheet، روی ذخیره کلیک کنید.

برنامه چت شما اکنون برای ارسال پیام به فضای چت شما پیکربندی شده است!

۷. اتوماسیون چت خود را آزمایش کنید

این مراحل بعدی به شما امکان می‌دهد تا اتوماسیون خود را آزمایش کنید تا ببینید که چگونه پیام‌ها را به فضای چت شما ارسال می‌کند. در پنجره پیش‌نمایش ویرایشگر Appsheet، یک رکورد را در جدول Items به‌روزرسانی کنید. این کار باعث می‌شود اتوماسیون پیامی را به فضای چت ارسال کند.

  1. در پنجره پیش‌نمایش ویرایشگر AppSheet، روی نماد موبایل کلیک کنید. 63e1499db148fde8.png برای نمایش برنامه در نمای موبایل، روی یک رکورد کلیک کنید - مثلاً Saw .

برنامه در پنجره پیش‌نمایش موبایل.

  1. در نمای جزئیات رکورد، روی آیکون ویرایش کلیک کنید.

مشاهده جزئیات رکورد.

  1. توضیحات را به اره گرد برقی بی‌سیم تغییر دهید.

ویرایش توضیحات در رکورد.

  1. در پنجره پیش‌نمایش، روی ذخیره کلیک کنید که باعث می‌شود پیامی به فضای چت شما ارسال شود.

به محض دریافت پیام، باید اعلان Chat bing را بشنوید!

  1. به پنجره چت برگردید و سپس روی فضای چت در گوشه پایین سمت راست کلیک کنید و پیام جدید «جدول آیتم‌ها به همراه کارت چت Items_Detail به‌روزرسانی شد» را مشاهده کنید.

رابط کاربری چت با پیامی از برنامه چت که ظاهر می‌شود.

۸. تبریک

شما آزمایشگاه کدنویسی AppSheet Chat Apps را تکمیل کردید!

مطالعه بیشتر