VUE H5页面微信/QQ/微博分享连接设置

问题

想改变分享的标题、副标题、图片以及重定向打开的地址？

解决

第一步：在项目控制台里面 npm i -S weixin-js-sdk
( 然后视情况而定引入：npm install jquery / npm install --save-dev jquery )
第二步：在所需要的页面引入 import wx from “weixin-js-sdk”;
( 然后视情况而定引入：import $ from ‘jquery’）
第三步：在所需要的页面写入以下代码(以下代码需要视情况而改动，写中文的地方是要根据情况改动的，如果要复制下面代码需要导入第一步，第二步括号里面的内容)****

main.js 文件

let shareParam = {url: location.href.split('#')[0]
};
$.ajax({type: "post",  url: '你的接口的请求地址',cache: false,dataType: 'json',data: shareParam,success: function (res) {wx.config({debug: false,   // 代码调试的时候写trueappId: '你的AppId',timestamp: 从你的接口请求来的 nonceStr: 从你的接口请求来的 signature: 从你的接口请求来的 jsApiList: ["onMenuShareTimeline",  // 分享给好友"onMenuShareAppMessage", // 分享到朋友圈"onMenuShareQQ",  // 分享到QQ"onMenuShareWeibo" // 分享到微博]});wx.ready(()=>{wx.onMenuShareAppMessage({title: "标题",imgUrl: "图标",link: "重定向地址",desc: "副标题", success: function () {// 用户确认分享后执行的回调函数},cancel: function () {// 用户取消分享后执行的回调函数}});wx.onMenuShareTimeline({title: "标题",imgUrl: "图标",link: "重定向地址",desc: "副标题", success: function () {// 用户确认分享后执行的回调函数},cancel: function () {// 用户取消分享后执行的回调函数}});wx.onMenuShareQQ({title: "标题",imgUrl: "图标",link: "重定向地址",desc: "副标题", success: function () {// 用户确认分享后执行的回调函数},cancel: function () {// 用户取消分享后执行的回调函数}});})},

VUE H5页面微信/QQ/微博分享连接设置相关推荐

微信 qq微博分享功能
<script type="text/javascript" src="${ctx}/static_pc/layer/layer.js"></ ...
uniapp 转H5 实现微信浏览器自定义分享样式
uniapp 转H5后实现微信浏览器自定义分享样式 uniapp 项目转 h5 1.在manifest.json文件中,找到H5配置一下路径,需要注意这个名字需要和布到线上的文件夹名字一致 2.就是 ...
H5页面使用qq客服功能
H5页面使用qq客服功能 pc端和移动端使用QQ在线客服进行聊天的一些坑和解决方案 tx官方通讯组件注册: 遇到的问题: 解决方案: pc端和移动端使用QQ在线客服进行聊天的一些坑和解决方案最近有一 ...
vue H5页面跳转微信小程序以及生成二维码跳转小程序
研究了两种H5跳转小程序的方法,同时携带参数 1. 手机浏览器打开H5页面,点击按钮拉起微信小程序 2. H5页面上生成小程序二维码,手机微信扫码跳转目标小程序为了开发方便,以上两种均借助了微信小程 ...
H5页面微信分享流程和实现(uni-app)
适用场景: 通过uni-app实现的H5页面分享功能. 要求链接必须在微信端内打开.手机上浏览器打开无效. 流程描述: 第一步安装js-sdk. 方式一:NPM安装方式 npm install jwe ...
史上最具体Android集成QQ，微信，微博分享（不用第三方）持续更新中
QQ 下载sdk并执行demo 各种配置 IUiListener 分享图片分享到QQ 分享到QZONE Sina微博配置选择集成sdk方式分享图片微信朋友朋友圈如今项目中用个第三方登录 ...
android qq分享自动弹出,史上最详细Android集成QQ，微信，微博分享（不要第三方）持续更新中...
QQ1 下载sdk并运行demo 2 各种配置 IUiListener 4 分享图片41 分享到QQ 41 分享到QZONE Sina微博配置选择集成sdk方式分享图片现在项目中用个第三方登录, ...
vue H5页面制作微信公众号前期准备
首先vue项目的搭建过程就不说了接下来进入正题最重要的是配置成手机端页面也就是h5页面: vue项目中在index.html中配置 <meta name="viewport&quo ...
史上最详细Android集成QQ，微信，微博分享（不用第三方）持续更新中
QQ 下载sdk并运行demo 各种配置 IUiListener 分享图片分享到QQ 分享到QZONE Sina微博配置选择集成sdk方式分享图片微信朋友朋友圈现在项目中用个第三方登录 ...

VUE H5页面微信/QQ/微博分享连接设置

VUE H5页面微信/QQ/微博分享连接设置

问题

解决

VUE H5页面微信/QQ/微博分享连接设置相关推荐

最新文章

热门文章

VUE H5页面微信/QQ/微博 分享连接设置

VUE H5页面微信/QQ/微博 分享连接设置

问题

解决

VUE H5页面微信/QQ/微博 分享连接设置相关推荐

最新文章

热门文章

VUE H5页面微信/QQ/微博分享连接设置

VUE H5页面微信/QQ/微博分享连接设置

VUE H5页面微信/QQ/微博分享连接设置相关推荐