微信JS SDK demo 实例

最近研究了下微信分享SDK,搜下网上的实例,发现他们的好多配置参数都是写死的,也不知道怎么获取的,然后就自己研究了下,现在给小伙伴们贴上具体的,不喜勿喷啊,我只是贴上关键的代码,还有我开发过程中遇到种种问题,其他具体步骤你们可以去找官方文档,我做的时候主要代码是在weiphp框架写的,然后跨站调用的,主要代码如下:

需要微信JSSDK的页面必须得把配置写好,主要的配置有APPId(公众号标识),timestamp(生成签名的时间戳即当前时间的时间戳),nonceStr(生成签名的随机串),signature(签名),剩下一个不重要就不写了

1、获取nonceStr(生成签名的随机串)和jsapi_ticket为生成签名做准备

2、生成签名
 
3、跨站请求相关数据

4、为跨站取数据写的方法
5、把取到的JSSDK的配置赋值给变量

6、在页面中去写相关的JS代码

以下就是test.js文件相关代码

然后在手机端打开页面就是你想要的了,哇咔咔

7、注意事项:我开发过程中遇到的bug

    1、invalid url domain

    解决办法:去的微信公众平台绑定域名就ok了
    2、invalid signature用签名工具得到的结果验证一样,同时配置写的也没有问题

    解决办法:
发现url获取的不是当前展示页面的URL

    3、URL改过之后依然报invalid signature错误
    解决办法:发现config当中的appID和获取jsapi_ticket 的appid不一致
经历了九九八十一难终于把代码调试通了,其中我遇到好多问题百度发现好多都是相互复制,所以我就想把我自己弄的写下来,不但可以帮助到小伙伴还可以自己加深记一下,哇卡卡卡。。。
希望大家多多批评指正,码代码不易,且码且珍惜。
 



 
 
 
 





原文地址:https://www.cnblogs.com/luluzc/p/5082271.html