App -- 小程序 -- 企業微信 + 公衆號 閉環處理

App -- 小程序之間的交互

1）App 跳小程序指定頁面

微信官方文檔：接入指南

// 以下爲H5部分的代碼，客戶端也需要根據文檔做相應的改動
let bridge = window.WebViewJavascriptBridge;     // 初始化 WebViewJavascriptBridge(客戶端、H5交互對象)
bridge.callHandler("launchWXMiniProgram",{
    username:"gh_8***5bc",                       // 小程序原始ID
    miniProgramType:0,                           // 0：生產  2：體驗版
    path: "pages/concat/index?sourceApp=THS",    // 小程序頁面路徑
},function(data){
    console.log(JOSN.stringify(data));
})

2）App 分享小程序名片

// callHandler 內的參數具體需要和客戶端對應
let bridge = window.WebViewJavascriptBridge;
bridge.callHandler("share",JSON.stringify({
	type:"5",
	shareMiniProgramInfo:{
	  username:"gh_20***b",				 
      hdImageUrl:"https://www.baidu.com/img/bd_logo1.png",  // 名片展示圖片
	  path: "pages/concat/index?sourceApp=THS",             // 小程序頁面路徑		 
	  title:"紅包分享",                                      // 名片標題           
	  desc:"點擊分享紅包",                                   // 名片內容描述
	  miniProgramType:2    
     }
}),function(data){
    console.log(JOSN.stringify(data));
});

3）小程序 跳回 App

index.wxml

<button class="sure" open-type="launchApp" app-parameter="wechat" bindlaunchapp="launchApp" binderror="launchAppError">按鈕</button>

index.js

Page({
 launchApp: function (e) {       // 已安裝App,可以成功跳轉
    console.log('sucess');
 }, 
 launchAppError: function (e) {  // 未安裝App,無法跳轉,給個彈框提示
    console.log('error');
  }, 
})

備註 : 
    App、小程序需要在同一主體下：登錄微信公衆平臺 --> 設置 --> 關聯設置 --> 關聯的移動應用

小程序 -- 企業微信之間的交互

產品需求：通過App --> 小程序 企業微信 引流
解決方式:：通過引入小程序的微信客服

1) 方式一：第三方平臺託管

實踐平臺：芝麻小客服,適用於沒有開發能力的用戶

弊端：1、第三方平臺，在安全性、穩定性上總不是那麼讓人放心
           2、免費版資源非常有限，收費版價格不低(eg：芝麻的標準版 500/年)

2) 方式二：通過後臺接口處理(開發者自己的服務器)

參考：微信小程序 客服自動回覆圖片
           開發者服務器接收消息推送
           小程序接入客服消息

3) 方式三：通過雲函數處理

(1) 雲函數參考：藉助小程序雲開發獲取小程序用戶openid
                           小程序雲函數實現客服消息回覆
(2) 開發控制檯 --> 雲開發 --> 全局設置 --> 添加消息推送配置

3) 代碼實現

index.html

<!--屬性說明：https://developers.weixin.qq.com/miniprogram/dev/component/button.html
    特別說明：send-message-path 填寫絕對路徑,否則直接在小程序客戶內點擊會無法跳轉到小程序內-->
<button class="service" open-type='contact' show-message-card="true" send-message-title="可能要發送的小程序" send-message-path="/pages/contact/index" send-message-img="https://www.baidu.com/img/bd_logo1.png">立即資詢</button>

備註 : 
    雲函數的微信客服日活上限：6000左右

小程序 -- 公衆號之間的交互

說明：公衆號可關聯同主體的10個小程序及不同主體的3個小程序。同一個小程序可關聯最多50個公衆號

1）小程序 跳 公衆號

2）公衆號 跳 小程序