Angularjs+ThinkPHP3.2.3集成微信分享JS-SDK实践

先来看看微信分享效果：

在没有集成微信分享js-sdk前是这样的：没有摘要，缩略图任意抓取正文图片

在集成微信分享js-sdk后是这样的：标题，摘要，缩略图自定义

一、下载微信SDK开发包

下载地址：http://demo.open.weixin.qq.com/jssdk/sample.zip

二、设置安全域名

所有的微信JS接口都只能在公众号绑定的域名下调用。登录微信公众平台，点击左边的“公众号设置”，切换到“功能设置”，在“JS接口安全域名”一栏设置安全域名，下载验证文件到网站根目录，再回到窗口点击“确定”（注：在点击“确定”前，设置的域名下都要能在浏览器下正常访问刚才下载的验证文件才能通过验证）。

三、以第三方插件形式集成到ThinkPHP

1、解压微信SDK开发包，将jssdk.PHP、access_token.php、jsapi_ticket.php复制到插件目录ThinkPHP/Library/Org/Util下，重命名jssdk.php为Jssdk.class.php（符合TP加载规则的文件名）。

2、修改access_token.php、jsapi_ticket.php的读写路径。打开Jssdk.class.php文件，加入私有属性private $filePath;

在构造函数中设置属性为当前文件路径：$this->filePath = __DIR__.'/';

搜索access_token.php、jsapi_ticket.php，在文件名前连接上$this->filePath

四、应用

1、在PHP接口处写一函数调用，$url为angularjs访问接口时传过来的参数，保证请求地址和调用地址一致

=['url' = \Org\Util\Jssdk(_APPID_,_APPSECRET_, = ->((->response(('success'=>0,'info'=>'读取错误'),'json'->response(('success'=>1,'info'=>'读取成功','appid'=>['appId'],'timestamp'=>['timestamp'],'nonceStr'=>['nonceStr'],'signature'=>['signature']),'json'

2、angularjs代码

$http.get("/h5n/games/web/getwxconfig?url="+encodeURIComponent('http://youxi919.com/h5web/'(response.success==1, appId: response.appid, timestamp: response.timestamp, nonceStr: response.nonceStr, signature: response.signature, 'checkJsApi''onMenuShareTimeline''onMenuShareAppMessage''onMenuShareQQ''onMenuShareWeibo'

    }</span><span style="color: #0000ff;"&gt;else</span><span style="color: #000000;"&gt;{
    };
});
wx.ready(</span><span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; () {
    wx.onMenuShareAppMessage({              </span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;配置分享给朋友接口</span>
        title: '分享的标题',<span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt; 分享标题</span>
        desc: '这是一个测试分享',<span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt; 分享描述</span>
        link: location.href,<span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt; 分享链接</span>
        imgUrl: '',<span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt; 分享图标</span>
        type: '',<span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt; 分享类型,music、video或link，不填默认为link</span>
        dataUrl: '',<span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt; 如果type是music或video，则要提供数据链接，默认为空</span>
        success: <span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; () { 
            </span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt; 用户确认分享后执行的回调函数</span>

},cancel: function () {
// 用户取消分享后执行的回调函数
 }
})
});

ThinkPHPThinkPHP教程

添加数据

(1)创建数据表： CREATE TABLE IF NOT EXISTS `think_form` ...

组合查询

组合查询的主体还是采用数组方式查询，只是加入了一些特殊的...

更新数据

(1)创建模版：/App/Home/View/Form/edit.html <FORM m...

加载自定义配置文件

自定义配置文件user.php: <?php return array( \'se...

ThinkPHP中如何重写配置文件

在一些成熟的CMS系统中，后台一般都包含一个配置中心（如织梦...

thinkphp简洁、美观、靠谱的分页类

废话不多说先上图预览下，即本博客的分页；这个分页类是在...

Angularjs+ThinkPHP3.2.3集成微信分享JS-SDK实践

相关文章