WeChat アプレット カスタマー サービス システム - ドッキング メッセージ プッシュ - ドッキング テンプレート サブスクリプション メッセージ - 埋め込み Webview カスタマー サービス リンク

自社のミニプログラムに接客システムの機能を追加したい

独自のシステムやその他のニーズをガイドするためのミニプログラムカスタマーサービスドッキング。民営化展開を実現するために私が開発したカスタマーサービスシステムを参照して、ドッキングWeChatミニプログラムを構築できます。

ミニプログラムメッセージプッシュドッキング

まずアプレットのバックグラウンドでアプレットのバックグラウンドにログイン
==> 開発管理 ==> 開発設定 ==> サーバードメイン名の部分、独自のドメイン名を設定します

もう一度上にスクロールして、開発者 ID セクションで AppID AppSecret のドキュメントを見つけ、最初に IP ホワイトリストを書き留めます。

 

アプレットのバックグラウンドで情報を入力 ==> 開発管理 ==> 開発設定 ==> メッセージプッシュ この時点で送信すると、トークン検証の失敗が報告され、カスタマー サービスに戻る必要があります対応する情報を設定するシステム

機能 ==> カスタマー サービス ==> 小規模プログラム カスタマー サービス、独自のカスタマー サービス スタッフを構成します

カスタマーサービスシステム構成

上記はアプレットのバックグラウンド部分の構成です。その後、カスタマー サービス システムのバックグラウンドに戻って、対応する情報を構成します。

設定 ==> 以下の 3 つの小さなプログラムの設定項目を見つけ、情報を補足および改善します

現時点では、アプレットのカスタマー サービス コンポーネントで、カスタマー サービス システムからのメッセージ返信を受信できます。カスタマー サービス スタッフが WeChat 独自のツールを使用してアクセスすることには影響しません。

サブスクリプション テンプレート メッセージの構成

WeChat アプレットが独立したオンライン カスタマー サービス システムに接続したい場合は、アプレット メッセージ プッシュ インターフェイスの使用に加えて、Web ビュー埋め込みの形式でチャット リンクを埋め込むこともできます。

ただし、WebView 埋め込みフォームを使用すると、ユーザーがページを離れると、カスタマー サービスからの応答メッセージを受信できなくなります。

したがって、ユーザーがチャット ページを離れた後にカスタマー サービスがメッセージに返信し、アプレットのサブスクリプション テンプレートを使用して通知する必要があります。

アプレットのバックグラウンドに移動し、サブスクリプション メッセージを開いて、テンプレートを選択しましょう。

公開テンプレートライブラリを検索し、「相談返信通知」を選択します。

 フィールドを設定します。「返信内容」、「返信時間」、「回答者」の 3 つのフィールドが必要です。

これによりテンプレート ID が取得され、後でこのテンプレート ID を通じて送信します。

次に、アプレットに移動してサブスクリプション イベントを追加しましょう

アプレット側でユーザーへのメッセージ リクエストを開始する場合、リクエストはトリガー イベントに配置する必要があり、何もない状態 (オンロード、オンショー、またはその他の状況) からトリガーすることはできないことに注意してください。

ページXML

<button bindtap="sendreq">开始订阅</button>

ページjs

const app = getApp()
Page({
  sendreq(){
    wx.requestSubscribeMessage({
      tmplIds: ['这里替换成你的模板ID'],
      success (res) {
        console.log(res)
        // res包含模板id,值包括'accept'、'reject'、'ban'、'filter'。
        // 'accept'表示用户同意订阅该条id对应的模板消息
        // 'reject'表示用户拒绝订阅该条id对应的模板消息
        // 'ban'表示已被后台封禁
        // 'filter'表示该模板因为模板标题同名被后台过滤。
      }
    })
  }
})

この方法で購読した後にのみ、テンプレート メッセージをこのユーザーに送信できます

再去客服后台配置下面的内容
订阅消息模板ID
订阅消息模板跳转pages路径

おすすめ

転載: blog.csdn.net/taoshihan/article/details/131908688