技术支持   Support
联系我们   Contact
搜索   Search
你的位置:首页 > 技术支持

微信JS-SDK接口应用文档,微信分享设置,小白方法

2015/3/19 23:05:01      点击:

        微信JS-SDK功能提供了11个新接口,可谓是功能强大,但对于非专业人士应用起来确实有些吃力。下面我终结下我探索的过程,希望朋友们少走些弯路。

        首先提及几个概念:域名、空间(我用的是PHP代码,说以空间也要支持PHP的)、微信JS-SDK文档,这些基本概念请问搜索引擎。

                                   附:微信JS-SDK文档官方网址:http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html

        官方示例代码地址:http://demo.open.weixin.qq.com/jssdk/sample.zip

       解压后文件夹中包含4个文件夹,如图:分别是4中语言写法,选择其中一种就可以,我选择的是PHP。

         如想了解数字签名算法,及accesstoken以及jsapi_ticket的获得方法请百度,网上讲微信分享的基本是讲这个的。

         按照网上分享的这个方法可以自己写数字签名算法方便应用,但对于小白还是先把官方的吃透了,在研究吧,以免走弯路。

        官方提供的4种方法既是获取官方文档中提及的“数字签名的”方法代码,大家可以选择其一上传到服务器空间即可,PHP中jssdk.php是需要引用的签名算法文件,sample.php是官方提供的应用例子。

        了解了以上基本信息大家就可以正式操作了。

         流程按官方文档流程,我在这里帮大家描述下:


  步骤一:绑定域名(域名必须是备案的,可以不是一级域名)

       先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。

       备注:登录后可在“开发者中心”查看对应的接口权限。(认证公众号才有微信分享权限:未认证的请先去认证把,300元得5天左右吧)

步骤二、上传签名算法文件到空间(留着等待需要分享的网页文件引用)

  步骤三、制作你的分享页面代码。


          在你需要加入微信分享功能的页面加入下列PHP代码(代码一):

                   require_once "jssdk.php";
         $jssdk = new JSSDK("你的appid", "你的
AppSecret");   //请在你的公众号,开发者中心获取。
         $signPackage = $jssdk->GetSignPackage();
         ?>
         //我的理解是用你的APPID和秘钥,通过JSSDK.PHP文件进行数字签名,以便下文引用。

   步骤四:引入JS文件

在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.0.0.js

备注:支持使用 AMD/CMD 标准模块加载方法加载

    步骤五:通过config接口注入权限验证配置

    wx.config({

 debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
    appId: '', // 必填,公众号的唯一标识
    timestamp: , // 必填,生成签名的时间戳
    nonceStr: '', // 必填,生成签名的随机串
    signature: '',// 必填,签名,见附录1
    jsApiList: [] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
});


       //sample.php文件中提供的方法是如下代码:


     其他接口应该也是大同小异,今天就分享到这里。如果文章对你起到了作用或者有表达不清楚的地方,请加公众平台,留言探讨。

     QQ交流群: 129162596

订阅号,服务号

      我将打包了80多个小游戏代码到百度网盘,需要的朋友可以关注公众号,获取密码。文件在整理中,请等待。

      奉上几个调试好的小游戏供大家欣赏:http://pt.ymxkj.com/youxi/games/njdsb/

                                                          http://pt.ymxkj.com/youxi/games/biaoche/

                                                        http://pt.ymxkj.com/youxi/games/bdsjm

   上图为正吧:


分享到: