推荐:《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
上传到支付授权目录,然后访问readpay.PHP页面测试。
3、新建false.html,这个是支付失败的页面,至于支付失败要显示什么或者输出什么,这个根据你的业务来自定义开发。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。