原微信分享自定义样式amp;微信分享给朋友自定义图文信息

下图为效果图：上图为没有设置得样式，下图是设置样式分享后的效果，差距甚远。

做的过程也遇到了一些问题，我会在博文最下方标明.

下面是我的代码：

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title>
</head>
<p>85844864</p>
<body><script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script><script src="./js/jquery-3.2.1.min.js"></script><script>var testurl = window.location.href;$.ajax({type: "get",async: false,url: "http://111.free.ngrok.cc/wechat/signpackage/",data: {url: testurl},dataType: "jsonp", //数据类型为jsonp  jsonp: "jsonpCallback", //服务端用于接收callback调用的function名的参数  success(e) {console.log(1)}});function call(wx_info) {console.log(wx_info)wx.config({debug:true, //调式模式，设置为ture后会直接在网页上弹出调试信息，用于排查问题appId: wx_info.appId,timestamp:wx_info.timestamp,nonceStr: wx_info.nonceStr ,signature:  wx_info.signature ,jsApiList: [ //需要使用的网页服务接口'checkJsApi', //判断当前客户端版本是否支持指定JS接口'onMenuShareTimeline', //分享给好友'onMenuShareAppMessage', //分享到朋友圈'onMenuShareQQ', //分享到QQ'onMenuShareWeibo' //分享到微博]});console.log(wx)wx.ready(function () { //ready函数用于调用API，如果你的网页在加载后就需要自定义分享和回调功能，需要在此调用分享函数。//如果是微信游戏结束后，需要点击按钮触发得到分值后分享，这里就不需要调用API了，可以在按钮上绑定事件直接调用。因此，微信游戏由于大多需要用户先触发获取分值，此处请不要填写如下所示的分享API// 1 判断当前版本是否支持指定 JS 接口，支持批量判断wx.checkJsApi({jsApiList: ['onMenuShareAppMessage'],success: function (res) {//alert(JSON.stringify(res));}});wx.onMenuShareTimeline({ //例如分享到朋友圈的API title: '00.com', // 分享标题link: 'http://11.free.ngrok.cc/111.html', // 分享链接imgUrl: 'http://pbs7k3hiu.bkt.clouddn.com/image/Mica_black.png', // 分享图标success: function () {// 用户确认分享后执行的回调函数// console.log(1)alert(4454)},cancel: function () {// 用户取消分享后执行的回调函数}});wx.onMenuShareAppMessage({title:'00.com', // 分享标题desc: '洛杉矶留学生咨询就上CSinLA.com', // 分享描述link: 'http://11.free.ngrok.cc/111.html', // 分享链接imgUrl: 'http://pbs7k3hiu.bkt.clouddn.com/image/Mica_black.png', // 分享图标type: '', // 分享类型,music、video或link，不填默认为linkdataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空success: function () {// 用户确认分享后执行的回调函数alert(4454)},cancel: function () {// 用户取消分享后执行的回调函数}});wx.onMenuShareQQ({title: '00a.com', // 分享标题desc: '000.com', // 分享描述link: 'http://111.free.ngrok.cc/111.html', // 分享链接imgUrl: 'http://pbs7k3hiu.bkt.clouddn.com/image/Mica_black.png', // 分享图标success: function () {// 用户确认分享后执行的回调函数alert(4454)},cancel: function () {// 用户取消分享后执行的回调函数}});
});
wx.error(function (res) {alert(res.errMsg);
//打印错误消息。及把 debug:false,设置为debug:ture就可以直接在网页上看到弹出的错误提示
}); }</script>
</body></html>

注意：测试的时候不可以使用ip测试，菜鸟我也不知道为啥

建议：可以使用第三方代理进行测试。

类似文章：https://blog.csdn.net/qq_34664239/article/details/79205337

原微信分享自定义样式amp;微信分享给朋友自定义图文信息相关推荐

Threejs物联网，养殖场3D可视化（三）模型展示，轨道控制器设置，模型沿着路线运动，模型添加边框，自定义样式显示标签，点击模型获取信息
1,介绍该示例使用的是 r95版本Three.js库. 主要实现功能:引用养殖场模型进行展示,轨道控制器设置,模型沿着路线运动,使用OutlinePass给模型添加边框,自定义样式显示标签,点击模型 ...
android 滚动条自定义样式,IScroll的使用-方向键绑定自定义滚动条样式
之前在webkit上开发一个滚动控件,需要完成的是一段文字,上下键可以滚动,且自定义滚动条.第一想法就是浏览器原生overflow:scroll,且webkit支持自定义滚动条样式: webkit自定 ...
ithoughts怎么自定义样式_微信小程序自定义导航栏组件封装
相信很多小伙伴在开发微信小程序的时候都会有自定义顶部导航栏的需求,不够要说明的是小程序右上角的胶囊是不能自定义的哦,除了胶囊其他地方都是可以根据自己的项目而定了,在一次小程序开发中就需要对顶部进行自定 ...
php+仿微信公众号样式,仿微信公众号富文本编辑器
微信公众号富文本编辑器使用百度ueditor插件为基础加以封装百度ueditor配置提供替换皮肤,只要添加相应的样式即可(码云代码链接) TIM截图20190404150153.png 以下处理富文 ...
调戏微信朋友圈定位算法，巧用图片位置信息更改朋友圈定位信息
2017年1月22日更新 2016-12-28,网友反馈定位失效.发现微信团队已经把算法给改了--朋友圈定位信息不再优先引用图片带的GPS信息.这就意味着本教程失效了.(偷笑)不知道是否有我一份&qu ...
windows phone (12) 小试自定义样式
windows phone (12) 小试自定义样式原文:windows phone (12) 小试自定义样式样式在BS开发中经常用到,在wp中系统也提供了解决办法,就是对设置的样式的一种资源共享 ...
WPF自定义控件与样式(5)-Calendar/DatePicker日期控件自定义样式及扩展
原文:WPF自定义控件与样式(5)-Calendar/DatePicker日期控件自定义样式及扩展一．前言申明:WPF自定义控件与样式是一个系列文章,前后是有些关联的,但大多是按照由简到繁的顺序逐 ...
bpmn-process-designer基础上进行自定义样式（工具、元素、菜单）
文章目录一.自定义工具Palette 例如这里对开始事件工具进行自定义二.自定义样式Palette和PopupMenu 三.自定义图形元素svg样式(包含了节点和连线) 自定义元素颜色然后就是元 ...
uniapp 实现微信小程序全局分享及自定义分享按钮样式
uniapp 实现微信小程序的全局转发给好友/分享到朋友圈的功能.主要使用 Vue.js 的全局混入概念. 下面直接上实现步骤和代码: 创建全局分享内容文件 1.创建一个全局分享的 js 文 ...

原微信分享自定义样式amp;微信分享给朋友自定义图文信息

原微信分享自定义样式amp;微信分享给朋友自定义图文信息相关推荐

最新文章

热门文章

原 微信分享自定义样式amp;微信分享给朋友自定义图文信息

原 微信分享自定义样式amp;微信分享给朋友自定义图文信息相关推荐

最新文章

热门文章

原微信分享自定义样式amp;微信分享给朋友自定义图文信息

原微信分享自定义样式amp;微信分享给朋友自定义图文信息相关推荐