基于SAE服务器的微信JsSDK测试

原创 2015年11月19日 19:00:09

基于SAE服务器的微信JsSDK测试

申请微信测试号

此处使用微信测试号作为测试载体, 因为微信订阅号在未认证之前有很多微信接口都没有权限, 测试号的接口权限相对较多, 可以用于测试, 可以在如下网址注册微信测试号。微信测试号网址

申请SAE(新浪服务器)账号

新浪云申请地址, 新浪项目可以使用gitsvn 做版本控制, 根据个人喜好选择。对于SAE做微信公众号开发教程, 可以参考方倍工作室教程, 不做累述。

下载官方JsSDK文档

JsSDK官方文档, 官方示例代码, 下载的示例代码中有php, node, java各种版本, 可以选择自己喜欢的语言, 我这里使用php为例。

JsSDK使用步骤

  1. 绑定域名
    在测试号的 JS接口安全域名 下绑定域名,如下图所示:
    这里写图片描述
    注意:这里的域名是一级域名, 而非你的项目访问地址, 比如我的项目地址为http://judithhuang.sinaapp.com, 那么我此处的域名配置应该为 sinaapp.com , 可以参考百度经验里面的这个说明

  2. 引入js
    可以直接使用这个网上的资源 http://res.wx.qq.com/open/js/jweixin-1.0.0.js, 也可以下载到本地使用。

  3. 通过config接口注入权限验证配置
    下面的php代码加入到index.php即html页面文件的头部

    <?php
    //这里的jssdk.php是官方网站示例代码的源码, import进来就好
    require_once "jssdk.php";
    // 这里的配置好自己微信测试号的appId和appsecret
    $jssdk = new JSSDK("你自己的appID", "你自己的appsecret");
    $signPackage = $jssdk->GetSignPackage();
    ?>

    下面的 js 加入到index.php页面的js片段

    /*
    * 注意:
    * 1. 所有的JS接口只能在公众号绑定的域名下调用,公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
    * 2. 如果发现在 Android 不能分享自定义内容,请到官网下载最新的包覆盖安装,Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
    * 3. 常见问题及完整 JS-SDK 文档地址:http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
    *
    * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决,如仍未能解决可通过以下渠道反馈:
    * 邮箱地址:weixin-open@qq.com
    * 邮件主题:【微信JS-SDK反馈】具体问题
    * 邮件内容说明:用简明的语言描述问题所在,并交代清楚遇到该问题的场景,可附上截屏图片,微信团队会尽快处理你的反馈。
    */
    wx.config({
    debug: true,
    appId: '<?php echo $signPackage["appId"];?>',
    timestamp: '<?php echo $signPackage["timestamp"];?>',
    nonceStr: '<?php echo $signPackage["nonceStr"];?>',
    signature: '<?php echo $signPackage["signature"];?>',
    url: '<?php echo $signPackage["url"];?>',
    jsApiList: [
      'hideOptionMenu'// 所有要调用的 API 都要加到这个列表中
    ]
    });
    
    wx.ready(function () {
      //wx.hideOptionMenu();// 在这里调用 API
    wx.getLocation({
        type: 'wgs84', // 默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入'gcj02'
        success: function (res) {
            var latitude = res.latitude; // 纬度,浮点数,范围为90 ~ -90
            var longitude = res.longitude; // 经度,浮点数,范围为180 ~ -180。
            var speed = res.speed; // 速度,以米/每秒计
            var accuracy = res.accuracy; // 位置精度
            // 这里是拿到用户的当前位置, 也可以调用其他接口, 具体参考官方文档
        }
    });
    });

结束语
1. 在这个测试的过程中, 踩到的坑就是 js安全接口域名 的配置, 一直报config: invalid url 的错误。
2. 下面的参数一定要在后台获取, 切记不可使用前台请求去获取这些参数。
这里写图片描述

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

学习历程(三)微信jssdk使用

主要是,个人觉得微信开发者文档上面的jssdk说的不是特别清楚,我花了一个下午时间才算了解清楚。其实真正掌握起来只需要十几分钟就可以了, 只是对于初学者来说还是比较费劲的。         首先,...

关于使用微信JSSDK的配置问题

配置wx.config文件时所需的四个数据分别如下: appid //(微信公众平台开发者APPId) timestamp //(自己设定的随机数) nonceStr //(随机字符...

微信jssdk多图片上传下载到服务器

//前台代码       $(function (){       paizhao();//打开页面直接调用该函数       });        ...

微信sae云服务器后台创建

一.   申请服务器资源              想要进行微信开发,少不了后台服务器端程序的开发,那么我们首先就要申请服务器资源。目前有很多云服务器可选,比如新浪的sae,这里就以sae为例来讲解...

sae搭建微信服务器的坑

最近申请了个微信公众号,并且搭了个微信服务器后台玩一玩。只是出于技术的目的,看下整套流程是怎么玩的。谁知应该很简单的流程被一个坑卡了3天之久。写下文章记录下整个过程。 后台服务器的选择 自己的机器 这...

十:申请微信公众号和搭建SAE网上服务器

我刚把能单聊的给经理看一下,

微信公众号开发-自定义菜单中链接用MUI前端框架写的网页以及发布到SAE服务器

继上篇微信公众号开发的SAE平台搭建及自定义菜单的实现之后,现在继续关于自定义菜单的链接网页的制作(用的MUI框架)以及上传到新浪云服务器上。

基于SAE和lanewechat开源PHP微信框架开发微信公众平台(一)成功启用服务器配置

我使用的是自己没认证过的申请的个人订阅号. 准备好SAE、LaneWeChat代码(在github上clone一份)。 1.在SAE创建一个PHP空应用,代码管理方式为SVN。 虽然不想用SVN但是S...

微信JSSDK分享

  • 2017-07-20 14:54
  • 22KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)