• uni-app开发经验分享十七: 开发微信公众号(H5)JSSDK 的使用方式


    因为这个jssdk被uni-app坑了好多天,作者说支持1.4版本,但是我用1.4的两个分享的新方法一直不支持。

    最后只能放弃了,期待什么时候能更新上。

    基本的使用方法:
    第一步 - 下载使用方式
    下载地址:https://unpkg.com/jweixin-module@1.4.1/out/index.js

    项目引用:

     项目下新建模块,放在该模块下。
    main.js引用:

    var jweixin = require('jweixin-module')
    
    		//获取微信公众号的配置
    		uni.request({
    		
    			url: 'xxxxxxxxxxx',
    			dataType: 'text',
    			data: {
    				url: window.location.href.split('#')[0]
    			},
    			success: res => {
    				var s = JSON.parse(res.data);
    				console.log(s.data);
    				
    				 jweixin.config({
    					 debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
    					 appId: s.data.appId, // 必填,公众号的唯一标识
    					 timestamp: s.data.timestamp, // 必填,生成签名的时间戳
    					 nonceStr: s.data.nonceStr, // 必填,生成签名的随机串
    					 signature: s.data.signature.toLowerCase(), // 必填,签名,见附录1
    					 jsApiList: ["onMenuShareTimeline", "onMenuShareAppMessage","onMenuShareQQ","onMenuShareWeibo","onMenuShareQZone"]
    				});	
    				
    				jweixin.ready(function () {
    
    				 //获取“分享到QQ”按钮点击状态及自定义分享内容接口(即将废弃)
    				 jweixin.onMenuShareQQ({
    					 title: title, // 分享标题
    					 desc: desc, // 分享描述
    					 link: url, // 分享链接
    					 imgUrl: imgurl, // 分享图标
    					 success: function () {
    						 // 用户确认分享后执行的回调函数
    					 },
    					 cancel: function () {
    						 // 用户取消分享后执行的回调函数
    					 }
    				});
    				
    				//获取“分享给朋友”按钮点击状态及自定义分享内容接口(即将废弃)
    				 jweixin.onMenuShareAppMessage({
    					 title: title, // 分享标题
    					 desc: desc, // 分享描述
    					 link: url, // 分享链接
    					 imgUrl: imgurl, // 分享图标
    					 type: '', // 分享类型,music、video或link,不填默认为link
    					 dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
    					 success: function () {
    						 // 用户确认分享后执行的回调函数
    					 },
    					 cancel: function () {
    						 // 用户取消分享后执行的回调函数
    					 }
    				});
    				
    				//获取“分享到朋友圈”按钮点击状态及自定义分享内容接口(即将废弃)
    				 jweixin.onMenuShareTimeline({
    					 title: title, // 分享标题
    					 desc: desc, // 分享描述
    					 link: url, // 分享链接
    					 imgUrl: imgurl, // 分享图标
    					 type: '', // 分享类型,music、video或link,不填默认为link
    					 dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
    					 success: function () {
    						 // 用户确认分享后执行的回调函数
    					 },
    					 cancel: function () {
    						 // 用户取消分享后执行的回调函数
    					 }
    				});
    				
    				//获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口
    				 jweixin.onMenuShareWeibo({
    					 title: title, // 分享标题
    					 desc: desc, // 分享描述
    					 link: url, // 分享链接
    					 imgUrl: imgurl, // 分享图标
    					 type: '', // 分享类型,music、video或link,不填默认为link
    					 dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
    					 success: function () {
    						 // 用户确认分享后执行的回调函数
    					 },
    					 cancel: function () {
    						 // 用户取消分享后执行的回调函数
    					 }
    				});
    				
    				 //获取“分享到QQ空间”按钮点击状态及自定义分享内容接口(即将废弃)
    				 jweixin.onMenuShareQZone({
    					 title: title, // 分享标题
    					 desc: desc, // 分享描述
    					 link: url, // 分享链接
    					 imgUrl: imgurl, // 分享图标
    					 type: '', // 分享类型,music、video或link,不填默认为link
    					 dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
    					 success: function () {
    						 // 用户确认分享后执行的回调函数
    					 },
    					 cancel: function () {
    						 // 用户取消分享后执行的回调函数
    					 }
    				});
    			});
    			},
    			fail: err => {
    				console.log('request fail', err);
    			}
    	});	

    转载于:https://blog.csdn.net/qq_24347541/article/details/89710562

  • 相关阅读:
    tomcat 增加压缩设置
    ffmpeg centos6.5上安装(测试 amr 转换为 mp3)
    wkhtmltopdf 安装使用笔记(CentOS6)
    tomcat配置SSL证书(使用startSSL申请到的证书)
    lipo 合并target为Simulator和Device编译的静态库
    aliyun的yum源(国内速度极快)
    OS X 下iso刻录U盘(系统安装启动盘)
    Django学习笔记之数据库-模型的操作
    Django学习笔记之数据库-QuerySet_API
    Django学习笔记之数据库-数据库与模型
  • 原文地址:https://www.cnblogs.com/smileZAZ/p/14185456.html
Copyright © 2020-2023  润新知