php開發微信公眾號文章付費閱讀功能！
如上圖，一看就懂，就是一片公眾號文章，點進去顯示標題，作者，時間，公眾號名稱和部分內容，要想閱讀所有內容，那就支付0.01元就可以閱讀所有的內容，這就是付費閱讀！！！當然金額可以自定義....
其實這個開發原理很簡單，無非就是在文章頁面加一個微信支付的按鈕，點擊支付后把隱藏的部分給顯示出來或者直接跳轉到全文地址。
當然了，這個文章界面也是模仿官方來寫的，你可以查看官方的樣式，然后模仿就可以了，這個沒啥難度。主要是加個按鈕在這個頁面，下面是這個頁面的代碼：
readpay.php
<?php
header('Content-type:text/html; Charset=utf-8');
$mchid = '微信支付商戶號'; //微信支付商戶號
$appid = '微信支付申請對應的公眾號的APPID'; //微信支付申請對應的公眾號的APPID
$appKey = '微信支付申請對應的公眾號的APPSECRET'; //微信支付申請對應的公眾號的APPSECRET
$apiKey = 'API密鑰'; //帳戶設置-安全設置-API安全-API密鑰-設置API密鑰
//①、獲取用戶openid
$wxPay = new WxpayService($mchid,$appid,$appKey,$apiKey);
$openId = $wxPay->GetOpenid(); //獲取openid
if(!$openId) exit('獲取openid失敗');
//②、統一下單
$outTradeNo = uniqid(); //你自己的商品訂單號
$payAmount = 0.01; //付款金額，單位:元
$orderName = 'test'; //訂單標題
$notifyUrl = 'nofity.php'; //付款成功后的回調地址,一般放在本頁面的同級目錄即可
$payTime = time(); //付款時間
$jsApiParameters = $wxPay->createJsBizPackage($openId,$payAmount,$outTradeNo,$orderName,$notifyUrl,$payTime);
$jsApiParameters = json_encode($jsApiParameters);
?>
<!--下面就是木方官方微信文章頁面-->
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>新版微信支持雙開，王利芬慶祝“茅侃侃去世”文閱讀10w+被批人血饅頭</title>
<script type="text/javascript">
//調用微信JS api 支付
function jsApiCall()
{
WeixinJSBridge.invoke(
'getBrandWCPayRequest',
<?php echo $jsApiParameters; ?>,
function(res){
WeixinJSBridge.log(res.err_msg);
//alert(res.err_code+res.err_desc+res.err_msg);
if(res.err_msg == "get_brand_wcpay_request:ok"){
//支付成功跳轉頁面
window.location.href="這里填寫支付成功后要跳轉的查看全文文章地址";
}else{
//支付失敗/或取消支付跳轉頁面，自己自定義開發頁面
window.location.href="false.html";
}
}
);
}
function callpay()
{
if (typeof WeixinJSBridge == "undefined"){
if( document.addEventListener ){
document.addEventListener('WeixinJSBridgeReady', jsApiCall, false);
}else if (document.attachEvent){
document.attachEvent('WeixinJSBridgeReady', jsApiCall);
document.attachEvent('onWeixinJSBridgeReady', jsApiCall);
}
}else{
jsApiCall();
}
}
</script>
<!--下面就是木方官方微信文章頁面的CSS-->
<style>
#title{
margin-bottom:10px;
line-height:1.4;
font-weight:400;
font-size:24px;
width: 97%;
margin:0 auto;
}
#meta_content .time{
color: #8C8C8C;
font-family: "SimHei";
}
.author{
color: #8C8C8C;
font-family: "SimHei";
}
.name{
color: #607fa6;
}
#con{
width:95%;
font-size: 15px;
margin:15px auto 25px;
color: #595757;
}
</style>
</head>
<body>
<br/>
<!--文章標題-->
<h2 id="title">新版微信支持雙開，王利芬慶祝“茅侃侃去世”文閱讀10w+被批人血饅頭</h2>
<div id="meta_content">
<!--發布時間、作者、公眾號昵稱-->
<span class="time">2018-01-27</span> <span class="author">tanking</span> <span class="name">里客云</span>
</div>
<!--顯示的部分內容，未支付前顯示的內容-->
<div id="con">
這一周，公眾號議論最多的有“周沖的影像聲色”因洗稿被撕、80后創業者茅侃侃去世、劉亦菲分手......幾乎每件事都能在朋友圈刷到相關報道。此外，視頻大號“一條”又拿到了新一輪融資，你最關心哪一件事呢？
</div>
<!--支付按鈕-->
<div align="center">
<button style="width:180px; height:35px;background: none; border-radius: 5px;border:1px #1AAD19 solid; cursor: pointer; color:#1AAD19; font-size:15px;-webkit-tap-highlight-color:rgba(255,0,0,0);" type="button" οnclick="callpay()" >支付0.01閱讀全文</button>
</div>
</body>
</html>
<!--下面是微信支付邏輯了-->
<?php
header("Content-Type:text/html; charset=utf-8");
class WxpayService
{
protected $mchid;
protected $appid;
protected $appKey;
protected $apiKey;
public $data = null;
public function __construct($mchid, $appid, $appKey,$key)
{
$this->mchid = $mchid; //https://pay.weixin.qq.com 產品中心-開發配置-商戶號
$this->appid = $appid; //微信支付申請對應的公眾號的APPID
$this->appKey = $appKey; //微信支付申請對應的公眾號的APP Key
$this->apiKey = $key; //https://pay.weixin.qq.com 帳戶設置-安全設置-API安全-API密鑰-設置API密鑰
}
/**
* 通過跳轉獲取用戶的openid，跳轉流程如下：
* 1、設置自己需要調回的url及其其他參數，跳轉到微信服務器https://open.weixin.qq.com/connect/oauth2/authorize
* 2、微信服務處理完成之后會跳轉回用戶redirect_uri地址，此時會帶上一些參數，如：code
* @return 用戶的openid
*/
public function GetOpenid()
{
//通過code獲得openid
if (!isset($_GET['code'])){
//觸發微信返回code碼
$scheme = $_SERVER['HTTPS']=='on' ? 'https://' : 'http://';
$baseUrl = urlencode($scheme.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'].$_SERVER['QUERY_STRING']);
$url = $this->__CreateOauthUrlForCode($baseUrl);
Header("Location: $url");
exit();
} else {
//獲取code碼，以獲取openid
$code = $_GET['code'];
$openid = $this->getOpenidFromMp($code);
return $openid;
}
}
/**
* 通過code從工作平臺獲取openid機器access_token
* @param string $code 微信跳轉回來帶上的code
* @return openid
*/
public function GetOpenidFromMp($code)
{
$url = $this->__CreateOauthUrlForOpenid($code);
$res = self::curlGet($url);
//取出openid
$data = json_decode($res,true);
$this->data = $data;
$openid = $data['openid'];
return $openid;
}
/**
* 構造獲取open和access_toke的url地址
* @param string $code，微信跳轉帶回的code
* @return 請求的url
*/
private function __CreateOauthUrlForOpenid($code)
{
$urlObj["appid"] = $this->appid;
$urlObj["secret"] = $this->appKey;
$urlObj["code"] = $code;
$urlObj["grant_type"] = "authorization_code";
$bizString = $this->ToUrlParams($urlObj);
return "https://api.weixin.qq.com/sns/oauth2/access_token?".$bizString;
}
/**
* 構造獲取code的url連接
* @param string $redirectUrl 微信服務器回跳的url，需要url編碼
* @return 返回構造好的url
*/
private function __CreateOauthUrlForCode($redirectUrl)
{
$urlObj["appid"] = $this->appid;
$urlObj["redirect_uri"] = "$redirectUrl";
$urlObj["response_type"] = "code";
$urlObj["scope"] = "snsapi_base";
$urlObj["state"] = "STATE"."#wechat_redirect";
$bizString = $this->ToUrlParams($urlObj);
return "https://open.weixin.qq.com/connect/oauth2/authorize?".$bizString;
}
/**
* 拼接簽名字符串
* @param array $urlObj
* @return 返回已經拼接好的字符串
*/
private function ToUrlParams($urlObj)
{
$buff = "";
foreach ($urlObj as $k => $v)
{
if($k != "sign") $buff .= $k . "=" . $v . "&";
}
$buff = trim($buff, "&");
return $buff;
}
/**
* 統一下單
* @param string $openid 調用【網頁授權獲取用戶信息】接口獲取到用戶在該公眾號下的Openid
* @param float $totalFee 收款總費用 單位元
* @param string $outTradeNo 唯一的訂單號
* @param string $orderName 訂單名稱
* @param string $notifyUrl 支付結果通知url 不要有問號
* @param string $timestamp 支付時間
* @return string
*/
public function createJsBizPackage($openid, $totalFee, $outTradeNo, $orderName, $notifyUrl, $timestamp)
{
$config = array(
'mch_id' => $this->mchid,
'appid' => $this->appid,
'key' => $this->apiKey,
);
$orderName = iconv('GBK','UTF-8',$orderName);
$unified = array(
'appid' => $config['appid'],
'attach' => 'pay', //商家數據包，原樣返回，如果填寫中文，請注意轉換為utf-8
'body' => $orderName,
'mch_id' => $config['mch_id'],
'nonce_str' => self::createNonceStr(),
'notify_url' => $notifyUrl,
'openid' => $openid, //rade_type=JSAPI，此參數必傳
'out_trade_no' => $outTradeNo,
'spbill_create_ip' => '127.0.0.1',
'total_fee' => intval($totalFee * 100), //單位 轉為分
'trade_type' => 'JSAPI',
);
$unified['sign'] = self::getSign($unified, $config['key']);
$responseXml = self::curlPost('https://api.mch.weixin.qq.com/pay/unifiedorder', self::arrayToXml($unified));
$unifiedOrder = simplexml_load_string($responseXml, 'SimpleXMLElement', LIBXML_NOCDATA);
if ($unifiedOrder === false) {
die('parse xml error');
}
if ($unifiedOrder->return_code != 'SUCCESS') {
die($unifiedOrder->return_msg);
}
if ($unifiedOrder->result_code != 'SUCCESS') {
die($unifiedOrder->err_code);
}
$arr = array(
"appId" => $config['appid'],
"timeStamp" => "$timestamp", //這里是字符串的時間戳，不是int，所以需加引號
"nonceStr" => self::createNonceStr(),
"package" => "prepay_id=" . $unifiedOrder->prepay_id,
"signType" => 'MD5',
);
$arr['paySign'] = self::getSign($arr, $config['key']);
return $arr;
}
public static function curlGet($url = '', $options = array())
{
$ch = curl_init($url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_TIMEOUT, 30);
if (!empty($options)) {
curl_setopt_array($ch, $options);
}
//https請求 不驗證證書和host
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false);
$data = curl_exec($ch);
curl_close($ch);
return $data;
}
public static function curlPost($url = '', $postData = '', $options = array())
{
if (is_array($postData)) {
$postData = http_build_query($postData);
}
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_POST, 1);
curl_setopt($ch, CURLOPT_POSTFIELDS, $postData);
curl_setopt($ch, CURLOPT_TIMEOUT, 30); //設置cURL允許執行的最長秒數
if (!empty($options)) {
curl_setopt_array($ch, $options);
}
//https請求 不驗證證書和host
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false);
$data = curl_exec($ch);
curl_close($ch);
return $data;
}
public static 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;
}
public static function arrayToXml($arr)
{
$xml = "<xml>";
foreach ($arr as $key => $val) {
if (is_numeric($val)) {
$xml .= "<" . $key . ">" . $val . "</" . $key . ">";
} else {
$xml .= "<" . $key . "><![CDATA[" . $val . "]]></" . $key . ">";
}
}
$xml .= "</xml>";
return $xml;
}
public static function getSign($params, $key)
{
ksort($params, SORT_STRING);
$unSignParaString = self::formatQueryParaMap($params, false);
$signStr = strtoupper(md5($unSignParaString . "&key=" . $key));
return $signStr;
}
protected static function formatQueryParaMap($paraMap, $urlEncode = false)
{
$buff = "";
ksort($paraMap);
foreach ($paraMap as $k => $v) {
if (null != $v && "null" != $v) {
if ($urlEncode) {
$v = urlencode($v);
}
$buff .= $k . "=" . $v . "&";
}
}
$reqPar = '';
if (strlen($buff) > 0) {
$reqPar = substr($buff, 0, strlen($buff) - 1);
}
return $reqPar;
}
}
?>nofity.php
<?php
/**
* 原生支付（掃碼支付）及公眾號支付的異步回調通知
* 說明：需要在native.php或者jsapi.php中的填寫回調地址。例如：http://www.xxx.com/wx/notify.php
* 付款成功后，微信服務器會將付款結果通知到該頁面
*/
header('Content-type:text/html; Charset=utf-8');
$mchid = '微信支付商戶號';
$appid = '公眾號APPID';
$apiKey = 'API密鑰';
$wxPay = new WxpayService($mchid,$appid,$apiKey);
$result = $wxPay->notify();
if($result){
//完成你的邏輯
//例如連接數據庫，獲取付款金額$result['cash_fee']，獲取訂單號$result['out_trade_no']，修改數據庫中的訂單狀態等;
}else{
echo 'pay error';
}
class WxpayService
{
protected $mchid;
protected $appid;
protected $apiKey;
public function __construct($mchid, $appid, $key)
{
$this->mchid = $mchid;
$this->appid = $appid;
$this->apiKey = $key;
}
public function notify()
{
$config = array(
'mch_id' => $this->mchid,
'appid' => $this->appid,
'key' => $this->apiKey,
);
$postStr = $GLOBALS["HTTP_RAW_POST_DATA"];
$postObj = simplexml_load_string($postStr, 'SimpleXMLElement', LIBXML_NOCDATA);
if ($postObj === false) {
die('parse xml error');
}
if ($postObj->return_code != 'SUCCESS') {
die($postObj->return_msg);
}
if ($postObj->result_code != 'SUCCESS') {
die($postObj->err_code);
}
$arr = (array)$postObj;
unset($arr['sign']);
if (self::getSign($arr, $config['key']) == $postObj->sign) {
echo '<xml><return_code><![CDATA[SUCCESS]]></return_code><return_msg><![CDATA[OK]]></return_msg></xml>';
return $arr;
}
}
/**
* 獲取簽名
*/
public static function getSign($params, $key)
{
ksort($params, SORT_STRING);
$unSignParaString = self::formatQueryParaMap($params, false);
$signStr = strtoupper(md5($unSignParaString . "&key=" . $key));
return $signStr;
}
protected static function formatQueryParaMap($paraMap, $urlEncode = false)
{
$buff = "";
ksort($paraMap);
foreach ($paraMap as $k => $v) {
if (null != $v && "null" != $v) {
if ($urlEncode) {
$v = urlencode($v);
}
$buff .= $k . "=" . $v . "&";
}
}
$reqPar = '';
if (strlen($buff) > 0) {
$reqPar = substr($buff, 0, strlen($buff) - 1);
}
return $reqPar;
}
}簡單說明：
1、新建readpay.php，拷貝上面的代碼，修改商戶號、appid、appsecret、密鑰即可，還有下面的回調地址的路徑(nofity.php)，至于支付成功和支付失敗跳轉的頁面按自己的需求修改即可。
支付金額、文章標題】時間、作者、公賬號名稱等根據自己的需求修改。
要注意，訂單標題不能為中文，否則會提示body參數錯誤什么的。
2、新建nofity.php
把上面的代碼拷貝上去，修改商戶號、appid、密鑰即可。
上傳到支付授權目錄，然后訪問readpay.php頁面測試。
3、新建false.html，這個是支付失敗的頁面，至于支付失敗要顯示什么或者輸出什么，這個根據你的業務來自定義開發。
