今天做了一个微信自定义分享图片、标题、内容、链接的页面。因为微信1.0WeixinJSBridge的功能已经大部分停用,所以要用到微信2.0jweixin-1.0.0.js。下面详解一下使用的步骤:
1、首先登陆微信公众号【需要时已经认证过的公众号哦】,在公众号设置里填写自己网站的域名
2、在基本设置里获取自己网站的appid和秘钥
3、根据秘钥和appid生成token,获取token的链接为:
https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET
4、根据access_token 获取ticket
获取的链接为:https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi
5、根据生成的ticket ,自定义字符串noncestr 和当前服务器的时间戳【秒数】,以及需要被分享的页面的完整url生成页面的签名signature,获取签名的地址为:http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign
到此微信2.0congfig中需要的重要的参数已经获取完毕,只需要在
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数, 可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: 'appid', // 必填,公众号的唯一标识
timestamp:'1453948736' , // 必填,生成签名的时间戳
nonceStr: 'noncestr', // 必填,生成签名的随机串
signature: 'singature',// 必填,签名
jsApiList: ['onMenuShareAppMessage'] // 必填,需要使用的JS接口列表
});
注意生成签名的timestamp,nonceStr一定要和config中的一致。
自定义的内容在wx.ready中填写即可。
wx.ready(function(){
wx.onMenuShareAppMessage({
title: 'title', // 分享标题
desc: 'desc', // 分享描述
link: 'url', // 分享链接
imgUrl: 'url', // 分享图标
type: 'link', // 分享类型,music、video或link,不填默认为link
dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
success: function () {
// alert("分享成功!");
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
wx.error(function(res){
// config信息验证失败会执行error函数,如签名过期导致验证失败
});
});
备注:需要在被分享的页面中引入jweixin-1.0.0.js
相关推荐
微信分享网页自定义标题内容图片相关的文件,压缩包里面有4个文件,2个java类,1个html示例,一个wx.js文件。参考我的博客一起使用https://blog.csdn.net/qq_37698433/article/details/93307212
微信小程序 自定义tabbar (源码)微信小程序 自定义tabbar (源码)微信小程序 自定义tabbar (源码)微信小程序 自定义tabbar (源码)微信小程序 自定义tabbar (源码)微信小程序 自定义tabbar (源码)微信小程序 自定义...
微信小程序自定义标题组件
* show: 显示导航标题栏,默认显示 * title: 导航栏标题 * bgColor: 导航栏背景颜色,默认透明'transparent' * noSticky: 取消导航栏粘性布局(不占头部导航栏位置),默认不取消 * opacity: 导航栏透明度,默认1...
微信公众平台,2.0授权得到用户openid
微信分享自定义分享,
使用说明:http://www.cnblogs.com/Xjng/p/3909598.html
c#微信自定义分享微信朋友圈,微信好友,自定义内容,图片,标题,分享朋友圈,检测是否分享成功,失败,取消,
Tasker的配置文件,详见博客文章https://blog.csdn.net/h137242126/article/details/104938514
ahsa微信2.0版本 可后台 不闪退 给需要的人
资源名称:微信小程序分享微信创业 2.0时代千亿红利 资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。
《微信小程序分享微信创业2.0时代千亿红利》
微信分享图标自定义实例,可以通过该文件可以给你们有更多的建议
基于canvas 2D(高性能)实现微信小程序自定义组件-环形进度条 可定义大小,颜色,渐变等,也可自行扩展更多属性
1、主要功能有:是否裁剪的宽度固定、是否裁剪的高度固定、是否禁用旋转、是否锁定比例、是否限制移动、通过链接地址或打开视频本地图片选择裁剪图片、上下调节裁剪区域的范围、画布大小等 已经封装成组件,需要相应...
微信小程序自定义导航源码
微信小程序自定义组件(修正)
微信小程序自定义toast的源码,简单详细 具体步骤参考:http://blog.csdn.net/xxs18326183038/article/details/79281651
一个小程序用的双指缩放组件,相关文章地址见博客《微信小程序使用自定义组件实现图片双指缩放效果》。(现在资源怎么不可以设置为不要积分了0.)
微信小程序自定义导航栏("navigationStyle": "custom"),渐变色实现以及导航条自定义返回键实现