• 微信开发之JSSDK调用 2016-11-22 17:03:13
    由于项目需要,需要接触微信开发,并要调用微信的JS-SDK里面的接口。 因为经验缺乏,我百度一下关于微信开发的资料,但收集的资料都不尽人意。网上的主流的微信开发是采用PHP开发的,而本人学的Java。所以对PHP微信...

               由于项目需要,需要接触微信开发,并要调用微信的JS-SDK里面的接口。

           因为经验缺乏,我百度一下关于微信开发的资料,但收集的资料都不尽人意。网上的主流的微信开发是采用PHP开发的,而本人学的Java。所以对PHP微信开发只能看懂思路。更有的是,网上一些微信开发视频,也是和PHP有关的,关于用Java开发的甚少。

           无奈之下,我只好苦啃微信开发文档。大家都知道,微信官方给的开发文档真的有点那个啥,一个功能实现非要分几个地方来说,看完这块,又得点击另一个页面看完另一块,甚是麻烦。这样的设定也让我走了好多坑。

    但功夫不负有心,在研究透了微信开发文档之后,我顺利在在项目中完成微信开发。现在我将微信开发的经验分享一下,希望对大家有所帮助。

           微信JS-SDK是微信公众号平台面向网页开发这提供基于微信内的网页开发工具包。接口大类分为:基础接口、分享接口、图像接口、音频接口、智能接口、设备信息、地址位置、摇一摇周边、界面操作、微信扫一扫、微信小店、微信卡劵和微信支付。一般使用频率高的就是分享接口、地理微信、微信扫一扫和微信支付。

    接下来,我将主要讲解如何调用微信分享接口。

    第一步,准备内网映射工具,ngrok。不清楚这个的同学可以去百度一下。https://ngrok.com为ngrok官网。要进行微信开发,内网映射工具是不可少。毕竟,我们程序员进行开发,要测试开发的产品是否能用,都先在自己的电脑跑一下。但由于ngrok的服务器在外国的,鉴于天朝的墙太高,访问可能不稳定。所以我推荐的是国内的natapp,免费和收费的都有,服务毕竟稳定可靠,只不过要想自定义二级域名就得交费成为VIP咯。

    第二步,配置JS接口安全域名。登录要进行开发的公众号,点击公众设置--->功能设置。设置JS接口安全域名,要注意三点:①填写域名前面不需加上http://,例如你的域名是http://test.com,直接填写test.com即可;②域名默认80端口,只支持80和443端口,所以域名后面不能添加端口号。③该域名为你调用微信JS-SDK接口域名。

    第三步,引用JS文件。在需要调用JS接口的页面引入http://res.wx.qq.com/open/js/jweixin-1.0.0.js 。


    第四步,通过config接口注入权限验证配置 。具体参数有什么用处,在截图都有注释讲解。其中jsApiList为我们要使用的接口,我在下面共引用了五个接口,分别为微信好友分享、QQ好友分享、腾讯微博分享、QQ空间分享和朋友圈分享。调用的都是分享的接口。至于其他接口列表,可以去微信开发文档那浏览一下。这里就不详说。

            第五步,在服务器生成相关参数传到调用JS-SDK页面,完成授权。这是最重要的一步。如上图所示,appId,timestamp,nonceStr,signature都为必填参数。下面我将会详细说说如何生成这些参数并传回页面。

    appId为开发的微信公众号的AppID(应用ID),我们可以在登录微信公众号,在开发选项中点击基本配置来查看。

    timestamp为系统生成的时间戳。


    nonceStr为服务器随机生成的字符串。



    signature为微信JS-SDK使用权限算法。在生成signature之前,我们要拿到jsapi_ticket。官方文档是这样解释的:


    我们要注意三个地方。jsapi_ticket要缓存两个小时,每过两个小时,向微信那边请求一次。获取jsapi_ticket要通过access_token。那么我们该如何获取access_token呢?


    从文档可以看出,access_token需要AppID和AppSercet两个参数。而且access_token和jsapi_ticket一样,有效期皆为两小时。这就要求我们服务器要缓存access_token和jsapi_ticket,当有效期一过,就重新请求。有的人采用是用数据库来存取这两个参数,而我采用的是用Quartz定时器。关于Quartz定时器的使用,可浏览我上篇博客《SSH与Quartz集成》,里面有关于Quartz的使用方法。

    AppSercet可在与APPID同一页面获取。接下来,调用接口,获取access_token。



    接下来,我们用access_token去获取jsapi_ticket。


    获取jsapi_ticket,就可以进行生成签名。在此之前,先看一下官方文档的签名算法。



    用代码实现。


    第六步,传生成的参数给网页。



    第七步,调用已授权的JS接口。


    第八步,利用微信Web开发者工具调试,看看是否授权成功。(微信web开发者工具可在微信开发下载)。



    展开全文
  • 即刻下载使用==》微信web开发者工具下载 2、调试微信网页授权,具体操作步骤为: 1)开发者可以在调试器中点击“登录”,使用手机微信扫码登录,从而使用真实的用户身份来开发和调试微信网页授权。请确认手机登录页...
  • 本文讲的是微信JSSDK的使用和一些简单页面跟数据库的数据交互。 链接: 微信官方文档:. JSSDK使用步骤 第一步:域名绑定(略过,前面第一篇讲过) 第一步:引入JS文件(略过)在需要调用JS接口的页面引入如下JS文件...
  • Fiddler助力微信开发调试 2019-08-15 20:08:19
    Fiddler是一个非常强大的代理工具,可以让你的前端开发调试更加方便。下面介绍在微信开发调试方面的应用。 微信网页开发中,由于有js接口安全域名和授权域名等的限制,导致部分功能需要部署线上才能测试。通过代理...
  • 微信分享在开发工具调试正常,但是在手机上就是成功, 没有任何报错提示,看文档从2017年4月25日起,分享朋友圈和发送给朋友自定义分享链接,域名必须和当前页面对应公众号的安全域名一致,否则调用失败。...
  • 微信web开发者工具 2017-04-07 10:38:57
    为帮助开发者更方便、更安全地开发和调试基于微信的网页,我们推出了 web 开发者工具。它是一个桌面应用,通过模拟微信客户端的表现,使得开发者可以使用这个工具方便地在 PC 或者 Mac 上进行开发和调试工作。立即...
  • web开发者工具,就是为帮助开发者更方便、更安全地开发和调试基于微信的网页,我们推出了 web 开发者工具。它是一个桌面应用,通过模拟微信客户端的表现,使得开发者可以使用这个工具方便地在 PC 或者 Mac 上进行...
  • 为帮助开发者更方便、更安全地开发和调试基于微信的网页,微信推出了 web 开发者工具。它是一个桌面应用,通过模拟微信客户端的表现,使得开发者可以使用这个工具方便地在 PC 或者 Mac 上进行开发和调试工作。你可以...
  • 微信开发之web开发者工具 2016-10-02 17:13:11
    web开发者工具。 有任何疑问或建议请私信我,或者在评论区大家一起探讨。 概述 为帮助开发者更方便、更安全地开发和调试基于微信的网页,我们推出了 web 开发者工具。它是一个桌面应用,通过模拟微信客户端...
  • 微信JSSDK说明文档 2019-05-24 11:15:00
    微信JSSDK说明文档 转 微信JSSDK说明文档 2015年12月02日 09:41:34 panpanhm91 阅读数:10073 ...
  • 微信开发者工具调试,有时候你代码正确但是会报错 一定要真机调试 appid和secret一定要正确 一定要在在微信公众号后台设置正确的安全目录,直接设置成整个域名就ok了 微信的jssdk一点都懂的直接来这个文章:点击...
  • 微信jssdk 2018-05-30 10:00:06
    码农嘛肯定先在网上插件,像jiathis,百度分享,mob这类的插件一大堆简单易用,分享到时分享出去了但是有一个问题就是能自定义缩略图和摘要,上网一查要分享到微信需要微信jssdk授权。这里要求一下继承环境要配...
  • DEMO页面:http://demo.open.weixin.qq.com/jssdk 【在微信web开发者工具使用或者微信中】 源码下载:http://demo.open.weixin.qq.com/jssdk/sample.zip 【官方例子,想下载的会在下方贴出】 源码 sample.php ...
  • 微信JSSDK分享功能详解 2017-04-19 16:23:09
    微信6.0之后JSSDK的调用,微信分享功能的实现,傻瓜教程
  • 微信jssdk微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。 通过使用微信jssdk,网页开发者可以借助微信高效的使用拍照、选图、语音、位置等手机系统的能力,同时可以直接使用微信分享、扫一扫...
  • 微信JSSDK开发信息配置 2019-01-24 19:29:35
    微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。 通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力,同时可以直接使用微信分享、扫一扫、...
  • 微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。 通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力,同时可以直接使用微信分享、扫一扫、...
  • 背景 需求原因要写一个嵌入微信公众号的H5页面,里面详情页面包含了分享,之前都是直接调用客户端的分享,现在要通过jssdk自己去...按照微信jssdk的文档一步一步来, jssdk文档地址 去设置js安全域名以及申请appI...
  • 总结微信jssdk使用 2019-04-11 11:55:20
    总结微信jssdk使用 在实际项目中调用微信jssdk,这篇博客主要做一个总结记录    首先是关于微信jssdk调用步骤 1.在公众号内部的“公众号设置”的“功能设置”里填写“JS接口安全域名”。    备注:登录后可在...
1 2 3 4 5 ... 20
收藏数 1,615
精华内容 646