欢迎访问 生活随笔!

生活随笔

当前位置: 首页 >

微信小程序闭环处理 App -- 小程序 -- 企业微信 + 公众号

发布时间:2024/1/8 52 豆豆
生活随笔 收集整理的这篇文章主要介绍了 微信小程序闭环处理 App -- 小程序 -- 企业微信 + 公众号 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

App -- 小程序之间的交互

1)App 跳小程序指定页面

微信官方文档:接入指南

// 以下为H5部分的代码,客户端也需要根据文档做相应的改动 let bridge = window.WebViewJavascriptBridge; // 初始化 WebViewJavascriptBridge(客户端、H5交互对象) bridge.callHandler("launchWXMiniProgram",{username:"gh_8***5bc", // 小程序原始IDminiProgramType: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');}, })

备注 : 

    1)App跳小程序指定页面无需在同一主体下: 官方文档
    2)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)公众号 跳 小程序

 

总结

以上是生活随笔为你收集整理的微信小程序闭环处理 App -- 小程序 -- 企业微信 + 公众号的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。