溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

怎么在微信公眾號(hào)中添加一個(gè)會(huì)員卡領(lǐng)取功能

發(fā)布時(shí)間:2020-12-09 16:06:27 來(lái)源:億速云 閱讀:515 作者:Leah 欄目:開發(fā)技術(shù)

這篇文章將為大家詳細(xì)講解有關(guān)怎么在微信公眾號(hào)中添加一個(gè)會(huì)員卡領(lǐng)取功能,文章內(nèi)容質(zhì)量較高,因此小編分享給大家做個(gè)參考,希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

1、會(huì)員卡的領(lǐng)取也需要js-sdk接口(可以參考獲取微信公眾號(hào)獲取用戶的地理位置信息)

2、 比獲取用戶地理位置信息多了一個(gè)是需要單獨(dú)獲取簽名包,簽名方式也和獲取用戶地理位置的不同(這里再說(shuō)一下獲取簽名包的方式)

      獲取js-sdk簽名包:

           1、當(dāng)前的url、時(shí)間戳、隨機(jī)字符串、jsapiticket進(jìn)行組合                

 //調(diào)用js-sdk的簽名包
 public function getSignPackage() {
 $jsapiTicket = $this->getJsApiTicket();
 // 注意 URL 一定要?jiǎng)討B(tài)獲取,不能 hardcode.(獲取當(dāng)前網(wǎng)頁(yè)的url)
 $protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' || $_SERVER['SERVER_PORT'] == 443) ? "https://" : "http://";
 $url = "$protocol$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
 //時(shí)間戳
 $timestamp = time();
 //隨機(jī)字符串獲取
 $nonceStr = $this->createNonceStr();
 // 這里參數(shù)的順序要按照 key 值 ASCII 碼升序排序
 $string = "jsapi_ticket=$jsapiTicket&noncestr=$nonceStr&timestamp=$timestamp&url=$url";
 //生成字符串是用來(lái)簽名用的
 $signature = sha1($string);
 $signPackage = array(
  "appId"  => $this->appid,
  "nonceStr" => $nonceStr,
  "timestamp" => $timestamp,
  "url"  => $url,
  "signature" => $signature,
  "rawString" => $string
 );
 return $signPackage; 
 }

     獲取會(huì)員卡簽名包:      

//使用會(huì)員卡領(lǐng)取的簽名包
 public function getHuiYuanSignPackage() {
 $apiTicket = $this->getApiTicket();
 // 注意 URL 一定要?jiǎng)討B(tài)獲取,不能 hardcode.(獲取當(dāng)前網(wǎng)頁(yè)的url)
 $protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' || $_SERVER['SERVER_PORT'] == 443) ? "https://" : "http://";
 $url = "$protocol$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
 //時(shí)間戳
 $timestamp = time();
 //隨機(jī)字符串獲取
 // $nonceStr = $this->createNonceStr();
 // 這里參數(shù)的順序要按照 key 值 ASCII 碼升序排序
 $string = $timestamp.$apiTicket."pVYA_t3RCVF_yhNcO6QCeAmb-1UI";
 //生成字符串是用來(lái)簽名用的
 $signature = sha1($string);
 $signPackage = array(
  "timestamp" => $timestamp,
  "signature" => $signature,
 );
 return $signPackage; 
 }

詳細(xì)代碼說(shuō)明:

     HTML頁(yè)面:         

  //引入微信js文件
   <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/JavaScript">
//配置信息驗(yàn)證接口(填寫的js-sdk獲取的簽名包的參數(shù))
wx.config({
 debug: false,
 appId: '<&#63;PHP echo $signPackage["appId"];&#63;>',
 timestamp: '<&#63;php echo $signPackage["timestamp"];&#63;>',
 nonceStr: '<&#63;php echo $signPackage["nonceStr"];&#63;>',
 signature: '<&#63;php echo $signPackage["signature"];&#63;>',
 jsApiList: [
  // 所有要調(diào)用的 API 都要加到這個(gè)列表中
  'addCard'
  ]
   });
wx.ready(function(){
        //添加卡券
    document.querySelector('#addCard').onclick = function () {
     wx.addCard({
      cardList: [
      {
       cardId: "",//微信公眾號(hào)內(nèi)創(chuàng)建的會(huì)員卡的id
       cardExt: '{"timestamp":"<&#63;php echo $huiyuanPackage['timestamp'] &#63;>","signature":"<&#63;php echo $huiyuanPackage['signature'] &#63;>"}'//會(huì)員卡的簽名包
      }
      ],
     //成功之后的回調(diào)的函數(shù)(通過(guò)回調(diào)函數(shù)該表數(shù)據(jù)庫(kù)是否領(lǐng)取會(huì)員卡的狀態(tài))
      success: function (res) {
      $.ajax({
      url: '__CONTROLLER__/editHuiYuan',
      type: 'post',
      dataType: 'json',
      data: {is_LingQu: '1',user_id:"<&#63;php echo $user['user_id'] &#63;>"},
      success:function(){
      $("#addCard").html("我的會(huì)員卡");
      }
      })
      }
     });
    };
   });
</script>

控制器中的代碼:

   類庫(kù):https://www.jb51.net/article/115732.htm

 public function index(){
 $user_id = session('user_id');
  if($user_id){
  $jssdk = new \Home\Model\WechatModel();
  $signPackage = $jssdk->GetSignPackage();//獲取js-sdk簽名包
  $huiyuanPackage = $jssdk->getHuiYuanSignPackage();獲取會(huì)員卡簽名包
  //獲取用戶信息 
  $user = M('user')->where(array('user_id' => $user_id))->find();
  //產(chǎn)品收藏?cái)?shù)量統(tǒng)計(jì)
  $goods_count = M('goods_shoucang')->where(array('user_id' => $user_id))->count();
  //門店收藏?cái)?shù)量統(tǒng)計(jì)
  $shop_count = M('shop_shoucang')->where(array('user_id' => $user_id))->count();
  }else{
  //判斷該用戶是否存在
  $model = new \Home\Model\WechatModel();
  $openid_accesstoken = $model->openId();
  $rst = M('user')->where(array('user_openid' => $openid_accesstoken['openid']))->find();
  if($rst){
   session('openid',$openid_accesstoken['openid']);
   session('user_id', $rst['user_id']);
   $jssdk = new \Home\Model\WechatModel();
   $signPackage = $jssdk->GetSignPackage();
   $huiyuanPackage = $jssdk->getHuiYuanSignPackage();
   //獲取用戶信息 
   $user = M('user')->where(array('user_id' => $rst['user_id']))->find();
   //產(chǎn)品收藏?cái)?shù)量統(tǒng)計(jì)
   $goods_count = M('goods_shoucang')->where(array('user_id' => $rst['user_id']))->count();
   //門店收藏?cái)?shù)量統(tǒng)計(jì)
   $shop_count = M('shop_shoucang')->where(array('user_id' => $rst['user_id']))->count();
  }else{
   $userInfo = $model->getOpenId($openid_accesstoken['openid'],$openid_accesstoken['access_token']);
     $data = array(
      'user_img' => $userInfo['headimgurl'],
      'user_openid' => $userInfo['openid'],
      'user_name' => filter($userInfo['nickname']),
      'user_register_time' => time(),
      'city' => $userInfo['province'].'-'.$userInfo['city'],
     );
   $id = M('user')->add($data);
   session('openid', $userInfo['openid']);
   session('user_id',$id);
   $jssdk = new \Home\Model\WechatModel();
   $signPackage = $jssdk->GetSignPackage();
   $huiyuanPackage = $jssdk->getHuiYuanSignPackage();
   //獲取用戶信息 
   $user = M('user')->where(array('user_id' => $id))->find();
   //產(chǎn)品收藏?cái)?shù)量統(tǒng)計(jì)
   $goods_count = M('goods_shoucang')->where(array('user_id' => $id))->count();
   //門店收藏?cái)?shù)量統(tǒng)計(jì)
   $shop_count = M('shop_shoucang')->where(array('user_id' => $id))->count();
   }
  }
  $this->assign('signPackage', $signPackage);
  $this->assign('huiyuanPackage', $huiyuanPackage);
  $this->assign('user', $user);
  $this->assign('shop_count', $shop_count);
  $this->assign('goods_count', $goods_count);
  $this->display();
 }

關(guān)于怎么在微信公眾號(hào)中添加一個(gè)會(huì)員卡領(lǐng)取功能就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI