|
我上午發(fā)了個(gè)帖子http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4840
想請(qǐng)教下小程序卡券開(kāi)發(fā)事宜，無(wú)奈設(shè)計(jì)卡券開(kāi)發(fā)的實(shí)戰(zhàn)太少，我就自己研究了下，現(xiàn)在分享下自己的代碼~~~
一 、 開(kāi)發(fā)小程序卡券的前提是：
1、小程序和公眾號(hào)有綁定
2、小程序和該公眾號(hào)需要綁定到同一個(gè)開(kāi)放平臺(tái)下（http://open.weixin.qq.com）
3、公眾號(hào)開(kāi)通微信卡券功能
二 、 準(zhǔn)備工作做好后，開(kāi)始第一步講微信卡券升級(jí)成小程序卡券
小程序&卡券打通
1 打通主要支持特性
支持在小程序中領(lǐng)取/查看/使用公眾號(hào)AppId創(chuàng)建的會(huì)員卡、票、券（含通用卡）。
注：創(chuàng)建卡券部分可見(jiàn)卡券接口文檔。
2 商家需要做什么
2.1. 需在open平臺(tái)綁定公眾號(hào)AppId與小程序AppId，詳情查看https://open.weixin.qq.com/cgi-bin/announce?action=getannouncement&key=1439297282&version=10&lang=zh_CN&token=；
2.2. 原卡券中配置的自定義外鏈基礎(chǔ)上新增一組小程序頁(yè)面配置字段，支持將卡券內(nèi)鏈接升級(jí)為小程序；
2.3. 以小程序AppId調(diào)用添加/查看卡券JS-API，簽名參數(shù)與公眾號(hào)Addcard/Opencard JS-SDK一致；
2.4. 核銷卡券、數(shù)據(jù)查看保持現(xiàn)網(wǎng)路徑，商家無(wú)需調(diào)整。
3 商家接入落地的接口內(nèi)容
3.1. 創(chuàng)建接口/更新卡券信息接口base_info中新增進(jìn)入小程序頁(yè)面字段，商家需將小程序字段配置進(jìn)原自定義外鏈結(jié)構(gòu)體中，小程序頁(yè)面新增字段示例如下：
-
{ "card": {
-
"card_type": "MEMBER_CARD",
-
"member_card": {
-
"base_info": {
-
"custom_url_name": "立即使用",
-
"custom_url": "http://www.qq.com",
-
"custom_app_brand_user_name": "gh_86a091e50ad4@app",
-
"custom_app_brand_pass":"API/cardPage",
-
"custom_url_sub_title": "6個(gè)漢字tips",
-
"promotion_url_name": "更多優(yōu)惠",
-
"promotion_url": "http://www.qq.com",
-
"promotion_app_brand_user_name": "gh_86a091e50ad4@app",
-
"promotion_app_brand_pass":"API/cardPage" }
-
}
-
}
文檔中講的是模棱兩可，總結(jié)下來(lái)就是需要我們?cè)趧?chuàng)建微信卡券的時(shí)候，需要添加個(gè)自定義外鏈，并且我們領(lǐng)取一張卡券，通過(guò)卡券上的那個(gè)自定義外鏈訪問(wèn)完成小程序卡券升級(jí)！
1、我圖省事就在公眾號(hào)后臺(tái)創(chuàng)建卡券了并添加那個(gè)升級(jí)字段的鏈接  [attach]10124[/attach]
2、創(chuàng)建完成后通過(guò)卡券二維碼掃碼領(lǐng)取這張卡券，并點(diǎn)擊上一步設(shè)置的入口，去升級(jí)微信卡券到小程序卡券！ 3、第一步設(shè)置的那個(gè)自定義字段訪問(wèn)鏈接內(nèi)的代碼如下（我通過(guò)PHP實(shí)現(xiàn)的） 字段說(shuō)明可看：https://mp.weixin.qq.com/cgi-bin/announce?action=getannouncement&key=1490190158&version=1&lang=zh_CN&platform=2
-
//小程序卡券
-
-
public function doMobileWxapp(){
-
-
global $_W,$_GPC;
-
-
load()->classs('weixin.account');
-
-
load()->func('communication');
-
-
$cardid = $_GPC['card_id'];
-
-
$access_token = WeAccount::token();
-
-
$post = '{
-
-
"card_id":"' . $cardid . '",
-
-
"general_coupon": {
-
-
"base_info": {
-
-
"custom_url_name": "小程序",
-
-
"custom_url": "http://www.qq.com",
-
-
"custom_app_brand_user_name": "gh_05c38bf33b51@app",
-
-
"custom_app_brand_pass":"pages/index/index",
-
-
"custom_url_sub_title": "點(diǎn)擊進(jìn)入",
-
-
"promotion_url_name": "更多信息",
-
-
"promotion_url": "http://www.qq.com",
-
-
"promotion_app_brand_user_name": "gh_05c38bf33b51@app",
-
-
"promotion_app_brand_pass":"pages/index/index"
-
-
}
-
-
}
-
-
}';
-
-
$url = "https://api.weixin.qq.com/card/update?access_token={$access_token}";
-
-
$res = ihttp_post($url, $post);
-
-
$res = json_decode($res['content'],true);
-
-
var_dump($res);die();
-
-
include $this->template('wxapp');
-
-
}
4、完成卡券升級(jí)后，開(kāi)始小程序里做領(lǐng)取卡券（通過(guò)wx.addCard(OBJECT)）
領(lǐng)取/查看卡券的接口參數(shù)不變，以小程序的AppId調(diào)用JSSDK，填入公眾號(hào)AppId下的參數(shù)
官方文檔是這么一句話說(shuō)的，我上午以為小程序可以調(diào)用jssdk了呢，埋頭研究發(fā)現(xiàn)不行，其實(shí)這里根本不需要什么JSSDK，就是通過(guò)公眾號(hào)的參數(shù)來(lái)生成小程序卡券的簽名字段！ 需要注意的是，這里生成卡券簽名需要用到用戶在小程序下的openID，（具體文檔可以查看微信JSSDK卡券添加https://mp.weixin.qq.com/wiki/11/74ad127cc054f6b80759c40f77ec03db.html#.E6.89.B9.E9.87.8F.E6.B7.BB.E5.8A.A0.E5.8D.A1.E5.88.B8.E6.8E.A5.E5.8F.A3） 貼代碼（代碼略亂）
小程序端代碼：
先拿到openID
|
