jssdk 微信分享相关设置

<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">
var CONF_WEIXIN = {
appId: ‘{$signPackage[‘appId‘]}‘, // 必填,公众号的唯一标识
timestamp: {$signPackage[‘timestamp‘]}, // 必填,生成签名的时间戳
nonceStr: ‘{$signPackage[‘nonceStr‘]}‘,// 必填,生成签名的随机串
signature: ‘{$signPackage[‘signature‘]}‘,// 必填,签名,见附录1
jsApiList: [‘onMenuShareTimeline‘,
‘onMenuShareAppMessage‘,
‘onMenuShareQQ‘,
‘onMenuShareWeibo‘] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
};
wx.config(CONF_WEIXIN);
wx.ready(function () {
_share("http://localhost/fengchang/index", ‘为您准备了一份小小心意‘, ‘无论阴晴冷暖,有一种爱就在身边...‘, ‘hqqx.welife100.com/Public/img/wwa.jpg‘);
});

function _share(share_link, share_title, share_desc, share_img) {
function fn_success(){

}
var fn_cancel = null;

// console.log(share_link, share_title, share_desc, share_img);
// 分享到朋友圈
wx.onMenuShareTimeline({
title: share_desc, // 分享标题
link: share_link, // 分享链接
imgUrl: share_img, // 分享图标
success: fn_success,
cancel: fn_cancel
});
// 分享给朋友
wx.onMenuShareAppMessage({
title: share_title, // 分享标题
desc: share_desc, // 分享描述
link: share_link, // 分享链接
imgUrl: share_img, // 分享图标
// type: ‘‘, // 分享类型,music、video或link,不填默认为link
// dataUrl: ‘‘, // 如果type是music或video,则要提供数据链接,默认为空
success: fn_success,
cancel: fn_cancel
});

// QQ
wx.onMenuShareQQ({
title: share_title, // 分享标题
desc: share_desc, // 分享描述
link: share_link, // 分享链接
imgUrl: share_img, // 分享图标
success: fn_success,
cancel: fn_cancel
});
}
</script>

时间: 2024-10-13 02:59:40

jssdk 微信分享相关设置的相关文章

asp实现微信jssdk分享,静态页html实现jssdk微信分享

最近一个客户的需求找到我,他的网站是html静态页,想做微信jssdk分享,他不会实现,asp的他会,他的程序是asp的,让我帮忙写一段能在html静态页中实现jssdk微信分享,经过30分钟的努力,代码搞定,原理很简单,用js把标题,简介,图片传给jssdk.asp文件中,让他去执行,代码如下: 微信jssdk分享页 <script type="text/javascript" src="jssdk.asp?title=这就是为了测试给你看的&desc=这里可

微信分享相关

一.微信js-SDK说明文档 1.概述 微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包. 通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照.选图.语音.位置等手机系统的能力,同时可以直接使用微信分享.扫一扫.卡券.支付等微信特有的能力,为微信用户提供更优质的网页体验. 此文档面向网页开发者介绍微信JS-SDK如何使用及相关注意事项 2.JSSDK使用步骤 2.1步骤一:绑定域名 先登录微信公众平台进入"公众号设置"的"功能设置&quo

微信JS-SDK——微信分享给朋友

参考: 微信JS-SDK文档 其中包含有分享朋友圈.发送给朋友的js接口方法.(似乎不知道什么时候就会废弃) 文档中有完整的步骤,麻烦的是第三步:通过config接口注入权限验证配置.其中需要获取 signature(签名) ,必须通过服务器端才行. 本文主要是关于通过服务器获取签名的方法 授权需要获取access_token,然后通过access_token取到jsapi_ticket再进行加密签名. 微信公众号获取的access_token有两种:网页授权access_token.普通acc

js-sdk微信分享功能的实现(vue)

代码 mounted(){ //在mounted里执行 let ua = navigator.userAgent.toLowerCase(); //判断是否是微信端 if (ua.match(/MicroMessenger/i) == "micromessenger") { this.getWxShare() } } methods:{ getWxShare(){ let url = window.location.href.split('#')[0] axios.get(`${com

Jssdk微信分享

<?php require_once "jssdk.php"; $jssdk = new JSSDK("yourAppID", "yourAppSecret"); $signPackage = $jssdk->GetSignPackage(); ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="

微信分享图标设置,以及wx.config配置

最近公司要求我做一个关于页面分享微信显示小图和描述的功能,由于之前没有做过,所以说是从零开始,看jssdk说明文档,网上搜索各种资料,甚至连三四年前的内容都搜索出来了,也试过以前的简单方法,包括在页面设置一个隐藏的图片,宽高都是300像素,微信就会抓取这张图片做为分享图片,但经本人测试无法使用,后来查到了原因,是微信对自定义分享内容作了限制,于是最终还是得回到配置wx.config上来. wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端a

微信分享自定义设置Title与Desc

前端Js引用: 1 <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> 2 <script> 3 function wxconfig(data) { 4 wx.config({ 5 // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印. 6 debug: fals

vue项目history模式下微信分享相关问题

import wx from '@/utils/wx' import { shareApi } from '@/api' // 微信验证 export function requireConfig() { let url = window.location.href shareApi.share({ url: url }).then(res => { if (res.code === 200) { wx.config({ debug: false, appId: res.data.appid,

关于MUI集成微信分享遇到的坑

今天聊一下MUI这个框架吧! 首先,用这个框架也有很长一段时间了,项目不同,涉及到的功能也有不同,之前没有涉及到微信分享相关的内容!今天,遇到了,也解决了,分享出来. 下面是手顺: 1.分享的代码是参考Hbuilder生成的Demo中的分享代码,当然因为我本身仅仅需要微信分享,所以其它不必要的代码都删了! 2.需要微信公众平台的配置:以下两个码 这是MUI项目的配置清单文件的视图窗口 这是微信需要的两个码 这是填写应用的签名 PS:刚开始我的微信分享在Android端失败,返回值[share微信