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)公众号 跳 小程序

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章