微信分享功能开发代码整理

微信分享对接php项目:

做微信分享开发要注意所有的JS接口只能在公众号绑定的域名下调用,公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”

1,Jssdk类包的引入Jssdk.class.php生成注册微信官方分享按钮的权限参数,代码如下:

<?php
// +----------------------------------------------------------------------
// | 微信分享核心包类
// +----------------------------------------------------------------------
// | Copyright (c) 2012-2014 http://www.bieanju.com/ All rights reserved.
// +----------------------------------------------------------------------
// | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 )
// +----------------------------------------------------------------------
// | Author: RockCoder(bieanju)
// | CreateTime : 2015-9-17
// +----------------------------------------------------------------------
class Jssdk {
  private $appId;
  private $appSecret;

  public function __construct($appId, $appSecret) {
    $this->appId = $appId;
    $this->appSecret = $appSecret;
  }

  public function getSignPackage() {
    $jsapiTicket = $this->getJsApiTicket();

    // 注意 URL 一定要动态获取,不能 hardcode.
    $protocol = (!empty($_SERVER[‘HTTPS‘]) && $_SERVER[‘HTTPS‘] !== ‘off‘ || $_SERVER[‘SERVER_PORT‘] == 443) ? "https://" : "http://";
    $url = "$protocol$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";

    $timestamp = time();
    $nonceStr = $this->createNonceStr();

    // 这里参数的顺序要按照 key 值 ASCII 码升序排序
    $string = "jsapi_ticket=$jsapiTicket&noncestr=$nonceStr&timestamp=$timestamp&url=$url";

    $signature = sha1($string);

    $signPackage = array(
      "appId"     => $this->appId,
      "nonceStr"  => $nonceStr,
      "timestamp" => $timestamp,
      "url"       => $url,
      "signature" => $signature,
      "rawString" => $string
    );
    return $signPackage;
  }

  private function createNonceStr($length = 16) {
    $chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
    $str = "";
    for ($i = 0; $i < $length; $i++) {
      $str .= substr($chars, mt_rand(0, strlen($chars) - 1), 1);
    }
    return $str;
  }

  private function getJsApiTicket() {
    // jsapi_ticket 应该全局存储与更新,以下代码以写入到文件中做示例
    $data = json_decode(file_get_contents("jsapi_ticket.json"));
    if ($data->expire_time < time()) {
      $accessToken = $this->getAccessToken();
      // 如果是企业号用以下 URL 获取 ticket
      // $url = "https://qyapi.weixin.qq.com/cgi-bin/get_jsapi_ticket?access_token=$accessToken";
      $url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?type=jsapi&access_token=$accessToken";
      $res = json_decode($this->httpGet($url));
      $ticket = $res->ticket;
      if ($ticket) {
        $data->expire_time = time() + 7000;
        $data->jsapi_ticket = $ticket;
        $fp = fopen("jsapi_ticket.json", "w");
        fwrite($fp, json_encode($data));
        fclose($fp);
      }
    } else {
      $ticket = $data->jsapi_ticket;
    }

    return $ticket;
  }

  private function getAccessToken() {
    // access_token 应该全局存储与更新,以下代码以写入到文件中做示例
    $data = json_decode(file_get_contents("access_token.json"));
    if ($data->expire_time < time()) {
      // 如果是企业号用以下URL获取access_token
      // $url = "https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid=$this->appId&corpsecret=$this->appSecret";
      $url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=$this->appId&secret=$this->appSecret";
      $res = json_decode($this->httpGet($url));
      $access_token = $res->access_token;
      if ($access_token) {
        $data->expire_time = time() + 7000;
        $data->access_token = $access_token;
        $fp = fopen("access_token.json", "w");
        fwrite($fp, json_encode($data));
        fclose($fp);
      }
    } else {
      $access_token = $data->access_token;
    }
    return $access_token;
  }

  private function httpGet($url) {
    $curl = curl_init();
    curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
    curl_setopt($curl, CURLOPT_TIMEOUT, 500);
    curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);
    curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, false);
    curl_setopt($curl, CURLOPT_URL, $url);

    $res = curl_exec($curl);
    curl_close($curl);

    return $res;
  }
}

2,引入微信官方的js demo.html

程序示例:

<?php
class DemoAction extends Action{

    public function WxShare(){
        /* 微信分享前置配置数据 */
        import(‘@.ORG.Jssdk‘);
        $WxShare = new Jssdk(C(‘new_appid‘),C(‘appsecret‘));
        $this->Share = $WxShare->getSignPackage();//生成注册微信分享按钮参数
    }
}
?>

模板输出示例:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>微信分享Demo</title>
<script type="text/javascript" src="./Tpl/js/weixin.js"></script>
<script>
/* 注册微信分享按钮权限参数 */
    var WxShareConfig = {
            "AppID":"{$Share.appId}",
            "TimeStamp":"{$Share.timestamp}",
            "NonceStr":"{$Share.nonceStr}",
            "Signature":"{$Share.signature}",
    }
/* 分享数据参数 */
    window.shareData = {
            "moduleName":"Store",
            "moduleID":"{$product[‘id‘]}",
            "imgUrl": "{$product[‘logourl‘]}",
            "timeLineLink": "{:C(‘site_url‘) .  U(‘Store/product‘,array(‘token‘ => $_GET[‘token‘],‘id‘=>$product[‘id‘], ‘twid‘ => $mytwid))}",
            "sendFriendLink": "{:C(‘site_url‘) .  U(‘Store/product‘,array(‘token‘ => $_GET[‘token‘],‘id‘=>$product[‘id‘], ‘twid‘ => $mytwid))}",
            "weiboLink": "{:C(‘site_url‘) .  U(‘Store/product‘,array(‘token‘ => $_GET[‘token‘],‘id‘=>$product[‘id‘], ‘twid‘ => $mytwid))}",
            "tTitle": "{$metaTitle}",
            "tContent": "{$metaTitle}"
        };
</script>
<script type="text/javascript" src="./Tpl/js/wxshare.js"></script>
<script>
/* 分享成功处理的业务逻辑 */
    function shareSuccess(){
        $.post("U(‘Doaction/activity‘)",function (data) {
            alert(data.msg);
        },"json");
    }
</script>
</head>
<body>

</body>
</html>

3,wxshare.js引入demo.html页面处理分享事件(PS:程序所需要的js 传送门 解压密码:http://www.bieanju.com/)

4,根据3的返回状态进行业务逻辑处理

时间: 2024-09-30 20:07:12

微信分享功能开发代码整理的相关文章

微信分享功能开发

1.H5页面配置 (1)引入微信JS SDK <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> (2)在js里配置接口参数 wx.config({ debug : false,//这里是开启测试,如果设置为true,则打开每个步骤,都会有提示,是否成功或者失败 appId : '${appid}', time

微信开发】【Asp.net MVC】-- 微信分享功能

[微信开发][Asp.net MVC]-- 微信分享功能 2017-01-15 09:09 by stoneniqiu, 12886 阅读, 15 评论, 收藏, 编辑 内嵌在微信中的网页,右上角都会有一个默认的分享功能.如下图所示,第一个为自定义的效果,第二个为默认的效果.实现了自定义的分享链接是不是更让人有点击的欲望?下面讲解下开发的过程. 一.准备,设置js接口安全域名 这需要使用微信的jssdk,先需要在微信公众号后台进行设置:公众号设置-->功能设置-->JS接口安全域名.打开这个页

Android微信分享功能实例+demo

Android微信分享功能实例 1 微信开放平台注册 2 获得appId,添加到程序中,并运行程序 3 使用应用签名apk生成签名,添加到微信开放平台应用签名,完成注册 4 测试分享功能. 有问题请留言  o(∩_∩)o 哈哈 代码如下: package com.wx; import android.app.Activity; import android.os.Bundle; import android.util.Log; import android.view.View; import a

[5] 微信公众号开发 - 微信支付功能开发(网页JSAPI调用)

1.微信支付的流程 如下三张手机截图,我们在微信网页端看到的支付,表面上看到的是 "点击支付按钮 - 弹出支付框 - 支付成功后出现提示页面",实际上的核心处理过程是: 点击支付按钮时,执行一个Ajax到后台 后台通过前台的部分信息(如商品名额,金额等),将其组装成符合微信要求格式的xml,然后调用微信的"统一下单接口" 调用成功后微信会返回一个组装好的xml,我们提取之中的消息(预支付id也在其中)以JSON形式返回给前台 前台将该JSON传参给微信内置JS的方法

js-sdk微信分享功能的实现(vue)

代码 mounted(){ //在mounted里执行 let ua = navigator.userAgent.toLowerCase(); //判断是否是微信端 if (ua.match(/MicroMessenger/i) == "micromessenger") { this.getWxShare() } } methods:{ getWxShare(){ let url = window.location.href.split('#')[0] axios.get(`${com

微信开发(一)基于Wx-java的微信分享功能

最近在做微信服务号开发,简单总结一下,便于自己学习积累和分享给大家: 环境介绍: Spring+ Spring MVC +Mybatis 开发语言: JAVA 微信公众平台的开发中,微信只公布了一个基于Http协议的接口和加解密的算法sdk,在开发的过程中可以自己根据需求来配置数据,调用相关接口,也可以引用比较成熟的基于java语言的微信公众号sdk.笔者引用的是目前比较流行的 weixin-java-tools 可以参考:点击打开链接 项目中引入了weixin-java-mp 就可直接调用相关

【微信开发】【Asp.net MVC】-- 微信分享功能

内嵌在微信中的网页,右上角都会有一个默认的分享功能.如下图所示,第一个为自定义的效果,第二个为默认的效果.实现了自定义的分享链接是不是更让人有点击的欲望?下面讲解下开发的过程. 一.准备,设置js接口安全域名 这需要使用微信的jssdk,先需要在微信公众号后台进行设置:公众号设置-->功能设置-->JS接口安全域名.打开这个页面之后你会看到下面的提示.需要先下载这个文件并上传到指定域名的根目录. 这个文件里面是一个字符串,从名称看是用来校验用的.先上传了这个文件,你才能保存成功.这样你就可以使

微信二次分享功能开发笔记

最近的一个项目在进行二次分享的时候出现了问题,定制的文案描述及图片都不能在分享后出现,如图所示: 经过十八般折腾,终于变成我想要的样式了,如图:    下面讲讲具体如何实现的. 首先,明白我们的需求是使由app分享到微信后的页面可以使用微信的二次分享功能做定制化的分享(如图所示) 然后开始着手做相关功能开发. 根据微信开发文档,知晓我们需要调用微信的api,获取对应的分享功能(朋友.朋友圈.qq)等,还需要一个对应的公众号或者服务号.理清思路后,接下来介绍关于各部分的具体处理,见下: 本地代码处

ionic微信分享功能实例

最近的项目有分享的需求,在网上找了很多关于分享功能的介绍,这边介绍一个demo(xuli大神所写),也算是对于这项功能的一个总结吧. 一.先生成一个apk包 具体可以直接下载xuli大神的代码git clone https://github.com/xu-li/cordova-plugin-wechat-example.git 然后打包apk. 二.根据apk包生成签名 下载签名工具,将apk安装到安卓手机中,在项目config.xml文件中找到包名,将包名输入到签名工具GenSignature