剛完成一個微信小程序卡券開發的項目。下面記錄開發前，自己困惑的幾個問題。

因為我只負責了前端。所以下面主要是前端的工作。

項目概述：按照設計圖開發好首頁上的優惠券列表，點擊某個優惠券，輸入手機號，點擊領取，調用 wx.addCard()接口，跳到微信的領取卡券頁面。

點擊首頁的某處按鈕，點擊後，調用wx.openCard()接口，打開已領取的卡券列表頁。

1、小程序提供的 wx.addCard() ，如果調用成功，打開的界面，長下面這個樣子。（微信本身就有的頁面）

如果點擊了返回，沒有點擊“領取到卡包”。此時是沒有領取成功的。

2、小程序提供的 wx.openCard() ，如果調用成功，打開的界面，長下面這個樣子。（微信本身就有的頁面）
 

3、開發流程（後續補充）：

1) 獲取openId。

在app.json文件中，前端調用wx.request()，發送code至自己公司後臺提供的接口，獲取openId，存到緩存中，為了確保其他頁面能獲取到。我也存到了一個公共變量中。

2) 按照微信提供的API說明，傳必要參數。

凡是需要調用 api.weixin.qq.com這個接口獲取的數據，都要由後臺調用，返回給前端。前端無法直接調用。

4、踩的坑

1）點擊領取後，接口調用成功，就要設置按鈕不可點擊。否則多次快速點擊，微信卡包中，卡券列表裏會出現多次重復領取的卡券。

2）用自己的appId登錄開發者工具，查看公司的小程序項目時，會報錯。因為後臺服務器使用的是公司小程序的 appsecret 獲取的 accesstoken。和自己的appId對不上，就調不了接口。

解決：開通公司小程序的開發權限，用公司的appId登錄開發者工具。註意，先選擇小程序文件，然後再輸入appId。因為如果之前已經打開過這個小程序，再次導入小程序文件時，appId會自動輸入之前的appId記錄。先輸入appId ，有可能會被自動改掉。

......做項目時，想寫的很多，做完了，突然詞窮了。等有人問，或者我自己想，再慢慢補充吧 ==||

微信小程序-卡券開發（前端）