vue项目

开放标签的使用

 <wx-open-launch-weappid="launch-btn"@launch="handleLaunchFn"@error="handleErrorFn"username="gh_2e2d178a1d95"path="pages/webview/webview.html"><script type="text/wxtag-template">//里面可以写样式<style>.top-icon_img {width: 71px;height: 71.5px;margin: 0 auto;}</style><div class="top-icon_img">//图片需转化成base64不然无法显示<img  style="width:75px" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI4AAACOCAYAAADn/TAIAAAAAXNSR0IArs4c6QAAIABJREFUeF7sfQecJFW1/n....." alt=""/></script>

注入wx.config

methods: {onMenuShareAppMessage({ title, desc, link, imgUrl }) {let href = document.URL.split("#")[0];let obj = {str_url: href,method: "orderShare"};this.axios.post("/api/xxxxxxx", obj).then(function(res) {var data = res.data;console.log("分享字段接口返回", data);if (data.errCode === "0000") {wx.config({debug: false, // 生产环境需要关闭debug模式appId: data.resultInfo.appId, // appId通过微信服务号后台查看timestamp: data.resultInfo.timestamp, // 生成签名的时间戳nonceStr: data.resultInfo.nonceStr, // 生成签名的随机字符串signature: data.resultInfo.signature, // 签名jsApiList: ["onMenuShareTimeline","onMenuShareAppMessage","checkJsApi","scanQRCode","chooswWXPay","updateAppMessageShareDate","updateTimelineShareData"], // 必填，需要使用的JS接口列表 "chooseImage","previewImage"openTagList: ["wx-open-launch-weapp", "wx-open-subscribe"]  可选，需要使用的开放标签列表，例如['wx-open-launch-app']});wx.ready(function() {wx.onMenuShareAppMessage({title: title, // 分享标题desc: desc, // 分享描述link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致imgUrl: imgUrl, // 分享图标type: "", // 分享类型,music、video或link，不填默认为linkdataUrl: "", // 如果type是music或video，则要提供数据链接，默认为空success: function() {// 用户点击了分享后执行的回调函数}});});} else {console.log("调用分享失败");}}).catch(error => {console.log("分享接口报错", error);});},handleLaunchFn(e) {console.log(e, "dianjji");},handleErrorFn(e) {console.log("fail", e.detail);},}
};

mouted里调用，此功能包含分享和跳转两个功能

  mounted() {// 调用微信分享设置this.onMenuShareAppMessage({title: "",desc: "",link: "",imgUrl: ""});},```![请添加图片描述](https://img-blog.csdnimg.cn/648b1398d4534878ae2c54c8195a8196.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbGVmdCAgYW5kICByaWdodA==,size_20,color_FFFFFF,t_70,g_se,x_16)

微信公众号开放标签跳转小程序相关推荐

公司企业微信公众号怎么创建小程序？
公司企业一般都已经有自己的微信公众号了,不过在目前小程序流行的时代,创建小程序也是也是个趋势,所以公司企业都会另外创建一个小程序做宣传推广,配合公众号一起同步运营.那么公司企业微信公众号怎么创建小程序 ...
微信小程序如何跳转到微信公众号文章，小程序如何关联公众号或订阅号
微信小程序如何跳转到微信公众号文章,小程序如何关联公众号或订阅号前置条件公众号最高管理权限(或能与最高权限管理者配合操作) 小程序开发权限或最高管理权限小程序方面根据官方资料描述,小程序中展示 ...
微信公众号菜单添加小程序，miniprogram，pagepath参数详解，php开发公众号
随着微信小程序功能的开发, 已经可以跟公众号打通了, 主要有两种方式: 1) 在公众号文章中插入小程序 2) 在公众号菜单中添加小程序第一种方式, 子恒老师在前面的课程已经详细介绍过, 今天来讲第二 ...
微信公众号跳转小程序 wx-open-launch-weapp (最全指南及坑)
微信公众号使用 wx-open-launch-weapp 开放标签跳转小程序注意事项微信开放标签有最低的微信版本要求,以及最低的系统版本要求. 微信版本要求为:7.0.12及以上系统版本要求为: ...
如何用微信公众号快速注册小程序
https://jingyan.baidu.com/article/ceb9fb109fab828cad2ba0ca.html 1 2 3 4 5 6 7 分步阅读为方便公众号快捷接入小程序,并在各 ...
微信公众号跳转小程序方法
1 公众号需要关联小程序 2 跳转方法: wx.navigateToMiniProgram(Object object) 打开另一个小程序 wx.navigateToMiniProgram({app ...
php 微信公众号跳转小程序,微信公众号菜单添加小程序miniprogrampagepath参数详解php开发公众号-小程序怎么放到公众号菜单里-公众号菜单链接小程序...
1. 随着微信小程序功能的开发,2. 已经可以跟公众号打通了,3. 主要有两种方式:4. 1)在公众号文章中插入小程序5. 2)在公众号菜单中添加小程序6. 第一种方式,7. 子恒老师在前面的课程已经 ...
微信公众号如何关联小程序？如何查看小程序原始ID？
传送门: 公众号认证?小程序认证?小程序复用公众号资质进行认证? https://blog.csdn.net/pang787559613/article/details/106455907 小程序被冻 ...
微信公众号菜单跳小程序提示页面不存在的解决办法
今天在微信公众号添加了菜单准备跳转到小程序的. 显示获取了我要跳转的页面路径 "pages/orderList/orderList.html?sts=0" 然后在公众号菜单里直接 ...
微信公众号如何关联小程序(小程序如何开发)
2017年3月27号是值得记住的夜晚,小程序终于可以关联微信公众号了. 有木有很激动, 本人已经开发出了第一个可以运行的版本,如果有公司或者个人想即刻免费学习或者外包项目第一时间跑马圈地,本人及团队承 ...

微信公众号开放标签跳转小程序

微信公众号开放标签跳转小程序

vue项目

开放标签的使用

微信公众号开放标签跳转小程序相关推荐

最新文章

热门文章