导入jssdk,调接口获取appid什么的(后端做这步,前端调用),遇到一个史前巨坑,发现无法分享,后来旁边前端想起来,只能设置分享内容,无法按钮直接分享,三脸懵逼
代码奉上

shareWeChat1 () {console.log('开始分享');createJsapiSignatureApi({url:'https://mp.c****8.com/pages/minePage/invitation/index'}).then(res=>{let posterImg = this.info.posterImglet {appId,nonceStr,signature,timestamp} = res.result.ret;jweixin.config({debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。appId: appId, // 必填,公众号的唯一标识timestamp: timestamp, // 必填,生成签名的时间戳nonceStr: nonceStr, // 必填,生成签名的随机串signature: signature,// 必填,签名'updateAppMessageShareData',jsApiList: [ 'updateAppMessageShareData','updateTimelineShareData'] // 必填,需要使用的JS接口列表});// 朋友jweixin.ready(function () {   //需在用户可能点击分享按钮前就先调用jweixin.updateAppMessageShareData({ title: '我的邀请码', // 分享标题desc: '我的邀请码', // 分享描述link: 'https://mp.c****8.com/pages/minePage/invitation/index', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致imgUrl: posterImg, // 分享图标success: function () {// 设置成功}});// 朋友圈空间jweixin.updateTimelineShareData({ title: '我的邀请码', // 分享标题link: 'https://mp.c****8.com/pages/minePage/invitation/index', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致imgUrl: posterImg, // 分享图标success: function () {// 设置成功}})});})}

微信网页分享给朋友和朋友圈相关推荐

  1. 微信网页分享(配合微信公众平台)

    微信网页分享--配合微信公众平台 一. 准备工作 二. SpringBoot前后端不分离版本 三. SpringBoot+Vue前后端分离版本 源码下载地址 一. 准备工作 准备一个域名(微信分享出去 ...

  2. 转:js-sdk探索之微信网页分享

    原文地址 微信是一个很不错的传播平台,最近公司需要做一个新年贺卡,使用html5制作一个很小的动画,然后发送给客户,不需要和后台有任何的联系,一个很简单的功能,需要利用微信的分享功能,毕竟微信分享的带 ...

  3. js-sdk探索之微信网页分享

    微信是一个很不错的传播平台,最近公司需要做一个新年贺卡,使用html5制作一个很小的动画,然后发送给客户,不需要和后台有任何的联系,一个很简单的功能,需要利用微信的分享功能,毕竟微信分享的带小图片.简 ...

  4. 微信网页分享给朋友或朋友圈只有url链接

    问题: 移动端微信分享公众号网页出现纯网址,没有卡片,没有标题,描述和图片的情况 此外,通过成功分享的卡片进入页面后再次分享也均为卡片(分享成功的卡片来自pc端分享), 通过链接进入页面分享却无一例外 ...

  5. 农村信息综合展示平台(微信网页)项目开发笔记三——朋友圈开发遇到的问题

    本篇记录在朋友圈功能页面中实现图片点击放大查看的功能,遇到了的问题 本系统是使用Vux库因此,为实现查看图片的功能就使用了Vux自带的Previewer,如何使用在这里就不多说,之间查看Vux文档. ...

  6. java、vue实现微信网页分享

    前提:拥有已认证的公众号 + 备案域名 一.微信公众号相关 在公众号的功能设置好自己的业务域名.js接口安全域名.网页授权域名(已完成备案才可以使用) 获取公众号对应的appID.appsecret, ...

  7. 微信中分享html5网页sdk,微信网页分享JS-SDK使用步骤

    ps: 公众号必须开通微信认证,否则无法自定义分享 1.公众平台 绑定域名 登录微信公众平台,进入"公众号设置"-"功能设置",然后填写"JS接口安全 ...

  8. 微信网页分享获取token

    前段时间帮朋友搞微信分享获取token数据,今天跟大家分享一下. 基于java servlet.接受请求并返回 微信js接口验证需要的三个参数noncestr.timestamp.signature ...

  9. 微信网页分享,开发者工具中显示分享成功,但是手机上分享失败的问题

    背景: 因为之前的公众号做了迁移,之前的分享已经不能使用.这次重新修改了一下分享代码,却发现怎么都分享不成功,看网页以及微信开发者工具中显示调用api成功了,但是一到手机上就还是只能分享链接.折腾了很 ...

最新文章

  1. 有关T-SQL的10个好习惯
  2. 欢乐纪中A组赛【2019.8.23】
  3. GSON解析JSON
  4. Python基础篇:Python 程序流程控制,让你的代码有理有据
  5. C#程序员66个编码好习惯
  6. 用Ultra ISO制作启动U盘装系统
  7. xshell连接redhat注册显示中文乱码
  8. 【Unity】UGUI无法修改UI元素的Pivot锚点位置
  9. 简约html5动态个人简历,HTML5 简约风格的程序员简历模板
  10. #9733;如何解释特修斯之船问题?
  11. MYSQL部分面试题型
  12. hdu 3966 (树链剖分,树状数组/线段树)
  13. 网游无间道:你所忽略的托儿
  14. 设计模式1(策略模式)
  15. 程序和进程的关系程序
  16. GrayWorld 色彩均衡算法
  17. MY SQL 数据库升级
  18. 机房动环设备集中监控数据运维云平台解决方案
  19. python关键字中文意思_python解析URL中文关键字
  20. MySQL的异构数据同步

热门文章

  1. pl/sql无法查询Oracle数据库中汉字
  2. iphone7以及7P的模拟器删除应用解决办法
  3. Ajax请求完整实例
  4. portlet session共享
  5. 搜狗云输入法移植到linux平台的想法
  6. CANoe中使用CAPL实现自动测试
  7. ValueError: Can only compare identically-labeled DataFrame objects
  8. ssh安装 和 scp命令 使用
  9. CBK联席总裁梅德钊应邀出席合众人寿2017年团险第三届高峰会并发表演讲
  10. 计算机系统结构组成原理图,计算机组成原理 与系统结构.ppt