使用微信SDK定制分享方式

一.背景介绍

在微信上打开你网站的链接经常会变成这样

不是很好。如果你想把你的标志和你想要的描述和你分享的东西放在一起，你应该怎么做，像下面这样

这需要微信共享SDK，文档链接：https://开发者。weixin.qq.com/doc/offiaccount/OA网应用软件

二、微信SDK指令的第一步

第一步

首先，我们必须在微信公众平台上注册一个微信微信官方账号，并且必须是经过认证的企业或组织。这个过程大约需要两三天的时间。只有认证过的微信官方账号才有权限分享SDK，但不能个人分享，比较麻烦。账号申请成功后，会有AppID和AppSecret，相当于你微信官方账号的密钥。第二步需要用到。然后在你调微信SDK到JS接口安全域名的时候添加页面的地址，不支持IP地址、端口号、短链域名，只能写域名不加http，在设置安全域名的路径下就可以成功调SDK。

第二步

你需要一个接口来获得签名。你可以向研发寻求帮助。当你请求界面时，带上一个网址(必须与你当前的网址一致)。然后让RD研究如何通过微信官方账号的AppID和AppSecret获取令牌、签名等信息。然后就可以开心地叫微信分享SDK了。

第三步

获得签名后将其引入HTML

script typet=' text/JavaScript ' src=' http:https://res.wx.qq.com/open/js/jweixin-1.4.0.js'/after脚本被引入，共享SDK在代码中被调用

window . wx . config({ appid : RES . data . appid，//res.data返回数据timestamp 3360 RES . data . timestamp，non crest : RES . data . non crest，signature re : RES . data . signature，jsaplist :[' checkJsApi '，' updateAppMessageShareData '，' updateTimelineShareData ']})；Const shareconfig={'imgur' : '您要显示的图标'，' desc': '您要显示的描述'，' title': '您要显示的标题'，' link' : window.location.href，' success' : function(。);}、“cancel”: function(){ console . log(‘cancel’)；} };window . wx . ready(function(){ window . wx . updateappmessagesharedata(share config)；window . wx . updatetimelinesharedata(share config)；});好的！完成后可以按照现在的想法分享内容，但是如何在本地测试是否成功呢？就像我们刚才说的，只有在安全域名下才能成功调用，所以Charles很有用处。在本地代理安全域名，然后就可以在微信开发者工具上测试自己了。没问题，去真机，试试iOS和安装，会有惊喜的。

三.维修站和总结

经过自测，上线了。结果发现iOS手机未能获取签名，并上报签名无效。后来发现，如果从其他页面跳转到想要共享的页面，window.location.href不会改变。也就是说，当你发送获取签名的请求时，发送到后端的URL与你当前的URL不一致，导致签名获取失败。有很多解决办法。你可以拿上一页的URL来获取签名，只要一致就可以了。

好吧，让我们从这开始。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。