uniapp 微信浏览器H5页面自定义分享链接

效果

只能用微信右上角的三个点的分享，自定义按钮好像做不到

一、需要一个认证过后的公众号平台，没有认证就不行。

登录公众号-》设置-》微信认证

二、需要一个备案过后的域名，没有备案就做不到。

三、登录公众号，打开公众号设置，打开功能设置，填写JS接口安全域名，还需要设置IP白名单

四、下载微信JSDK文件，导入到需要分享的界面

import wx from '../../common/jweixin-1.0.0.js'

这边下载

五、获取APPID、APPSECRET和在JS接口配置过的域名给后端调用微信接口，获得以下数据，让后台传给你

                            debug: false, // 是否启用调试appId: res.data.appid,//就是公众号的appidtimestamp: res.data.timestamp,//后端给的时间戳nonceStr: res.data.noncestr,//后端给的signature: res.data.signature,//后端给的jsApiList: [//都是微信的接口，可以看这个文档【https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#4】'checkJsApi','onMenuShareTimeline',//分享接口'onMenuShareAppMessage',//分享接口'onMenuShareQQ',//分享到qq接口'onMenuShareWeibo'//分享到微博接口]

六、将上面的信息注入配置，并自定义分享链接。(下面的代码可以放在后端传上面信息的接口的成功回调里执行)

                        wx.config({debug: false, appId: res.data.appid,timestamp: res.data.timestamp,nonceStr: res.data.noncestr,signature: res.data.signature,jsApiList: ['checkJsApi','onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo']});//配置自定义分享内容wx.onMenuShareAppMessage({title: "", // 分享标题desc: "", // 分享描述link: window.location.href, // 分享链接，当前页面地址imgUrl: "", // 分享图标的链接type: "link", // 分享类型dataUrl: "", // 默认为空success: res=> {console.log(res)}});

七、可以在电脑上使用微信开发者工具测试

end

uniapp 微信浏览器H5页面自定义分享链接相关推荐

微信内 H5 页面自定义分享
起源: 最近公司在做一个活动的h5页面,在微信内打开时需要进行微信授权,然后后端会重定向到这个页面并且携带了一些参数(openid等).问题是点击微信的原生分享时,会把携带的这些参数一起分享出去,等于 ...
微信 H5页面自定义分享link不起作用
微信 H5页面自定义分享link不起作用最近在做这么一个功能: H5页面在微信内打开并通过设置微信自定义分享来分享出指定的标题.图片.link 但是却遇到了问题,分享指定的link没起作用,正常通过 ...
微信浏览器H5页面自动播放背景音乐
微信浏览器H5页面自动播放背景音乐最近遇到一个需求一个文章详情页(图文结合) 进入页面后自动播放背景音乐正常用video标签后安卓打开后是自动播放的但是ios是不支持自动播放的经过不懈努力的 ...
微信端H5页面调用分享接口
最近公司做了一个给学生投票的H5页面,主要是在微信端使用,需要添加微信分享功能: 本文章主要是记录调用微信分享接口需要注意的事项: 1.前端用的angular1框架,首先需要在index页面引入微信接 ...
uniapp微信浏览器H5授权微信登录
1.准备一个触发微信登录的按钮 <button class="wechat-logo" @click="getWeChatCode">微信授权登录& ...
微信浏览器H5页面软键盘关闭导致页面空缺的问题
微信6.7.4 H5页面里的select,input软键盘弹起的时候页面会上移,软键盘关闭页面不会下移.导致页面空缺了一部分. 微信6.7.3及其它版本不会有这个问题!页面会随着软键盘关闭而下移恢复正 ...
HTML——微信浏览器H5页面调用微信扫一扫
使用JS-SDK调用微信扫一扫,需要有公众号支持,通过公众号生成JS-SDK使用权限签名.本文直接调用已封装好的接口来获取随机数(noncestr).时间戳(timestamp).签名(signatu ...
h5页面生成图片分享到微信js_微信端h5页面如何调用分享页面的接口
这次给大家带来微信端h5页面如何调用分享页面的接口,微信端h5页面调用分享页面接口的注意事项有哪些,下面就是实战案例,一起来看一下. 最近公司做了一个给学生投票的H5页面,主要是在微信端使用,需要添加 ...
h5页面生成图片分享到微信js_H5微信自定义分享链接（设置标题+简介+图片）
起源:最近公司在做招募广告的html5页面,然后做出来后,产品提出一个问题,需要分享出去的链接是卡片形式,内容也要自己定义,这下就难到我了,因为是第一次遇到这种需求,果断百度,然而,我就像大家一样,看 ...
H5网页如何在微信中自定义分享链接（可设置标题+简介+图片）
自定义分享链接是什么? 自定义微信分享链接是指将一条网页链接通过微信接口生成一张卡片,并且该卡片的标题,内容和图片都可以自己编辑.如下图效果 ● 自定义网页链接示例(带标题,内容简介,缩略图) ● 未 ...

uniapp 微信浏览器H5页面自定义分享链接

效果

一、需要一个认证过后的公众号平台，没有认证就不行。

二、需要一个备案过后的域名，没有备案就做不到。

三、登录公众号，打开公众号设置，打开功能设置，填写JS接口安全域名，还需要设置IP白名单

四、下载微信JSDK文件，导入到需要分享的界面

五、获取APPID、APPSECRET和在JS接口配置过的域名给后端调用微信接口，获得以下数据，让后台传给你

六、将上面的信息注入配置，并自定义分享链接。(下面的代码可以放在后端传上面信息的接口的成功回调里执行)

七、可以在电脑上使用微信开发者工具测试

uniapp 微信浏览器H5页面自定义分享链接相关推荐

最新文章

热门文章