手机版

微信JSSDK分享功能图文示例详解

时间:2021-08-26 来源:互联网 编辑:宝哥软件园 浏览:

本文举例说明了微信JSSDK的共享功能。分享给大家参考,如下:

这里以微信分享朋友圈,与微信好友分享为例,进行通话测试,想添加其他功能,自己查看开发者文档

工作者要想做到最好,首先要把工具磨尖,利用好下面的帮助工具,这是腾讯为开发者提供的工具

1.微信开发者描述文档:点击查看

2.微信WEB开发者工具:

Windows 64位版本:下载地址

Windows 32位版本:下载地址

Mac版本:下载地址

3.微信JSSDK分享示例:点击下载

4.在线演示:http://203.195.235.76/JSSDK/

微信6.0版本后,原来的weixinsbridge . on(' menu : share 3360 timeline ',函数(argv) {}不能再用了,那么微信的其他功能怎么用呢?官方给出了使用JSSDK来帮助我们解决~

前言:

微信虽然提供了JSSDK,但并不意味着可以用自定义按钮直接打开微信的分享界面。这个JSSDK只定义了微信分享界面的内容。其实用户还是需要点击右上角的菜单按钮主动分享。用户点击分享界面后,内容将是你定义的分享标题、图片和链接。

1.JSSDK使用步骤

1.1.1步骤1:绑定域名

1.1.2步骤2:导入JS文件

1.1.3步骤3:通过配置界面注入授权验证配置

($ TPL[' appid ']$ TPL[' apper secret ']与自己!)9503.163.com

1.1.4步骤4:通过就绪界面处理成功验证

1.1.5步骤5:通过错误界面处理失败的验证

2.测量图:

2.1测试页:

2.2分享到朋友圈:

2.3分享到朋友圈:

(这是触发成功的效果,图片描述有误,抱歉)

(这是触发取消的效果)

2.3调试界面:

3.测量代码示例:

背景代码(参见jssdk.php的后面):

//获取apptokenrequire _ once ' jssdk。PHP ';$jssdk=new JSSDK($appid,$ app secret);//这里填写自己的应用编号和secret $ sign package=$ jssdk-getsign package();$this-assign('signPackage ',$ sign package);射流研究…配置代码脚本类型=' text/JavaScript ' src=' http://RES . wx。QQ。com/open/js/jweixin-1。0 .0 .js /脚本类型=' text/JavaScript ' wx。config({ debug : false,appId : ' { $ sign package[' appId ']} ',时间戳p : ' { $ sign package[' timestamp ' } ')'),noncrest : ' { $ sign package[]所有要调用的应用程序接口都要加到这个列表中checkJsApi ',' onMenuShareTimeline ',' onMenuShareAppMessage ',' onMenuShareWeibo ',' onmenuserqzone ']});/script脚本类型=' text/JavaScript ' src=' http://203。195 .235 .76/jssdk/js/zepto。量滴js '/脚本js分享代码:脚本类型='text/javascript' //完成wx.config,执行这里wx.ready(function () { //分享到朋友圈wx。onmenusharedtimeline({ title : ' 1111111 ',//分享标题link:window.location.href,imgUrl: " { pig CMS : $ RES[' pic ']} ",//分享图标成功:函数(){ //分享成功执行此回调函数警报("成功");},cancel : function(){ alert(' cancel ');} });//分享给朋友wx。onmenusharappmessage({ title : ' 22222 ',//分享标题desc: '22222 ',link:window.location.href,imgUrl: ' { pig CMS : $ RES[' pic ']} ',//分享图标触发器:函数(res) { //不要尝试在引发中使用创建交互式、快速动态网页应用的网页开发技术异步请求修改本次分享的内容,因为客户端分享操作是一个同步操作,这时候使用创建交互式、快速动态网页应用的网页开发技术的回包会还没有返回},成功:函数(res) { //分享成功执行此回调函数警报('已分享');},取消:函数(res) { alert('已取消');},fail:函数(RES){ alert(JSON。stringify(RES));} });});/scriptJSSDK类jssdk.php

?phpclass JSSDK { private $ appId private $ appSecretpublic function _ _ construct($ appId,$ appSecret){ $ this-appId=$ appId;$ this-appSecret=$ appSecret;}公共函数GetSignPackage(){ $ JSapiticket=$ this-GetJSapiticket();//注意统一资源定位器一定要动态获取,不能硬编码$protocol=(!空($ _ SERVER[' HTTPS '])$ _ SERVER[' HTTPS ']!==' off ' | | $ _ SERVER[' SERVER _ PORT ']==443)?'https://' : 'http://';$ URL=' $ protocol $ _ SERVER[HTTP _ HOST]$ _ SERVER[REQUEST _ URI]';$ timestamp=time();$ non estr=$ this-create non estr();//这里参数的顺序要按照键值美国信息交换标准代码码升序排序$ string=' jsapi _ ticket=$ jsapticket non estr=$ non estr timestamp=$ timestampur=$ URL ';$ signature=sha1($ string);$ sign package=array(' appId '=$ this-appId,' nonceStr '=$ nonceStr,' timestamp'=$timestamp,' url'=$url,' signature'=$signature,' raw string '=$ string);返回$ signPackage}私有函数createnoncrest($ length=16){ $ chars=' abcdefghijklmnopqrstuvwxyzabbcdefghijklmnopqrstuvwxyz 0123456789 ';$ str=for($ I=0;一美元长度;$i ) { $str .=substr($chars,mt_rand(0,strlen($chars) - 1),1);}返回$ str}私有函数getJsApiTicket(){ $ accessToken=$ this-getAccessToken();//如果是企业号用以下统一资源定位器获取门票//$ URL='https://qyapi.weixin.qq.com/cgi-bin/get_jsapi_ticket?access _ token=$ AccessToken ';$ URL='https://api.weixin.qq.com/cgi-bin/ticket/getticket?type=jsapi access _ token=$ accessToken ';$ RES=JSON _ decode($ this-HttpGet($ URL));$ ticket=$ RES-ticket;回程$机票;}私有函数getAccessToken(){//access _ token应该全局存储与更新,以下代码以写入到文件中做示例//如果是企业号用以下统一资源定位器获取access _ token/$ URL='https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid=$ this-appIdcorpsecret=$ this-appSecret ';$ URL='https://api.weixin.qq.com/cgi-bin/token?grant _ type=client _ credential appid=$ this-appid secret=$ this-appSecret ';$ RES=JSON _ decode($ this-HttpGet($ URL));$ access _ token=$ RES-access _ token;返回$ access _ token}私有函数HttpGet($ URL){ $ curl=curl _ init();curl_setopt($curl,CURLOPT_RETURNTRANSFER,true);curl_setopt($curl,CURLOPT_TIMEOUT,500);curl_setopt($curl,CURLOPT_SSL_VERIFYPEER,false);curl_setopt($curl,CURLOPT_SSL_VERIFYHOST,false);curl_setopt($curl,CURLOPT_URL,$ URL);$ RES=curl _ exec($ curl);curl _ close($ curl);返回$ res}}更多关于服务器端编程语言(专业超文本预处理器的缩写)相关内容感兴趣的读者可查看本站专题: 《PHP微信开发技巧汇总》 、 《php curl用法总结》 、 《PHP网络编程技巧总结》 、 《php字符串(string)用法总结》 、 《PHP中json格式数据操作技巧汇总》 及《PHP针对XML文件操作技巧总结》

希望本文所述对大家服务器端编程语言(专业超文本预处理器的缩写)程序设计有所帮助。

版权声明:微信JSSDK分享功能图文示例详解是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。